@media screen and (max-width:1024px) {
.wrapper-box{width:auto; margin:0px 15px; }
.main-wrapper{margin:0px; padding:0 20px;}
.wrapper-wide #language{border-left:none;}
.wrapper-wide #header #welcome{border-right:none;}
.wrapper-wide .htop .main-wrapper{max-width:1220px; padding:0;}
#footer .fpart-inner, #footer .fpart-second .fpart-inner{padding-right:15px; padding-left:15px;}
#footer .column ul{width:160px;}
#productRelated .relProduct{width:19%!important;}

}

@media only screen and (min-width:801px) {
#menu > ul, #footer ul {display:block!important;}
}

@media screen and (max-width:800px) {
body {-webkit-text-size-adjust: auto; }
.main-wrapper{margin:0px; padding:0 10px;}
.wrapper-box{margin:0;}
#header {min-height:auto; margin:0 auto; padding:0px;}
#header .header-row{text-align:center;}
#header #logo{float:none;}
#header #logo a img{display:inline-block;}
#container h1{margin-bottom:15px;}
.drop-icon{width:45px; height:35px; cursor:pointer; float:left; display:inline-block; background:url(../image/more.png) no-repeat center center;}
.left-top{width:132px; background:#3E7CB4; position:absolute; top:35px; z-index:9999999; padding:5px 0; display:none;}
.left-top #language, #currency{float:none; border:none;}
#language ul, #currency ul{top:30px; }
#language span, #currency span{line-height:30px;}
#header .links{float:none; border:none;}
#header .links a{float:none; display:block; border:none; line-height:30px;}
.left-top .wrap_custom_block{display:none;}

#header #search{position:relative; margin:20px 0 0 0; float:right; top:auto;}
#header #cart{position:relative; top:auto; right:auto; margin:20px 0 0 0; display:inline-block; float:left;}
#header #cart .content{right:auto; left:0;}

#header.style2 #logo{left:auto; margin-left:0px; width:auto;}
#header.style3 #search{position:relative; margin:20px 0 0 0; float:right; top:auto; left:auto;}

.jcarousel-skin-opencart .jcarousel-item-horizontal img{width:100%; height:auto;}
.login-content .left, .login-content .right, .checkout-content .left, .checkout-content .right {width:auto; float:none; }
.login-content .left .content, .login-content .right .content{min-height:inherit }
input[type="text"], input[type="password"], textarea { width:95%; }

#menu {padding:0; height:auto; text-align:center;}
#menu > ul{padding:0; text-align:left; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); border-top:3px solid #D6D6D6; display:none;}
#menu > span {text-transform:uppercase; font-size:16px; padding:0px 15px 0px 8px; height:45px; line-height:45px; text-align:center; margin:0; cursor: pointer; display:inline-block; position:relative;}
#menu > span:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:#555 transparent  transparent  transparent; position:absolute; border-width:5px 6px 0px 6px; bottom:50%; right:0; margin:0 0 -6px 0px; opacity:0.7;}
#menu > span:before{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent  transparent #555 transparent; position:absolute; border-width:0px 6px 5px 6px; top:50%; right:0; margin:-6px 0 0 0px; opacity:0.7;}

#menu > ul > li { float:none; padding:0px; display:block; height:auto;}
#menu > ul > li > a{line-height:35px;}
#menu > ul > li > div{position:relative;}
#menu > ul > li > div > ul{display:block; width:auto;}

#menu > ul > li.categories > div > .column > a > span, #menu > ul > li div > ul > li > a > span{display:none;}
span.submore:after{display: block; position: absolute; right: 0; top:0px; width: 30px; height:32px; line-height:30px; font-size:22px; text-align:center; cursor:pointer; z-index:1010; content:'+'; font-family:Arial, Helvetica, sans-serif; color:#555; opacity:0.6;}
span.submore.plus:after{content:'-';}
#menu > ul > li.wrap_custom_block, #menu > ul > li.menu_brands{display:none;}
#menu > ul > li.categories > div{position:relative;}
#menu > ul > li.categories > div > .column > div{position:relative; left:auto;}

#menu > ul > li.categories_hor > div{min-width:inherit; position:relative;}
#menu > ul > li.categories_hor > div > .column{width:auto; display:block; margin:0;}
#menu > ul > li.categories_hor > div > .column > div{display:none; position:relative;}
#menu > ul > li.categories_hor > div > .column > div ul{display:block;}
#menu > ul > li.categories_hor > div > .column a, #menu > ul > li > div > ul li a{width:auto; padding:7px 0; margin:0;}
.submenu, #menu > ul > li.categories_hor > div .submenu{position:relative; margin-top:0px; left:auto;}
#menu > ul > li.sub:hover > a:after{display:none;}

#footer .fpart-inner{padding:20px 15px;}
#footer .contact{float:none; margin-bottom:30px;}
#footer .column{float:left; width:23%;}
#footer .column + .column{margin-left:2%;}
#footer .contact ul{width:auto;}
#footer .contact ul li{float:left; width:25%;}
#footer .contact ul li + li{margin:0 0 0 5%;}
#footer .contact:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#footer .powered_text{float:none;}
#footer .social{float:none; text-align:center; padding:12px 0 0;}
#footer .social a{float:none; display:inline-block;}
#powered {text-align:center; width:100%; line-height:normal; padding-top:10px; height:auto;}
#custom_side_block, #facebook, #twitter_footer { display:none;}
.product-list .left { width:auto; float:none;}
.product-info > .left {float:none; margin-right:0px; }
.product-info > .left + .right { margin-left:auto;}
.product-info .image {float:none;}
.mousetrap {width:99%!important;}
#cloud-zoom-big{width:99%!important;}
#wrap #zoom1 img{display:inline-block!important;}
.product-info .image-additional { width:auto; margin-bottom:10px; max-width:none; }
.product-info .image-additional a { display:inline-block; float:none; }
.product-grid > div{width:162px;}
#column-right + #content .product-grid > div, #column-left + #content .product-grid > div{width:158px;}
.category-list > div{margin:0px 5px 10px 0px;}
#column-right + #content .category-list > div, #column-left + #content .category-list > div {margin:0 3px 10px;}
#content .content .left, #content .content .right, .return-comment, .return-captcha, .order-list .order-content div { float:none; width:auto}
#content .contact-info .content .left{float:left; width:49%}
#content .contact-info .content .right{float:right; width:49%}
.sitemap-info .left, .sitemap-info .right{float:left; width:48%;}
.return-name, .return-model, .return-quantity, .return-reason, .return-opened, .return-captcha{float:none; width:auto;}
.return-name, .return-model, .return-reason, .return-opened{margin-bottom:15px;}
#payment-method textarea{width:95%!important;}
.wishlist-product thead td { font-size:11px; }
.product-filter .sort select{width:auto;}
.mobile-name { display:block!important; }
.mobile-rating img { width:70px; }
.mobile-search { margin-bottom:10px; }
#column-right, #column-left{width:180px;}
#column-right + #content {margin-right:200px;}
#column-left + #column-right + #content, #column-left + #content{margin-left:200px;}
#column-left .box-product > .flexslider ul li, #column-right .box-product > .flexslider ul li{width:auto;}
.box.category .box-heading{padding:0 0 30px 0; text-align:center;}
.category .tabs{left:5px; right:auto;}
.category .tabs li a{font-size:11px; padding:0 5px;}
.category .tabs li a.selected{padding:0 5px;}
.category .tabs li.active a{padding-bottom:2px; line-height:22px;}
#productRelated .relProduct{width:24%!important;}
.banner div img{width:100%; height:auto;}
}

@media screen and (max-width:640px) {
#language, #currency{float:none; display:inline-block;}
#header .links{display:inline-block; float:none;}
#header .htop{border-bottom:none;}
#content{min-height:inherit;}
#column-right, #column-left{display:none;}
#column-right + #content {margin-right:0; }
#column-left + #column-right + #content, #column-left + #content{margin-left:0;}
.buttons .left , .buttons .right, .buttons .center{ float: none; text-align: center; margin:10px 0;}
.product-grid{text-align:center;}
.sitemap-info .left, .sitemap-info .right, .manufacturer-list ul, #content .contact-info .content .left, #content .contact-info .content .right{float:none; width:auto;}
#content .contact-info .content .left{margin-bottom:15px;}
.cart-info thead .price, .cart-info tbody .price, .cart-info thead .model, .cart-info tbody .model, .wishlist-product thead .model, .wishlist-product thead .stock, .wishlist-product tbody .model, .wishlist-product tbody .stock {display:none;}
.banner{display:none;}
.pagination{text-align:center; margin-bottom:0;}
.pagination .links{float:none;}
.pagination .results{float:none; margin-top:5px;}
#footer .fpart-inner{padding:5px 10px}
#footer .column {float:none; width:auto; margin:0; display:block; }
#footer .column + .column{margin-left:0;}
#footer h3{ cursor:pointer; display:block; text-align:center; padding:10px 0; margin-bottom:0px;}
#footer h3.active{}
#footer .column a {font-size:14px; padding:3px 0; line-height:25px; height:25px; background:none;}
#footer .column:hover ul {display:none;}
#footer .column ul {display:none; position:relative; bottom:0px; width:auto; padding:0 0 10px;}
#footer .column ul li {text-align:center;}
#footer .contact{float:none; margin:0;}
#footer .contact ul{width:auto; display:none; padding:10px 0;}
#footer .contact ul li{width:auto; float:none;}
#footer .contact ul li + li{margin:10px 0 0 0;}

#back-top{display:none!important;}
.articleContent img{max-width:100%!important; height:auto!important; margin-left:0px!important; margin-right:0px!important;}

}

@media screen and (max-width:480px) {

#container h1{margin-bottom:20px;}
#header .header-row{padding:35px 0 20px;}
#header.style2 #search, #header.style3 #search, #header #search{display:block; float:none; top:auto; margin-top:30px;}
#header #search input{width:95%;}
#header.style2 #search input, #header.style3 #search input, #header.style2 #search input:focus{width:95%;}
#header.style2 #cart, #header.style3 #cart, #header #cart {float:none; margin-top:15px;}
#header.style2 #cart .content, #header.style3 #cart .content, #header #cart .content{left:-115px;}
.box.category .box-heading{padding:0; text-align:left;}
.category .tabs{display:none;}
.product-tab .tabs{padding-left:0px;}
.product-tab .tabs li a{padding: 7px 8px 6px; font-size:12px;}
.product-filter .display, .product-filter .limit, .product-filter .sort{width:auto; float:none; margin:0; clear:both;}
.product-filter .limit{margin:5px 0;}
.product-filter select{width:auto;}
.product-info .image a img {width:100%;}
.contact ul li{float:none; width:auto;}
.category-list ul { float: none; width:auto; margin-right:0px;}
.product-info .review > div {overflow:inherit; text-align:center;}
select{width:99%;}
.cart-info thead .image, .cart-info tbody .image, .wishlist-info tbody .image, .wishlist-info thead .image, .wishlist-info thead .model, .wishlist-info tbody .model{display:none;}
.ac_results{width:94%!important;}
#productRelated .relProduct{width:32%!important;}
.articleBottom ul, #blogCategory ul{float:none; width:auto;}
#articleComments{padding:10px 10px 0;}
#commentRespond input[type="text"]{width:95%;}

}
@media screen and (max-width:320px) {
#header.style2 #logo a img, #header.style3 #logo a img, #header #logo a img{width:100%;}
#header.style2 #search input, #header.style3 #search input, #header.style2 #search input:focus{width:93%;}
#header #cart .content, #header.style2 #cart .content{width:250px; left:-65px;}
input[type="text"], input[type="password"], textarea{width:93%;}
.category-list{text-align:center;}
#column-right + #content .category-list > div, #column-left + #content .category-list > div, .category-list > div{margin:0 10px 10px;}
.htabs{padding-left:0;}
.product-info .cart{padding:0 0 5px 0;}
.product-info .cart div { margin-bottom:10px; float:none; text-align:center;}
.product-info .cart div .qty{margin-bottom:0; padding:0;}
.product-info .cart div.text-or{padding:0;}
.product-info .cart div .wishlist{margin:0 15px 0 0; padding:0;}
.product-info .cart div br{display:none;}
.product-info .cart div .qty br{display:block;}
.product-info{overflow:hidden!important;}
.htabs a{font-size:11px; padding:7px 5px 6px 5px;}
.ac_results{width:92%!important;}
#productRelated .relProduct{width:48%!important;}
.product-list .image, .product-list .cart{float:none;}

}



@media only screen and (min-width: 1024px){
       #banner2 img{
           width: 100%;
       }
   }
@media screen and (min-width: 801px) and (max-width: 1024px) {
    #header {min-height:auto; margin:0 auto; padding:0px;}
    #header .header-row{text-align:center;}
    #header #logo{float:none;}
    #header #logo a img{display:inline-block;}
    #container h1{margin-bottom:15px;}
    .drop-icon{width:45px; height:35px; cursor:pointer; float:left; display:inline-block; background:url(../image/more.png) no-repeat center center;}
    .left-top{width:160px; background:#3E7CB4; position:absolute; top:35px; z-index:9999999; padding:5px 0; display:none;}
    .left-top #language, #currency{float:none; border:none;}
    #language ul, #currency ul{top:30px; }
    #language span, #currency span{line-height:30px;}
    #header .links{float:none; border:none;}
    #header .links a{float:none; display:block; border:none; line-height:30px;}
    .left-top .wrap_custom_block{display:none;}

    #header #search{position:relative; margin:20px 0 0 0; float:right; top:auto;}
    #header #cart{position:relative; top:auto; right:auto; margin:20px 0 0 0; display:inline-block; float:left;}
    #header #cart .content{right:auto; left:0;}

    #header.style2 #logo{left:auto; margin-left:0px; width:auto;}
    #header.style3 #search{position:relative; margin:20px 0 0 0; float:right; top:auto; left:auto;}
    .banner div img{width:100%; height:auto;}
}
@media screen and (min-width: 889px) and (max-width: 1175px)    {
    .light > span{
        line-height: 34px !important;
    }
}