@media only screen and (max-width: 1200px){
	.main{ min-width:270px; width: auto;}
	#wrapper{ min-width:260px; width: auto; padding:0px 20px;}
	#wrapper #wrapper{ padding:0px;}
	.top_info{ right:20px;}
	.colormenu{ min-width:270px; width: auto;}
	.boxbanner div+ div { margin-left:0;}	   
}
@media only screen and (max-width: 1024px){
    .product-info .price{ float:none; border-bottom:1px solid #ddd;}
	.product-list .block{ width:auto;}
     table.form textarea, .product-info textarea{ width:150px;}
	select{ width:150px;}
	input.large-field, select.large-field{ width:180px;}
	.return-quantity input{ width:120px;}
     #footer .tweetcolumn, #footer .facebookcolumn{ width:50%;}
}
@media only screen and (max-width: 980px){
	#header{ min-height:64px;}
	.top-nav { margin-top:38px;}
	#searchbox{ width:94%; }
	#searchbox input{ width:94%;float:right;}
	.product-list #buttonrow{ display:block; clear:both;}
	.product-compare a{ clear:both}
 /***********************************mobile menu*********************************************/	
   
	.menuResp {clear: both; display: none;}
	.ma-nav-mobile-container{ display:block;}
}
@media only screen and (min-width: 981px){
.menuResp{ display:block !important; } 

}
@media only screen and (max-width: 820px){
.product-info .right  {
	margin-left: 0px;
	margin-right:0px;
    }
	.product-info > .left{ float:none;}
    .product-info .left .image{ float:none;}
	.product-info .image-additional{ float:none;}
	
	.category-info .image{ float:none; margin-right:0;}
	.boxbanner div{width:48%;}
	}

@media only screen and (max-width: 770px){
	 #mobile-menu, #mobile-welcome{display: block;}
	 .topmobile, .topaccount{ display:none;}
	 #mobile-menu{ clear:right; margin-right:0;}
	  #cart{ margin-bottom:4px;}
	 .top_info{ position:relative;} 
	 .top_info > div{ margin-bottom:10px;}
	 #cart .content{ top:52px; width:240px;}
	#header{ min-height:120px;}

	#column-left, #column-right{ display:none;   }
	#column-left + #column-right + #content, #column-left + #content,  #column-right + #content , #content { margin-left:0px; margin-right:0px; }
	
	.return-model, .return-name, .return-reason, .return-opened{ float:none; width:90%;}
	#content .content .right, #content .content .left{ float:none; width:90%;}
	
	

	#footer .tweetcolumn, #footer .facebookcolumn{ width:99%; padding-top:10px; margin-right:0px; }
	#footer .footerleft, #footer .footerright{ float:none; width:99%;}
	#topfooter .part{ width:100%; float:none; margin-bottom:20px;}
	#footer .part{ width:100%; float:none;}
	#footer .column {width: 50%;}
	#powered #copy, #social-icons{ float:none;}

	.box-category ul li ul  li:hover ul{ display:none;}
	.checkout-content .left, .checkout-content .right{ float:none; width:90%;}
	

}

@media only screen  and (max-width: 480px) {
    .wishlist-tot{ display:none;}
	.top_info{ display:none;}
	#searchbox{ width:84%; }
	#searchbox input{ width:84%;}
	.boxfeatured .block, .product-grid .block{ width:230px;}
	
	.checkout-product thead td{ font-size:12px;}
	.category-list ul li{ width:100px;}
	.htabs a{ font-size:12px;}
	.htabs{ height:21px;}
	
	.wishlist-info td{ padding: 7px 4px;}
     .product-info #inlinebox{ width:100%;}
	 .product-list .left{ float:none;}
	 .product-list #buttonrow{ max-width:200px;}
	  .product-filter .sort{ clear:both;}
	
	.login-content .left, .login-content .right{ width:100%; margin-right:0;}
	.wishlist-info thead .image, .wishlist-info tbody .image{ display:none;}
	.cart-info tbody .image, .cart-info thead .image{ display:none;}
     
    .jcarousel-skin-opencart a img { width:40px; }
    #footer .column{ width:99%; padding-top:10px; margin-right:0px; float:none;min-height: 100px; }
	
	.product-info .left .image img{ width:100%; height:auto !important; overflow:hidden;}
	
	table.form textarea, .product-info textarea{ width:150px;}
	select{ width:150px;}
	
    #footer .leftpart, #footer .rightpart{ width:90%; float:none; }

	.login-content .left, .login-content .right { float:none; width:initial; margin-right:30px }

	.sitemap-info .left, .sitemap-info .right{ float:none; width:98%;}
	 .boxbanner div{ display:block; width:100%; margin:0;}

}
@media only screen  and (max-width: 340px) {
	 .product-info #buttonrow .cart{ display:block;}
	 select{ width:120px;}
	 #mobile-menu select{ width:150px;}
	 .product-compare{ display:none;}
	 .product-info .image img{ width:200px; height:auto !important;}
	 .product-info .image-additional{ width: 200px;}
	 .product-info .image-scroll .viewport { width:180px;}
      .category-info .image img{ width:100% !important; height:auto !important;}
}