@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 959px) {
	body{-webkit-text-size-adjust:none;}

}

@media only screen and (max-width : 960px),
only screen and (max-device-width : 960px){


}

@media only screen and (max-width : 768px),
only screen and (max-device-width : 768px){


}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px){


}

@media only screen and (max-width : 480px),
only screen and (max-device-width : 480px){
	boddy{margin-bottom:-20px;}
	.wrapper{padding:0 3%;}
	#topbar{display:none;}
	#logo{text-align:center; clear:both; float:none; margin-bottom:20px;}
	header .phone{text-align:center; float:none;}
	.left, .right{clear:both; float:none;}
	.half, .one-third, .two-third, .one-fourth, .three-fourth{width:90%; padding:0 3%;}
	nav{display:block; text-align:center; background:#f7f7f7;}
	ul#nav{width:100%; margin:0; padding:0;}
	ul#nav li{display:block; float:none; width:100%; text-align:center; margin:0; padding:0;}
	
	.quick-contact{max-width:70%; margin:20px auto; float:none;}
	
	.featured-content .one-third{width:90%; border-top:solid 1px #f7f7f7; margin-top:20px;}
	footer{text-align:center;}
	ul.products-range li{clear:both; float:none; width:100%;}
	.footer-bar{padding:10%; width:80%;}
	
	.container .mix {
    width: 90%;
    margin:10px 0;
}
	
	
}

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){


}