/* ---------------------------------------- */
/*              MEADIA QUERIES              */
/* ---------------------------------------- */

@media only screen and (max-width: 1310px ) {
	.container{ 
		width: auto;
		padding: 0 100px;
	}
	
	#site-header nav ul li .megamenu-inner{ margin: 0 100px; }
}

@media only screen and (max-width: 990px) {
		
	.slider-bg{ height: 400px; }
}

@media only screen and (max-width: 950px) {
	.one-fourth{ width: 50%; }
	
	.one-third.sb-left,.one-third.sb-right{ display: none; }
	.two-thirds.sb-left,.two-thirds.sb-right{ width: 100%; }
}

@media only screen and (max-width: 800px) {	
	#site-header nav ul li{ display: none; }
	#mobile-nav{ display: block; float: right; }
	.selectbox{ float: right; }
	header .logo{ width: 50%; float: left; }
}

@media only screen and (max-width: 768px) {	
	.container{ padding: 0 50px; }
	.slider-bg{ height: 300px; }
	
	.callout-1 .container .col{ text-align: center; padding: 0; }
	.callout-1 p{ max-width: 100%; }
	.callout-1 .btn{
		margin: 16px 0 0;
		position: relative;
	}
}

@media only screen and (max-width: 660px) {
	.col{ width: 100%;}
	#top-bar .sociallinks{ display: none; }
	
	.slider-bg{ height: 200px; }
}

@media only screen and (max-width: 480px) {
	.container{ padding: 0 25px; }
	.boxed.dark{ padding: 40px 20px; }
}

/* --- RETINA --- */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	blockquote.icon:before{ background-image: url(../img/quote-x2.png);	}
	.selectbox{ background-image: url(../img/mm-icon-x2.png); }
	.meter h4:before{ background-image: url(../img/point-1-x2.png); }
	.progress-steps li.step-done:after{	background-image: url(../img/tick-x2.png); }
	.share-icon{ background-image: url(../img/share-icon-x2.png); }
	.read:after{ background-image: url(../img/read-x2.png); }
	.post-quote h5{ background-image: url(../img/quote-2-x2.png); }
	.post-quote h5{ background-image: url(../img/quote-2-x2.png); }
	.logo{ background-image: url(../img/mte-x2.png); }
}