@media screen and (min-width:768px) and (max-width:1100px){
	
	body{ min-width:auto;}
	.left50{ width:100%; height:auto; padding-bottom:20px;}
	.left50 .inner{left: 100%; margin-left: 0; position: static; width: 100%;}
	.left50 .inner .mainimagecontainer,.innerpage .left50 .mainimagecontainer{ width:60%;float:right;}
	.innerpage .left50 .mainimagecontainer{ text-align:center; margin:0;}
	.logo{margin:30px 0; text-align:center; width:40%; float:left;}
	.menus li, .menus.second li{ width:25%; height:200px;}
	.left50right,.wrapper{ width:100%;}
	.menus, .right-bottom{width:100%;}
	footer{ padding:10px 20px;}
	.right-bottom{ text-align:center; width:100%;}
	.innerpage .products li:hover .bottom h2{top:0; left:0; width:100%; height:100%; margin:0;}
	.innerpage .products li:hover .bottom h2 a{top:0; left:0; position:absolute;}
	.innerpage .left50{ width:100%; padding:0; height:auto;}
	.call{ width:100%; text-align:center; float:left; position:static; background:#222; margin-top:20px;}
	.innerpage .left50right{ width:100%; min-height:auto;}
	.innerpage .left50right .right-inner{ max-width:100%; width:100%; float:left; }
	.innerpage .products li:hover .bottom h2{top:0; left:0; width:100%; height:100%; margin:0;}
	.innerpage .products li:hover .bottom h2 a{top:0; left:0; position:absolute; width:100%; height:100%; margin:0;}
	.innerpage .product-list td{width:23%; margin:0 1% 10px; height:250px; overflow:hidden;}
	.left50right iframe{width:100%!important;}
}


@media screen and (max-width:767px){
	body{ min-width:auto;}
	
	.left50 .inner .logo{ width:100%; float:left; text-align:center;}
	.left50 .inner .mainimagecontainer, .logo{ margin:0;}
	.left50{ width:100%; height:auto; background-size: 100% 100%;}
	.left50 .inner{ width:100%; margin:0; position:static;}
	.call{ width:100%; text-align:center; float:left; position:static; background:#222; margin-top:20px;}
	.wrapper, .left50right{width:100%;}
	/*.wrapper .f-right.nav{float:none; text-align:center;}
	.wrapper .f-right.nav li{ display:inline-block; float:none;}*/
	.menus{width:100%;}
	.menus li{ width:25%; height:150px!important;}
	.header{position:absolute; background:none; border:none; width:100%; top:0; z-index:99;}
	.right-bottom{ width:100%; text-align:center;}
	.right-bottom h2{ line-height:normal; padding:30px 0;}
	
	.innerpage .left50, .innerpage .left50right{width:100%; min-height:auto;}
	.innerpage .left50{ height:auto; padding:0 0 20px 0;background:#000 url("../images/left-bg.jpg") no-repeat scroll right top;}
	.left50 .text-right{text-align:center;}
	.innerpage .left50 .mainimagecontainer, .logo{ margin-top:0;}
	.innerpage .left50right .right-inner{ float:left; width:100%; max-width:none;}
	.innerpage .products li{ max-width:31.33%; margin:0 1% 30px;}
	.wrapper .f-left{ padding-left:20px;}
	.wrapper .f-right{ padding-right:20px;}
	.innerpage .product-list td{width:48%; margin:0 1% 10px; height:250px; overflow:hidden;}
	.width50{ width:100%;}
	.innerpage .address, .feild,.textarea{width:100%; border:none;}
	.left50right iframe{width:100%!important;}
	.innerpage .products li:hover .bottom h2{top:0; left:0; width:100%; height:100%; margin:0;}
	.innerpage .products li:hover .bottom h2 a{top:0; left:0; position:absolute; width:100%; height:100%; margin:0;}
	
	.mobMenu{ display:inline-block; cursor:pointer;}
	.nav{ display:none; background:#000;}
	.nav li{ width:100%; display:block;}
	.nav li a{ width:100%; display:block; font-size:16px; float:left; padding:15px 20px;}
	.nav li span{ display:none;}
}

@media screen and (max-width:480px){
	.innerpage .products li{ max-width:100%; width:100%; text-align:center; margin:0 1% 30px;}
	.innerpage .product-list td{width:94%; margin:0 3% 10px; height:250px; overflow:hidden;}
	
	.menus{width:100%;}
	.menus li{ width:50%; height:200px!important;}
}