@media only screen and (max-width: 1199px) {
    .container-fluid { padding-left: 20px; padding-right: 20px; }
    #search-popup { padding: 20px 20px 20px 20px; }

    #siteNav > li > a .navLbl { top:-20px; }
     
    .grid-sizer.grid-6col, .collection-banners.style5 .collection-page-item { width:20%; }

    .home-blog-post .slick-prev { left:-10px; }
    .home-blog-post .slick-next { right:-10px; }

    .featured-content.style1 .f-text { padding:15px 25px; }
}

@media only screen and (max-width: 1024px) {
    .row { margin-left:-7.5px; margin-right:-7.5px; }
    .row > * { padding-left:7.5px; padding-right:7.5px; }

    .home-blog-post .slick-arrow { opacity:1; visibility:visible; margin:0; background-color:rgba(255,255,255,0.78); }
    
    .home-blog-post .slick-list, .quote-wraper .slick-list, .collection-grid-slider .slick-list { margin-right: -7.5px; margin-left: -7.5px; }
    .home-blog-post .slick-slide, .quote-wraper .slick-slide, .collection-grid-slider .slick-slide { margin-right: 7.5px; margin-left: 7.5px; }

    .slideshow .slick-arrow { opacity:1; visibility:visible; }
    #search-popup { padding:20px 15px 20px 15px; }

    .grid-row { margin-top:-15px; }
}

