@charset "utf-8";

@media (min-width: 1300px) and (max-width: 1799px)
{
.model-img{ display:inline-block; position:relative; width:76%}
}

@media (min-width: 1500px) and (max-width: 1599px)
{
.offer-banner .overlay h3{ font-size:45px; line-height:36px;}
.offer-banner .overlay h3 small{ font-size:30px;}
}

@media (min-width: 1400px) and (max-width: 1499px){
.product-block{ padding:35px 25px;}
.product-block .row{ margin-left:-10px; margin-right:-10px;}
.product-block .col-sm-6{ padding-right:10px; padding-left:10px;}
.product-block .product-price-btn .price{ font-size:22px;}
.product-block .product-price-btn .price del{ font-size:16px;}
.offer-banner .overlay h3{ font-size:42px; line-height:34px;}
.offer-banner .overlay h3 small{ font-size:28px;}
} 

@media (min-width: 1300px) and (max-width: 1399px){
.product-block{ padding:35px 25px;}
.product-block .row{ margin-left:-10px; margin-right:-10px;}
.product-block .col-sm-6{ padding-right:10px; padding-left:10px;}
.product-block .product-price-btn .price{ font-size:22px;}
.product-block .product-price-btn .price del{ font-size:16px;}
.product-block  .product-case .overlay ul li a.button{ font-size:12px;}
.offer-banner .overlay h3{ font-size:40px; line-height:32px;}
.offer-banner .overlay h3 small{ font-size:26px;}
} 


@media (min-width: 1200px) and (max-width: 1299px){
.w2 .scroller .owl-prev{ left:-15px;}
.w2 .scroller .owl-next{ right:-15px;}
.product-block .col-lg-4{ width:50%;}
.product-block .row{ margin-left:-10px; margin-right:-10px;}
.product-block .col-sm-6{ padding-right:10px; padding-left:10px;}
.offer-banner .overlay h3{ font-size:36px; line-height:32px;}
.offer-banner .overlay h3 small{ font-size:24px;}
.offer-banner .tag{ height:75px; width:75px; font-size:24px; line-height:20px;}
.offer-banner .overlay .btn{ padding:6px 15px; font-size:18px;}
.w8 .product-block .col-sm-6:last-child, .w9 .product-block .col-sm-6:last-child{ display:none;}
.brand .col-sm-3{ width:33.333%}
.portfolio ul li{ width:25%;}
} 

