/*
	CSS - Skype.com
	MEDIAQUERIES
*/



/* 600px
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 600px) {

	/* Wrappers & Page Templates
	----------------------------------------*/

	section {
	    overflow: hidden;
	    padding: 20px 0 0;
	    position: relative;
	}

	section .sideWrapper {
	    background-color: #00AFF0;
	    display: none;
	    height: 240px;
	    margin: 20px 0;
	    max-width: 100%;
	    position: relative;
	}

	section.templateSideLeft .mainWrapper,
	section.templateSideRight .mainWrapper {
	    margin: 0;
	}

	section.templateSideLeft .sideWrapper.left,
	section.templateSideRight .sideWrapper.right {
	    display: block;
	    width: 100%;
	}

		section.templateSideLeft .sideWrapper.left {
		    margin: 0 0 20px;
		}

		section.templateSideRight .sideWrapper.right {
		    margin: 20px 0 0;
		}

	section.templateSideLeft .mainWrapper .fullWidthMobile,
	section.templateSideRight .mainWrapper .fullWidthMobile {
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	}

	section.templateSideLeft .sideWrapper.right,
	section.templateSideRight .sideWrapper.left {
	    display: none;
	}


	/* Content Blocks, Rows & Columns
	----------------------------------------*/

	.contentBlock,
	.container.contentBlock,
	section.templateSideLeft .contentBlock.container,
	section.templateSideRight .contentBlock.container {
		margin: 0 20px 20px;
		padding: 0;
	}

		.container.whiteBackground {
			background-color: #FFFFFF;
		}

		.container.whiteBackground .column {
		    background-color: transparent;
		}

	.contentBlock .row {
	    padding-top: 20px;
	}

		.contentBlock.container .row {
		    padding-bottom: 20px;
		}

		.contentBlock.container.divideLineMobile .row {
		    padding-bottom: 0;
		}

	.column{
		overflow: hidden;
	}

	.column,
	.spacingGutter .column,
	.spacingLine .column,
	.spacingLineWhite .column,
	.spacingLineLight .column,
	.spacingLineDark .column {
	    margin: 0;
	    padding: 20px 0 2px;
	}

		.column > div {
			width: 100%;
		}

		.fullWidthMobile .column > div {
			width: auto;
		}

	.container .column,
	.container.spacingGutter .column,
	.container.spacingLine .column,
	.container.spacingLineWhite .column,
	.container.spacingLineLight .column,
	.container.spacingLineDark .column {
	    margin: 0;
	    padding: 20px 20px 2px;
	}

		.container .column > div {
			width: auto;
		}

		.fullWidthMobile.container .column > div {
			width: 100%;
		}

		.container .column .fieldRow,
		.fullWidthMobile.container .column .fieldRow {
			width: auto;
		}

	.fullWidthMobile,
	.container.fullWidthMobile {
	    margin: 20px 0;
	}

	.container.divideLineMobile .column {
	    padding: 20px;
	}

	.column.flush {
		margin-top: 20px;
		margin-bottom: 20px;
	}


	/* Grid
	----------------------------------------*/
	
	.grid {
		float: none;
	    margin-bottom: 0 !important;
	    padding-bottom: 0 !important;
	    width: 100% !important;
	}

		.container .grid {
		    margin-bottom: 0;
		}
	
	.grid:first-child .column {
	    padding-top: 0;
	}

	.row:first-child .grid:first-child .column {
	    padding-top: 0;
	}
	
	.container .row:first-child .grid:first-child .column {
	    padding-top: 20px;
	}


	/* Divides
	----------------------------------------*/

	.spacingLine .grid,
	.spacingLineWhite .grid,
	.spacingLineLight .grid,
	.spacingLineDark .grid {
	   border-left: none !important;
	   border-right: none !important;
	}

	section .divideLineMobile {
	   margin: 20px 0 0;
	   padding: 0 20px 20px;
	}

		section .divideLineMobile .grid .column {
		    margin-top: 0;
		}

		section .divideLineMobile .grid:first-child .column {
		    margin-top: 20px;
		}

		section .divideLineMobile.fullWidthMobile {
		   padding: 0 0 20px;
		}

	section .divideLineMobile.container {
	   border-bottom: none;
	   border-top: none;
	   margin: 20px;
	   padding: 0;
	}

		section .divideLineMobile.container .column {
		    margin-top: 0;
		}

		section .divideLineMobile.container.fullWidthMobile {
		   margin: 0 0 20px;
		}

	section .divideLineMobile .grid .column {
	   border-top: 1px solid #C0DCE6;
	}

		section.backgroundBlue .divideLineMobile .grid .column {
		   border-top: 1px solid #FFFFFF;
		}

	section .divideLineMobile.container .grid .column {
	   border-top: 1px solid #E4EEF2;
	}

		section .divideLineMobile.container.backgroundWhite .grid .column {
		   border-top: 1px solid #E4EEF2;
		}

		section .divideLineMobile.container.backgroundFog .grid .column {
		   border-top: 1px solid #FFFFFF;
		}

		section .divideLineMobile.container.backgroundBlue .grid .column {
		   border-top: 1px solid #FFFFFF;
		}

		section .divideLineMobile .grid {
			margin-top: 20px;
		}

			section .divideLineMobile .grid:first-child {
				margin-top: 0;
			}

			section .divideLineMobile .grid:first-child .column {
				border-top: none !important;
				margin-top: 0 !important;
			}

		section .divideLineMobile.container .grid {
			margin-top: 0;
		}

	.contentBlock + .divideLineMobile,
	.sectionWrapper .divideLineMobile:first-child,
	.contentWrapper .divideLineMobile:first-child {
	    margin-top: 0 !important;
	}

	.contentBlock.divideLineMobile + .divideLineMobile {
	    margin-top: 0 !important;
	}

	
	.contentBlock + .divideLineMobile,
	.contentBlock.divideLineMobile + .divideLineMobile.container {
	    margin-top: 0 !important;
	}

	.divide.white,
	.divide.light,
	.divide.dark,
	section .divide,
	section.backgroundWhite .divide,
	section.backgroundFog .divide,
	section.backgroundBlue .divide {
	   margin: 0 0 20px;
	}


	/* Lines
	----------------------------------------*/

	.contentBlock .line {
		height: 0;
		margin: 0 0 20px !important;
		top: 20px;
	}

	.contentBlock.container .line {
		position: static;
	}


	/* Spacers
	----------------------------------------*/


	.spacer_6 {
		margin-bottom: 4px
	}

	.spacer_12 {
		margin-bottom: 8px
	}

	.spacer_18 {
		margin-bottom: 12px
	}

	.spacer_24 {
		margin-bottom: 16px
	}

	.spacer_30 {
		margin-bottom: 20px
	}

	.spacer_36 {
		margin-bottom: 24px
	}

	.spacer_42 {
		margin-bottom: 28px
	}

	.spacer_48 {
		margin-bottom: 32px
	}

	.spacer_54 {
		margin-bottom: 36px
	}

	.spacer_60 {
		margin-bottom: 40px
	}


	/* Images
	----------------------------------------*/

	.container .content_img.no_padding {;
	    margin: -20px -20px 0;
		/*margin-top: 0px;*/
	}

	.outside .content_img.no_padding {;
	    margin: 0;
	}

	.content_img.noDesktop {
        margin: 0;
	}

	.content_img.noDesktop .fluidImage {
    	background-position: center center;
    	background-repeat: no-repeat;
    	background-size: 100% auto;
    	left: -50%;
    	top: 0;
    	position: static;
    	margin: 0 auto;
    	width: auto;
    	height: auto;
    	vertical-align: baseline;
	}


	/* Back to Top
	----------------------------------------*/

	.backToTop a {
	    bottom: 3px;
	}

}


/* 480px
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 480px) {

	.content_img.noDesktop {
        margin: 0 -50% !important;
	}

	.content_img.noDesktop .fluidImage {
    	background-position: center top;
    	background-repeat: no-repeat;
    	background-size: auto auto;
    	margin-top: -20px;
	}
}