@media only screen and (max-width: 991px) {
    html { overflow-x:hidden; }
    .btn-lg { padding: 10px 20px; }
    .btn-sm { font-size: 14px; }

    .site-header__logo.mobileview { display:block; }
    .container-fluid { padding-left:15px; padding-right:15px; }
    #siteNav, .d-menu-col { display:none; }
    .header .header-main, .header-wrap { min-height:60px; }
    .logo img { max-width:110px; margin:0; }
    .mih-90:not(.sticky-header) { min-height:60px !important; }
    
    .page-wrapper { position:relative; left:0; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
    .mobile-nav-wrapper { display:block; }
    body.menuOn { overflow: hidden; }
    body.menuOn .page-wrapper { left:270px; }
    body.menuOn:after { content:""; background: rgba(0,0,0,0.5); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; }
    #pageWrapper { position:relative; left:0; -ms-transition:all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .js-mobile-nav-toggle .an { display:none; font-size:16px; color:#000; }
    .site-header__menu { border:0; padding:0; font-size:16px; display:block; cursor:pointer; }
    .js-mobile-nav-toggle.mobile-nav--open .an-bars-l,
    .js-mobile-nav-toggle.mobile-nav--close .icon.an.an-times-l { display:inline-block; }
    #MobileNav { height:100%; overflow:auto; list-style:none; padding:0; margin:0; }
    .mobile-nav-wrapper .closemobileMenu { color:#000; font-size:14px; font-weight:600; text-transform:uppercase; padding:10px; background-color:#eee; cursor:pointer; }
    .mobile-nav-wrapper .closemobileMenu .an { font-size:15px; padding:2px; float:right; width:20px; height:23px; line-height:18px; }
    .mobile-nav-wrapper { width:300px; height:100%;position:fixed; left:-300px; top:0; z-index:10000; background-color:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.3); opacity:0; visibility:hidden;-ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
    .mobile-nav-wrapper.active { left:0; opacity:1; visibility:visible; }
    #MobileNav li { border-top:1px solid #eeeeee; position:relative }
    #MobileNav li.acLink { border-top:1px solid rgba(34, 34, 34, 0.5); }
    #MobileNav li.grid__item {float:none;padding:0 }
    #MobileNav li a { color:#333333; font-size:14px; text-decoration:none; display:block; padding:15px 45px 15px 15px; opacity:1; -webkit-font-smoothing:antialiased; font-weight:400; letter-spacing:0.05em; text-transform:uppercase; position:relative }
    #MobileNav li a .an { color:#333333; font-size:15px; display:block; width:40px; height:100%; line-height:53px; position:absolute; right:0; top:0; text-align:center  }
    #MobileNav li a .lbl { color:#ffffff; font-size:10px; font-weight:400; letter-spacing:0; line-height:1; text-transform:uppercase; display:inline-block; padding:2px 4px; background-color:#f00; position:relative; vertical-align:middle }
    #MobileNav li a .lbl.nm_label1 { background-color:#01bad4 }
    #MobileNav li a .lbl.nm_label1:after { border-right-color:#01bad4 }
    #MobileNav li a .lbl.nm_label3 { background-color:#fb6c3e }
    #MobileNav li a .lbl.nm_label3:after { border-right-color:#fb6c3e  }
    #MobileNav.medium li a { font-weight: 500; }
    #MobileNav.text-capitalize li a { text-transform: capitalize; }
    #MobileNav li ul { display:none; list-style:none; padding:0; margin:0; }
    #MobileNav li li a { padding-left:20px; padding-top:12px; padding-bottom:12px;  }
    #MobileNav li li li a { padding-left:30px; font-size: 13px; } 
    #MobileNav li li li li a { padding-left:40px; font-size: 13px; }
    #MobileNav li li a .an { line-height: 45px; }
    #MobileNav li.help { padding:15px; background-color:rgba(34,34,34,.05); }

    .top-info-bar .item .center { border-left: none; border-right: none; }
    .slideshow .btn { padding:8px 20px; }
    .slideshow .slick-prev { left:10px; }
    .slideshow .slick-next { right:10px; }
    .slideshow .ss-sub-title { font-size:15px !important; }
    
    .footer .footer-top { padding-top:35px; padding-bottom:35px; }
    
    .collection-banners.style1 .collection-grid-item .title { font-size:16px; }
    .collection-banners.style1 .collection-grid-item .title.fs-3 { font-size:18px !important; }
    
    .template-collection .collection-header { margin-bottom:20px; }
    
    .template-product .product-tabs li a { margin-right: 18px; }
    .template-product .product-tabs .style2 li a,
    .template-product .product-tabs .style3 li a { padding: 10px 20px; }

    .hero { height:400px; }
    
    .collection-banners.style8 .details .title { font-size: 18px !important; }
    .collection-banners.style8 .details p { font-size: 13px !important; }
    .collection-banners.style8 .details.center-left { left: 10px; }
    .collection-banners.style8.shop-categories .details .title { font-size:14px !important; }

    .home-blog-post .slick-arrow { opacity:1; visibility:visible; }
    .home-blog-post .slick-arrow { background:rgba(255,255,255,0.9); text-align:center; height:30px; width:30px; line-height:29px; font-size:0; }
    .home-blog-post .slick-next:before, .home-blog-post .slick-next:after,
    .home-blog-post .slick-prev:before, .home-blog-post .slick-prev:after { font-size:16px; line-height:31px; }
    .home-blog-post .slick-prev { left: -10px; }
    .home-blog-post .slick-next { right: -10px; }
    
    .store-features.style1 .col { flex: 0 0 33.33333%; }
    
    .tooltip-label { display:none !important; }
    
    .custom-search .input-group .input-group__field, 
    .custom-search .input-group .btn { height:40px; }

    .row_text { padding: 0; order: 2;  }
    .row_text .row-text { max-width: 100%; padding: 30px 30px; }

    .contactus-page .contact-inner { padding: 25px 20px 30px; }
    .contact-pstyle2 .contact-details { padding: 30px 15px; }
    
    .template-index.index-demo1 { padding-bottom: 45px; }
    .template-index.index-demo1 #site-scroll { bottom: 60px; }

}


@media only screen and (max-width: 767px) {
    h1, .h1 { font-size:1.69231em }
    h2, .h2 { font-size:1.38462em; }
    h3, .h3 { font-size:1.15385em; }
    h6, .h6 { font-size:13px; }
    .fs-26 { font-size: 22px; }

    .btn-lg { font-size:13px; padding:8px 25px; }
    .btn-sm { font-size:13px; }
    .row { margin-left:-5px; margin-right:-5px; }
    .row > * { padding-left:5px; padding-right:5px; }
    
    .iconset .icon { font-size:16px; min-width:16px; }
    .section-header h2 { font-size: 17px; }
    .mobile-hide { display:none; }
    .container { padding-left:15px; padding-right:15px; }
    .pb-section { padding-bottom:15px; }
    
    .page-title h1 { font-size:16px; margin:0 0 20px 0; }
    
    .home-blog-post .slick-list, .quote-wraper .slick-list, .collection-grid-slider .slick-list { margin-right: -5px; margin-left: -5px; }
    .home-blog-post .slick-slide, .quote-wraper .slick-slide, .collection-grid-slider .slick-slide { margin-right: 5px; margin-left: 5px; }

    .slideshow .slick-prev, .slideshow .slick-next { width:30px; height:30px; }
    .slideshow .slick-prev::before, .slideshow .slick-next::before { font-size:17px; }
    .slideshow .btn-primary + .btn-primary { margin-left: 10px; }
    .collection-grid-item .details.bottom { bottom: 0 !important; }
    
    .collection-banners .style1 .collection-grid-item .details { width: auto !important; }
    .collection-banners .style1 .collection-grid-item .white-text .btn--link { font-size: 13px; }

    .collection-banners .details { width:80%; bottom:10px; padding:15px; }
    .collection-banners .details .w-50 { width:80% !important; }
    .collection-banners .details .btn { font-size:12px; padding:5px 15px; margin-top:10px; }
    .collection-banners .details .title { font-size:15px; }
    .index-demo1 .collection-banners .details .title { font-size:14px; }
    .index-demo1 .collection-banners .row { margin:0; }
    
    .tabs-listing .tabs-ac-style { position: relative; font-size: 13px; text-transform: uppercase; margin-bottom: 5px; cursor: pointer; border: 0; color: #222; background-color: #f5f5f5; padding: 13px 30px 13px 15px; display: block; }
    .tabs-listing .tabs-ac-style.active { color:#fff; background-color:#222; }
    .tabs-listing .tabs-ac-style:before { font-family:"annimex-icons"; content: "\eb66"; font-size:20px; position:absolute; right:13px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
    .tabs-listing .tabs-ac-style.active:before { content: "\eb69"; }
    .tabs-listing .tab-container .tab-content { padding:20px 0; }

    .collection-grid-item .details { width:100%; }
    
    .store-features .store-info .col-lg-4 { margin-bottom:10px; }

    .footer .footer-top {  padding-top: 30px; padding-bottom: 30px; }
    .footer .social-icons-col { margin-top:20px; }
    .footer .footer-top .footer-links { padding-top:8px; padding-bottom:8px; position:relative; }
    .footer .footer-top .footer-links .h4 { cursor:pointer; border-bottom:1px solid #ececec; padding-bottom:12px; margin-bottom:0; }
    .footer .footer-top .footer-links .h4:after { content:"\ea45"; font-family:"annimex-icons"; font-size:15px; display:block; position:absolute; right:5px; top:8px; }
    .footer .footer-top .footer-links .h4.active:after { content:"\ea48"; }
    .footer .footer-top .footer-links ul { display:none; padding-top:10px; }
    .footer .footer-contact p:not(:last-child) { margin: 0 0 10px; }
    .footer-bottom img + .copytext { margin-top: 10px; }
    
    .footer { margin-top: 30px; }
    .footer-12 .footer-about { border-bottom:1px solid #333333; margin:0 0 4px; }
    .footer-12 .footer-top .footer-links .h4 { border-color: #333333; }
    
    .collection-hero { margin-bottom:20px; }
    .collection-hero .collection-hero__image { height: 80px; }
    
    .toolbar { margin-top:15px; }
 
    #popup-container { margin:20px; }
    #popup-container .width40 { display:none; }
    #popup-container .width60 { width:100%; }

    .section-header.style2 h2 { font-size: 20px; }
    
    .quotes-slider-1item .quotes-slider__text,
    .quotes-slider-1item .authour { font-size: 14px; }
    .quotes-slider-1item .quotes-slide { padding:20px; }
    .quotes-slider-1item .slick-dots { margin-top: 0; }

    .featured-content .display-table-cell { display:block; }
    .featured-content .featured-text.right { padding:20px; }
    .featured-content .featured-content-bg .display-table-cell:first-of-type { padding:30px; }
    .featured-content .featured-text h2 { font-size:24px; }

    .quote-wraper .quotes-slider blockquote { font-size:13px; line-height:23px; }
    .quotes-slider .slick-arrow { opacity:1; visibility:visible; }
    .quote-wraper .slick-next { right:-5px; }
    .quote-wraper .slick-prev { left:-3px; }

    .slideshow .mobile-show { display:block; }
    .slideshow .desktop-show { display:none; }

    #site-scroll { font-size:14px; line-height:30px; height:30px; width:30px; right:15px; bottom:30px; }
    #site-scroll i { line-height:30px; font-size:13px }
    
    .store-info li { width:100%; border-left:0 !important; border-bottom:1px dotted #ddd; margin-bottom:10px; padding-bottom:10px; }
    .store-info li:last-child { border-bottom:0; }

    #footer .addressFooter li:last-of-type { padding-bottom:0; }

    .quotes-slider .slick-arrow { height:30px; line-height:29px; width:30px; } 
    .quotes-slider .slick-prev:before, .quotes-slider .slick-next:before { font-size:15px; line-height:30px; }

    .slideshow .slick-dots { bottom:20px; }
    
    .custom-content-section .col-lg-6 { margin-bottom:20px; }
    
    .testimonial-slider-style1 .quote-wraper { padding:60px 20px; }
    .section-header { margin-bottom:20px; }

    .product-notification { display:none !important; }

    .mfp-close { width:35px; height:35px; line-height:35px; top:-3px; right:-6px; }

    .collection-banner-grid .collection-item .img img { display:block; width:100%; }
    
    .featured-content.style1 .white-bg { font-size:13px; }
    .featured-content.style1 .white-bg .f-text .fs-4 { font-size:18px !important; }

    .grid-masonary.banner-grid .banner-item.col-sm-12 { width:100%; max-width:100%; }
    .blog-post-slider .slick-list { padding-bottom:10px; }
    
    .faqs-style1 .accordion .accordion-header .accordion-button { font-size: 14px; padding: 14px 40px 14px 0; }

    .contact-pstyle2 .map-section { height: 260px; margin: 10px 0; }
    .contact-pstyle2 .collection-hero .collection-hero__image,
    .contact-pstyle2 .collection-hero .collection-hero__title { font-size: 26px; }

    .row_text .row-text { padding: 20px 20px; }

    .index-demo12 .slideshow .ss-mega-title { font-size: 35px; }
    .index-demo12 .section-header h2 { font-size: 24px; }

    .index-demo1 .grid-masonary.banner-grid .banner-item.col-sm-12:not(:last-of-type) { margin-bottom: 20px; }
}

@media only screen and (max-width: 575px) {	
    .slideshow .wrap-caption { padding:10px 0; }
    .slideshow .btn { font-size:13px; }
    .slideshow .ss-small-title,
    .slideshow .ss-sub-title { font-size:15px; }

    .featured-content .list-items .col-12 { margin-bottom:15px; }
    .featured-content .list-items img { margin-bottom:10px; }
    
    .about-service .icon, .template-product .product-service .icon { font-size: 40px; }

    .store-info .an { font-size: 30px; width: 40px; }
    .store-info .fs-6 { font-size: 14px !important; }
    .store-features .store-info .col-lg-4 { margin-bottom:20px; }

    .store-features.style1 .col { flex: 0 0 50%; }
    
    .grid-sizer, .banner-item, .collection-page-item { max-width:100%; }
    
    .mini-product .column-ttl { font-size:15px; }

    .slideshow.style2 .slideshow__title { font-size:22px; margin-bottom:5px; }
    .slideshow.style2 .slideshow__subtitle { font-size:11px; line-height:16px; }

    .article .rte { margin-bottom: 14px; }
    
    .collection-banners.style1 .details .title.large-title { font-size:24px !important; }
    .collection-banners.style1 .fs-5 { font-size:15px !important; }
    .collection-banners.style1 .details .btn-primary,
    .collection-banners.style1 .details .btn--link { display:none; }

    .featured-content.style1 .f-text { padding:20px 20px; max-width:100%; }
    
    .collection-banners.style8 .details.top-center { top: 15px !important; }
    .collection-banners.style8 .details.bottom-right { bottom: 15px !important; right: 15px; }
    .collection-banners.style8 .collection-grid-item.banner4 .details.bottom-left, 
    .collection-banners.style8 .collection-grid-item.banner6 .details.bottom-left { bottom: 15px !important; left: 15px; }
    
    .index-demo12 .section-header h2 { font-size: 20px; }
}

@media only screen and (max-width: 480px) {
    .iconset { padding:0 7px; }
    
    #search-popup {  padding:12px 15px; }
    .slideshow .slideshow__title { font-size:16px; }
    .collection-banners .row .banner-item { padding-left:0; padding-right:0; margin-bottom:15px; }

    .collection-box .container-fluid { padding:0 15px; }
    #footer { margin-top:20px; }

    .slideshow.style2 .slideshow__title { font-size:18px; margin-bottom:3px; }
    .slideshow.style2 .wrap-caption { padding:10px; }
}