/* Large desktop */
@media (min-width: 992px) and (max-width: 1199px){
.site-banner .carousel-caption{ left:0; bottom:40px; padding:0 40px;}
.site-banner .carousel-caption h3{ font-size:40px; line-height:40px;}
.site-banner .carousel-caption h2{ font-size:68px; line-height:68px;}
.site-banner .carousel-caption p{ font-size:24px; line-height:24px;}
.site-banner .carousel-caption .button{ padding:12px 25px;}
.site-banner .banner-label{ width:200px;}
.promotion-img .overlay a .info-div{ font-size:65px; line-height:50px;}
.promotion-img.small .overlay a .info-div{ font-size:40px; line-height:34px;}
.promotion-img.small{ margin-bottom:27px;}
.w2 .scroller .owl-prev{ left:-15px;}
.w2 .scroller .owl-next{ right:-15px;}
.product-block{ padding:30px;}
.product-block .product-info{ padding:10px;}
.product-block .row{ margin-left:-10px; margin-right:-10px;}
.product-block .col-sm-6{ padding-right:10px; padding-left:10px;}
.offer-banner .overlay h3{ font-size:30px; line-height:26px;}
.offer-banner .overlay h3 small{ font-size:20px;}
.offer-banner .tag{ height:60px; width:60px; font-size:24px; line-height:20px;}
.offer-banner .overlay .btn{ padding:6px 15px; font-size:16px;}
.w8 .product-block .col-sm-6:last-child, .w9 .product-block .col-sm-6:last-child{ display:none;}
.brand .col-sm-3{ width:33.333%}
.portfolio ul li{ width:25%;}
.info-btns{ padding:100px 15px 15px; text-align:center;}
.info-btns.return, .info-btns.shipping, .info-btns.member{background-position:50% 15px;}
.info-btns h5{ font-size:15px; margin:0 0 5px 0}
.bottom-buttons .front h5, .bottom-buttons .back h5{ font-size:16px;}
} 
/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
.site-banner .carousel-caption{ left:0; bottom:30px; padding:0 30px;}
.site-banner .carousel-caption h3{ font-size:26px; line-height:26px;}
.site-banner .carousel-caption h2{ font-size:45px; line-height:45px;}
.site-banner .carousel-caption p{ font-size:20px; line-height:20px;}
.site-banner .carousel-caption .button{ padding:10px 15px;}
.site-banner .banner-label{ width:120px; top:auto; bottom:120px; right:50px;}
.site-header{ position:relative;}
.post-header{ background:#000;}
.post-header-wrap{ padding:0 55px;}
.logo{ text-align:center; line-height:55px}
.logo img{ height:25px; width:auto;}
.sidebar-toogle{ height:55px; width:55px;}
/*.info-btns{ padding:100px 15px 15px; text-align:center;}
.info-btns.return, .info-btns.shipping, .info-btns.member{background-position:50% 15px;}
.info-btns h5{ font-size:15px; margin:0 0 5px 0}*/
.footer-top .col-sm-3{ margin-bottom:20px;}
.copy{ text-align:center}
.copy p, .copy ul{ float:none;}
.copy ul li{ float:none;}
.copy p{ line-height:18px; margin-bottom:10px;}
.three-col-info ul li{ font-size:30px; line-height:28px;}
.three-col-info ul li span{ font-size:20px;}
.shop-info{ padding:30px 0 10px;}
.promotion-img .overlay a .info-div{ font-size:65px; line-height:50px;}
.promotion-img.small .overlay a .info-div{ font-size:40px; line-height:34px;}
.promotion-img.small{ margin-bottom:30px;}
.promotion-img{ margin-bottom:30px;}
.w1{ padding:30px 0 0 0}
.w2 .scroller .owl-prev{ left:-15px;}
.w2 .scroller .owl-next{ right:-15px;}
.w3 h2{ font-size:50px;}
.w3 h3{ font-size:20px;}
.w3 p{ font-size:13px;}
.product-block{ padding:30px;}
.w6 .sideimage{ position:relative; bottom:auto; left:auto; right:auto; width:100%;}
.w6 .sideimage img{ width:100%; height:auto;}
.w8 .product-block .col-sm-6:last-child, .w9 .product-block .col-sm-6:last-child{ display:none;}
.banner-offer, .brand{ padding:30px; background:#fff;}
.w8, .w9{ background:#f8f8f8}
.portfolio ul li{ width:33.333%;}
.start-wrapper { text-align:center}
.start-wrapper .btn{ margin-top:15px;}
.quick-product{ padding:30px 0 10px;}
.quick-product .col-sm-6{ margin-bottom:20px;}
.category-img{ width:100%; position:relative; top:auto; bottom:auto; left:auto; right:auto; padding:30px 0 0 0; background:#f2f3f7}
.w4{ background:#f8f8f8}
.bottom-buttons .flip-container, .bottom-buttons .front, .bottom-buttons .back {height: 180px;}
.bottom-buttons .front .icon, .bottom-buttons .back .icon{ height:106px; width:100%; float:none;}
.bottom-buttons .front .text-info, .bottom-buttons .back .text-info{ left:5px; right:5px; top:126px; text-align:center;}
.newsletter, .footer-top, .w2, .w3, .w7, .w5, .start-wrapper, .testimonial{ padding:30px 0}
} 
/* END__ */

@media only screen and (max-width: 767px) {
.container, .container-fluid { padding-left: 15px; padding-right: 15px;}
.row { margin-left: -15px; margin-right: -15px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 15px; padding-right: 15px;}
.site-banner .carousel-caption{ left:0; bottom:20px; padding:0 20px;}
.site-banner .carousel-caption h3{ font-size:26px; line-height:26px;}
.site-banner .carousel-caption h2{ font-size:36px; line-height:36px;}
.site-banner .carousel-caption p{ font-size:18px; line-height:18px;}
.site-banner .carousel-caption .button{ padding:10px 15px; font-size:14px;}
.site-banner .banner-label{ width:100px; top:auto; bottom:150px; right:30px;}
.site-banner .carousel-control.left, .site-banner .carousel-control.right{ height:42px; width:42px; line-height:42px; font-size:20px;}
.site-header{ position:relative;}
.pre-header .menu-link{ position:absolute; float:none; right:0; left:0; top:100%;}
.pre-header .menu-link.collapse{ display:none;}
.pre-header .menu-link ul li a{ display:block; padding:2px 15px; line-height:30px;}
.pre-header .menu-link ul li{ float:none; border-top:1px solid #d8d8d8;}
.pre-header .menu-link ul li:after{ display:none;}
.cart-dropdown{ width:100%; left:0; right:0;}
.post-header{ background:#000;}
.post-header-wrap{ padding:0 55px;}
.logo{ text-align:center; line-height:55px}
.logo img{ height:25px; width:auto;}
.sidebar-toogle{ height:55px; width:55px;}
.post-header .container{ padding-left:0; padding-right:0}
.large-modal .modal-content .container{ padding-left:0; padding-right:0;}
.newsletter input[type=submit]{ margin-top:0}
.footmenu{ margin-bottom:20px;}
.info-btns{ padding:100px 15px 15px; text-align:center;}
.bottom-buttons .container, .bottom-buttons .col-sm-4{ padding-left:0; padding-right:0;}
.bottom-buttons .row{ margin-left:0; margin-right:0;}
.info-btns.return, .info-btns.shipping, .info-btns.member{background-position:50% 15px;}
.info-btns h5{ font-size:15px; margin:0 0 5px 0}
.bottom-buttons .col-sm-4:after{ width:100%; left:0; right:0; bottom:0; height:1px; content:''; top:auto; margin-top:0}
.footer-bottom{ text-align:center;}
.footer-bottom ul{ float:none; margin-top:15px;}
.footer-bottom ul li{ display:inline-block; margin:0 3px; float:none; line-height:38px;}
.footer-bottom ul li a{ height:38px; width:38px;}
.footer-bottom ul li:last-child{margin:0 3px;}
.copy{ text-align:center}
.copy p, .copy ul{ float:none;}
.copy ul li{ float:none;}
.copy p{ line-height:18px; margin-bottom:10px;}
.three-col-info ul li{ font-size:30px; line-height:28px; width:100%; padding:20px;}
.three-col-info ul li span{ font-size:20px;}
.shop-info{ padding-top:20px; padding-bottom:0}
.promotion-img .overlay{ padding:10px;}
.promotion-img .overlay a .info-div, .promotion-img.small .overlay a .info-div{ font-size:42px; line-height:32px;}
.promotion-img .overlay a .info-div span, .promotion-img.small .overlay a .info-div span{ font-size:24px;}
.promotion-img.small{ margin-bottom:20px;}
.promotion-img{ margin-bottom:20px;}
.w1{ padding:20px 0 0 0}
.w2 .scroller .owl-prev, .large-product-scroll .owl-prev{ left:-10px;}
.w2 .scroller .owl-next, .large-product-scroll .owl-next{ right:-10px;}
.w3 h2{ font-size:50px;}
.w3 h3{ font-size:20px; margin:0}
.w3 p{ font-size:13px;}
.register-form{ margin-top:25px;}
.product-block{ padding:20px;}
.large-product-scroll{ padding:0 15px;}
.product-block .col-lg-4, .banner-offer .col-sm-6{ width:50%; float:left;}
.w6 .sideimage{ position:relative; bottom:auto; left:auto; right:auto; width:100%;}
.w6 .sideimage img{ width:100%; height:auto;}
.banner-offer{ padding:20px; background:#fff;}
.w8{ background:#f8f8f8}
.offer-banner .overlay{ padding:10px;}
.offer-banner .overlay h3{ font-size:30px; line-height:26px;}
.offer-banner .overlay h3 small{ font-size:20px;}
.offer-banner .tag{ height:60px; width:60px; font-size:20px; line-height:20px; top:10px; left:10px;}
.offer-banner .overlay .btn{ padding:6px 15px; font-size:16px;}
.w8 .product-block .col-sm-6:last-child, .w9 .product-block .col-sm-6:last-child{ display:none;}
.banner-offer, .brand{ padding:20px; background:#fff;}
.w8, .w9{ background:#f8f8f8}
.brand .col-xs-6{ width:33.333%}
.portfolio ul li{ width:50%;}
.portfolio ul li h4{ font-size:14px}
.portfolio ul li h3{ font-size:18px;}
.start-wrapper .btn{ margin-top:15px;}
.quick-product{ padding:20px 0 10px;}
.quick-product .col-sm-6{ margin-bottom:10px;}
.category-img{ width:100%; position:relative; top:auto; bottom:auto; left:auto; right:auto; padding:20px 0 0 0;  background:#f2f3f7}
.w4{ background:#f8f8f8}
.bottom-buttons .flip-container, .bottom-buttons .front, .bottom-buttons .back {height: 170px;}
.bottom-buttons .front .icon, .bottom-buttons .back .icon{ height:106px; width:100%; float:none;}
.bottom-buttons .front .text-info, .bottom-buttons .back .text-info{ left:5px; right:5px; top:126px; text-align:center;}
.bottom-buttons .front{ border-bottom:1px solid #262a33;}
.bottom-buttons{ border:none;}
.newsletter, .footer-top, .w2, .w3, .w7, .w5, .start-wrapper, .testimonial{ padding:20px 0}
.newsletter h2, .w2 h2, .w4 h2, .w5 h2, .w6 h2, .w7 h2, .w9 h2, .testimonial h2{ font-size:24px;}
.w2 h2{ margin-bottom:20px;}
.w7 h2{ margin:0 20px 0}
} 
/* END__ */

@media (max-width: 479px) {
.site-banner .carousel-caption{ left:0; bottom:15px; padding:0 15px;}
.site-banner .carousel-caption h3{ font-size:22px; line-height:22px;}
.site-banner .carousel-caption h2{ font-size:30px; line-height:30px;}
.site-banner .carousel-caption p{ font-size:16px; line-height:16px; margin:8px 0}
.site-banner .carousel-caption .button{ padding:6px 12px; font-size:12px;}
.site-banner .banner-label{ width:90px; top:auto; bottom:140px; right:20px;}
.site-banner .carousel-control.left, .site-banner .carousel-control.right{ height:42px; width:42px; line-height:42px; font-size:20px;}
.w3 h2{ font-size:36px;}
.w3 h3{ font-size:18px; margin:0}
.product-block .col-lg-4, .banner-offer .col-sm-6{ width:100%;}
.banner-offer .col-sm-6:nth-child(1){ margin-bottom:15px;}
.brand .col-xs-6{ width:50%}
.portfolio ul li{ width:50%;}
.newsletter h2, .w2 h2, .w4 h2, .w5 h2, .w6 h2, .w7 h2, .w9 h2, .testimonial h2{ font-size:22px;}
.w5 .nav-tabs > li > a{ font-size:13px; margin-bottom:5px;}
} 
/* END__ */