/*********************************************************************************
    Template Name: Optimal Multipurpose eCommerce Bootstrap 5 Html Template
    Description: A perfect template to build beautiful and unique Fashion websites. It comes with nice and clean design.
    Version: 1.0
**********************************************************************************/

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

    .logo-bar .slick-prev { left:-15px; }
    .logo-bar .slick-next { right:-15px; }
    .arwOut3 .slick-prev { left:-15px; }
    .arwOut3 .slick-next { right:-15px; }

    .productSlider .slick-prev, .productPageSlider .slick-prev, .productSlider-style1 .slick-prev,
    .productSlider-style2 .slick-prev, .productSlider-fullwidth .slick-prev, .home-blog-post .slick-prev { left:-10px; }
    .productSlider .slick-next, .productPageSlider .slick-next, .productSlider-style1 .slick-next,
    .productSlider-style2 .slick-next, .productSlider-fullwidth .slick-next, .home-blog-post .slick-next { right:-10px; }

    .collection-slider-full .slick-prev { left: -10px; }
    .collection-slider-full .slick-next  { right: -10px; }

}

@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; }
    .productSlider.slick-slider .slick-list, .productPageSlider.slick-slider .slick-list, .productSlider-style2.slick-slider .slick-list { margin: 0 -7.5px; }
    .productSlider.slick-slider .slick-slide, .productPageSlider.slick-slider .slick-slide, .productSlider-style2.slick-slider .slick-slide { margin: 0 7.5px; }

    .collection-box .slick-arrow, .collection-box:hover .slick-arrow, .product-details-img .product-thumb .slick-arrow,
    .productSlider .slick-arrow, .productPageSlider .slick-arrow, .productSlider-style1 .slick-arrow, .productSlider-style2 .slick-arrow,
    .productSlider-fullwidth .slick-arrow, .product-single-center-mode .product-center-style3 .slick-arrow,
    .home-blog-post .slick-arrow { opacity:1; visibility:visible; margin:0; background-color:rgba(255,255,255,0.78); }
    .instagram-section .slick-prev, .instagram-section .slick-next { opacity: 1; visibility: visible; }

    .productSlider .slick-next, .collection-box .collection-grid .slick-next, .productPageSlider .slick-next { right:-10px; }
    .productSlider .slick-prev, .collection-box .collection-grid .slick-prev, .productPageSlider .slick-prev { left:-10px; }
    .productSlider .slick-prev:before, .productSlider .slick-next:before { font-size:15px; }

    .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; }

    .logo-bar .slick-list, .slider-gp30.slick-slider .slick-list { margin: 0 -7.5px; }
    .logo-bar .slick-slide, .slider-gp30.slick-slider .slick-slide { padding: 0 7.5px; }

    .arwOut3 .slick-arrow { opacity:1; visibility:visible; margin:0; background-color:rgba(255,255,255,0.78); }
    .arwOut3 .slick-prev { left:-10px; }
    .arwOut3 .slick-next { right:-10px; }

    .slideshow .slick-arrow { opacity:1; visibility:visible; }

    .variants.add { bottom:0px; margin-top:10px; position:absolute; left:0; right:0; }
    .variants.add .btn { padding:5px 12px; font-size:10px; background-color:#f7f7f7; }

    .slick-prev:before, .slick-next:before { font-size:15px; line-height:18px; }

    .collection-hero.large .collection-hero__image { height:200px; }
    .collection-hero .collection-hero__title.medium { font-size: 15px; }
    .collection-hero.medium .collection-hero__image { height: 150px; }

}

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

    .site-header__logo.mobileview { display:block; }
    .container-fluid { padding-left:15px; padding-right:15px; }
    #siteNav, .d-menu-col { display:none; }
    .header .header-main { min-height:60px; }
    .mobile-nav-wrapper { display:block; }
    body.menuOn { overflow: hidden; }
    body.menuOn:after { content:""; background: rgba(0,0,0,0.5); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; }
    .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:left; width:20px; height:23px; line-height:18px; }
    .mobile-nav-wrapper { width:300px; height:100%;position:fixed; right:-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 { right: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 a { color:#333333; font-size:14px; text-decoration:none; display:block; padding:15px 15px 15px 45px; 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:50px; position:absolute; left:0; top:0; text-align:center  }
    #MobileNav.medium li a { font-weight: 500; }
    #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); }
    .slideshow .slick-prev { left:10px; }
    .slideshow .slick-next { right:10px; }
    .header-8 .logo img { max-width:120px; height:auto; }

    .footer .footer-top { padding-top:35px; padding-bottom:35px; }
    .footer-10 .footer-top { padding-top: 20px; padding-bottom: 20px; font-size: 12px; }

    .product-details-img .product-tab-left .slick-prev,
    .product-details-img .product-tab-left .slick-next { bottom:-5px; height:24px; }
    .collection-slider .slick-arrow, .collection-slider:hover .slick-arrow, .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; }

    .instagram-slider-style2 .slick-prev, .instagram-slider-style2 .slick-next { background-color: rgba(255,255,255,0.9); }
    .instagram-slider-style2 .slick-prev { left: -10px; }
    .instagram-slider-style2 .slick-next { right: -10px; }

    .footer .instagram-col { max-width:100%; flex:0 0 100%; -webkit-flex:0 0 100%; margin-top:20px; }
    .tab_container .grid-products .slick-arrow:before { font-size:15px; line-height:18px; }
    .sideProSlider .slick-arrow,
    .collection-grid-slider .slick-arrow { background-color:rgba(255,255,255,0.8); opacity:1; visibility:visible; }
    .collection-slider-full .slick-prev { left:5px; }
    .collection-slider-full .slick-next { right:5px; }
    .collection-slider.background-none .slick-prev { left:0; }
    .collection-slider.background-none .slick-next { right:0; }
    /*.button-set-top .quick-view { opacity:1; visibility:visible; }*/

    .tooltip-label { display:none !important; }

    .header-26 .logo { display: inline-flex; align-items: center; }
    .header-26 .logo img { max-width: 100px; }

    .news-bnr-text .footer-newsletter .input-group { margin: 25px auto 0; }
    .news-bnr-text .footer-newsletter .h4 { font-size: 22px; }
    .footer-27 .footer-newsletter { margin: 0 auto 40px; }

}

@media only screen and (min-width: 767px) {

    .contactus-page .footer.footer-1 { margin-top: 0; }
    .footer-7 .footer-bottom { font-size:13px; }

}

@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; }

    .btn-lg { font-size:13px; padding:8px 25px; }
    .row { margin-left:-5px; margin-right:-5px; }
    .row > * { padding-left:5px; padding-right:5px; }
    /*.section-header p br { display:none; } */
    .container { padding-left:15px; padding-right:15px; }
     .section { padding-top:20px; padding-bottom:20px; }

    .productSlider.slick-slider .slick-list, .productPageSlider.slick-slider .slick-list, .productSlider-style2.slick-slider .slick-list { margin: 0 -5px; }
    .productSlider.slick-slider .slick-slide, .productPageSlider.slick-slider .slick-slide, .productSlider-style2.slick-slider .slick-slide { margin: 0 5px; }

    .collection-box .slick-arrow:before, .collection-box:hover .slick-arrow,
    .productSlider .slick-arrow:before, .productPageSlider .slick-arrow:before,
    .productSlider-style1 .slick-arrow:before, .productSlider-style2 .slick-arrow:before, .productSlider-fullwidth .slick-arrow:before { font-size:15px; line-height:20px; }

    .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; }

    .logo-bar .slick-list, .slider-gp30.slick-slider .slick-list { margin: 0 -5px; }
    .logo-bar .slick-slide, .slider-gp30.slick-slider .slick-slide { padding: 0 5px; }
    .slideshow .slick-prev, .slideshow .slick-next { width:30px; height:30px; }
    .slideshow .slick-prev::before, .slideshow .slick-next::before { font-size:17px; }

    .logo-bar .slick-list { margin: 0 -5px; }
    .logo-bar .slick-slide { padding: 0 5px; }
    .grid-products.productSlider .slick-arrow { margin-top:-40px; }
    .collection-box:hover .slick-arrow { margin:0; line-height:0; }

    .product-single-style2 .product-details-img .slick-arrow,
    .product-single-style4 .product-details-img .slick-arrow { color:#000; opacity: 1; background-color:rgba(255,255,255,0.89); width:30px; height:30px; display:block; }
    .product-single-style2 .product-details-img .slick-arrow.slick-prev,
    .product-single-style4 .product-details-img .slick-arrow.slick-prev { left:5px; }
    .product-single-style2 .product-details-img .slick-arrow.slick-next,
    .product-single-style4 .product-details-img .slick-arrow.slick-next { right:5px; }

    .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; left: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-8-black.footer .footer-top .footer-links .h4 { border-color:#5e5e5e; }
    .footer-8-black.footer .footer-newsletter .newsletter-input { border:0; }
    .footer-2 .footer-contact { margin-top:10px; }
    .footer-2 .footer-top .footer-links .h4 { border-color:#222; }
    .footer-3 .about-col { padding:20px 0; }
    .footer-3 .social-icons-col { margin:0; padding:20px 0; border-top:1px solid #ececec; border-bottom:1px solid #ececec; }
    .footer-4 .footer-top .footer-links .h4 { border-bottom:1px solid #d5e2ef; }
    .footer-10 .footer-top { padding-top: 20px; padding-bottom: 20px; }
    .footer-5 .footer-top .footer-links .h4 { border-bottom:1px solid #cfe3e9; margin-bottom:10px; }
    .footer-5 .footer-about { border-bottom:1px solid #cfe3e9; border-top:1px solid #cfe3e9; padding:20px 0; margin:15px 0 8px; }
    .footer-8 .footer-about { border-bottom:1px solid #f7dfd5; padding:0 0 20px; margin:0 0 4px; }
    .footer-8 .footer-top .footer-links .h4 { border-bottom-color:#f7dfd5; margin-bottom:10px; }
    .footer-9 .footer-about { border-bottom:1px solid #458091; margin:0 0 4px; }
    .footer-9 .footer-top .footer-links .h4 { border-color: #458091; }
    .footer-11 .footer-top .footer-links .h4 { border-color: #333333; }
    .footer-11 .footer-top .newsletter-col { border-top: 1px solid #333; padding: 18px 0 0; margin: 12px 0 0; }
    .footer-12 .footer-about { border-bottom:1px solid #333333; margin:0 0 4px; }
    .footer-12 .footer-top .footer-links .h4 { border-color: #333333; }
    .footer-13.footer .footer-top .footer-links .h4 { border-color:#333333; }
    .collection-hero { margin-bottom:20px; }
    .collection-hero .collection-hero__image { height: 80px; }
    .collection-hero.large .collection-hero__image,
    .collection-hero.medium .collection-hero__image { height: 100px; }

    .cart tr, .cart tbody { width:100%; display:table; }
    .cart td { padding:10px 5px; }

    #newsletter-modal.style2 { max-width:320px; }
    #newsletter-modal.style2 .newsltr-text { padding: 25px 25px; }
    #newsletter-modal.style2 .title, #newsletter-modal.style3 .title { font-size: 22px; }
    #newsletter-modal.style3 p { font-size: 14px; }
    #newsletter-modal.style3 .newsltr-text { padding: 40px 30px; }
    #newsletter-modal.style3 .newsltr-text .btn { padding: 10px 25px; font-size: 14px; }
    .quotes-slider-1item .slick-dots { margin-top: 0; }
    .quotes-slider .slick-arrow { opacity:1; visibility:visible; }
    .quote-wraper .slick-next { right:-5px; }
    .quote-wraper .slick-prev { left:-3px; }

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

    .stickyCart .img { display:none; }
    .stickyCart .stickyOptions { width:50%; }
    .stickyCart .stickyOptions .selectedOpt { width:100%; }

    .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; }
    .topbar-slider-items .slick-arrow,
    .topbar-slider-items:hover .slick-arrow { opacity:1; visibility:visible; }
    .footer .instagram-col .insta-img { max-width:68px; }

    .category-banner-slider .slick-arrow { width:30px; height:30px; }
    .category-banner-slider .slick-arrow:before { font-size:13px; line-height:30px; }

    #quickView-modal { padding:20px; }
    #quickView-modal .product-title { font-size:18px; }
    #quickView-modal .pricebox .price { font-size:18px; }
    #quickView-modal .pricebox .old-price { font-size:14px; }
    .mfp-close { width:35px; height:35px; line-height:35px; top:-3px; right:-6px; }

    .zoomContainer { display:none; }
    .blog-post-slider .slick-list { padding-bottom:10px; }

    .modal-popup-style .minicart-content,
    .modal-popup-style .minicart-bottom { width:100%; padding:0; border:none; }
    .modal-popup-style .minicart-right-drawer.right .modal-dialog { max-width:360px; }
    .modal-popup-style .minicart-content { height:230px; overflow:auto; }
    .modal-popup-style .minicart-right-drawer.right.fade .modal-dialog,
    .modal-popup-style .minicart-right-drawer.right.fade.show .modal-dialog { top:40%; }

    #newsletter-modal .title { font-size:30px; }
    #newsletter-modal .mfp-close { color: #222; }
    .index-demo19 .footer-19 .footer-top .inline-links { padding-top: 15px; padding-bottom: 15px; }
    .index-demo21 .footer .footer-top .footer-links:last-child .h4:not(.active) { border:none; padding:0; }

    .news-bnr-text .footer-newsletter .h4 { font-size: 17px; }
    .news-bnr-text .footer-newsletter .input-group { margin: 20px auto 0; }

    .footer-27 .footer-about .ftr-logo { max-width: 125px; }
    .footer-27 .footer-newsletter { margin: 0 auto 30px; }
    .footer-27 .footer-top .footer-links .h4 { border-bottom-color: #444444; }

}

@media only screen and (max-width: 575px) {
    .footer-bottom .copyright { text-align:center; }

    .grid-sizer, .collection-page-item { max-width:100%; }

    .product-details-img .product-tab-left div.slick-slide { margin-bottom: 5px; }
    .blog--list-view .article { margin-bottom:20px; }

}

@media only screen and (max-width: 480px) {
    #footer { margin-top:20px; }
    .grid-products .slick-slider .item, .grid-products.slick-slider .item { padding:0; }

    .productSlider .slick-prev, .collection-box .collection-grid .slick-prev, .productPageSlider .slick-prev { left:-10px; }
    .productSlider .slick-next, .collection-box .collection-grid .slick-next, .productPageSlider .slick-next { right:-10px; }

}
.topBar-slider {
   width: 100%;
}