/* ═══════════════════════════════════════════════════
   Responsive Overrides — Modern E-Commerce Theme
   ═══════════════════════════════════════════════════ */

@media only screen and (max-width:749px){
    .logo-wrap { margin: 0 auto; }
}

@media only screen and (max-width:1024px){
    .top-3box-holder .col-md-6 { flex: auto; width: 100% !important; max-width: 100% !important; display: block !important; }
    .row.top-3box-holder { position: relative; display: block; text-align: center; }
    .top-3box-holder .col-md-2 { max-width: 100% !important; text-align: center !important; }
    .logo-wrap { width: 100%; }
    .top-3box-holder .col-md-3 { position: relative; right: auto; width: 100% !important; float: none !important; max-width: 100%; }
    .top-link { text-align: center; width: 100% !important; }
    .row.footer-first-part { padding: 72px 15px 100px 15px; }
    .footer-second-part { padding: 8px 15px; }
    .registered-no ul { width: 97%; margin: 0% 1.5%; }
    .card.mob-tab { padding: 0px 30px; }
    .stepthree .tab-pane button { position: relative; bottom: 0; width: 50%; }
    ul.total-section { padding: 0px 15px; }
}

@media only screen and (max-width:980px){
    .container { padding: 0px 20px; }
    .main-menu { padding: 0px 10px; }

    #menuBtn {
        width: 28px; height: 28px;
        position: relative;
        margin: 8px auto 0;
        transform: rotate(0deg);
        transition: .4s ease-in-out;
        cursor: pointer;
        display: block;
        float: right;
    }
    #menuBtn span {
        display: block; position: absolute;
        height: 3px; width: 100%;
        background: #d4af37;
        border-radius: 2px;
        opacity: 1; left: 0;
        transform: rotate(0deg);
        transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    #menuBtn span:nth-child(1) { top: 2px; }
    #menuBtn span:nth-child(2) { top: 11px; }
    #menuBtn span:nth-child(3) { top: 20px; }
    #menuBtn.open span:nth-child(1) { top: 11px; transform: rotate(135deg); }
    #menuBtn.open span:nth-child(2) { opacity: 0; left: -60px; }
    #menuBtn.open span:nth-child(3) { top: 11px; transform: rotate(-135deg); }

    header nav.menu {
        position: fixed;
        top: 0; left: -300px; bottom: 0;
        background: #1a0505;
        z-index: 11111;
        margin: 0; float: none;
        width: 280px;
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        text-align: left;
        box-shadow: 4px 0 30px rgba(0, 0, 0, 0.3);
        padding-top: 20px;
    }
    header nav.menu.open { left: 0; }
    nav.menu ul li { float: none; padding: 14px 20px; display: block; border-bottom: 1px solid rgba(212, 175, 55, 0.08); }
    nav.menu ul li a {
        color: #d4af37;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.04em;
    }
    nav.menu ul li a::after { display: none; }
    nav.menu ul li:first-child { padding-left: 20px; }
    nav.menu ul li:last-child { padding-right: 20px; }
    nav.menu ul li a.login { display: inline-block; }

    .bgOverlay {
        position: fixed;
        left: 0; right: 0; top: 0; bottom: 0;
        width: 100%; height: 100%;
        z-index: 110;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }
    .bgOverlay.open { display: block; }

    .atc-btn { margin-top: 10px; }
    .banner-bg { padding: 53px 150px 147px 150px; }
    .home-slider h1 { font-size: 25px; }
    .home-slider h3 { font-size: 16px; margin-bottom: 6px; }
    .home-slider p { font-size: 12px; }
    .row.bynow-form li { width: 20%; }
    .atc-btn { padding: 5px 16px; }
    .footer-social-icons i { font-size: 14px; }
    ul.footer-social-icons li { width: 27px; height: 27px; line-height: 27px; }
    ul.privacy-policy { text-align: center; }
    .privacy-policy li { width: 98%; }
    ul.privacy-policy li:nth-child(2) { float: initial; }
    .inner-page-banner { padding: 66px 150px 66px 0px; }
    .inner-banner-img { right: 0px; top: 43%; }
    .products-group .atc-btn { margin-top: 0px; }
    .inner-page-banner { margin-bottom: 40px; }
    .col-md-12.menu-btn-holder { padding: 0px; }
    .container.top-section { padding: 0px; }
    #menuBtn { margin-right: 24px; }
    .home-slider .bannerInner .container { padding: 0; }
    .slide-6 .bannerText { left: 0 !important; }
    .services-btn button { font-size: 13px; padding: 7px 28px; }
    .product-details .product-list .instock { margin-bottom: 10px; }
    .home .atc-btn { margin-top: 0; }
    .services-blue-bg { padding-bottom: 80px !important; }
    .container.inner-heading.intro.aptcw.rspv { padding-left: 18px; }
    .card.mob-tab { padding: 0px 15px; }
    .add-adress-holder .col-md-4 { margin-bottom: 32px; }
    .add-adress-col span { margin-top: 0; }
}

@media only screen and (max-width:768px){
    .products-group .atc-btn { margin-top: 10px; }
    .product-list.r-products { padding: 0px 20px 40px; }
    .product-list.r-products h3 { font-size: 16px !important; }
    .p-detail .atc-btn { margin-top: 0; }
    .pd-info { padding: 10px 20px; }
    .pricing-form span.radio_label { width: 26%; }
    .row.bynow-form li:before { left: 5px; }
    .row.bynow-form input, .row.bynow-form select { font-size: 12px; padding-left: 39px !important; }
    .row.bynow-form { margin: 0 !important; }
    .top-note { margin-left: 0%; }
    .home-slider .bannerInner .container { padding: 0px; }
    .account-holder, .account-holder2 { width: 100% !important; }
    .row.account-holder2 { width: 52%; margin: 0px auto 40px; }
    .wishlist-1st-clo-left { width: 60%; }
    .wishlistbox { margin: 0px 20px 20px 20px; }
    .wish-right { float: left; margin-top: 20px; }
}

@media only screen and (max-width:760px){
    .innerpage .atc-btn { margin-top: 0px; }
    .innerpage .col-md-3 { margin-bottom: 20px !important; }
    .products-group { margin-bottom: 0px !important; }
    .nav-tabs > li > a > span { display: none; }
    .nav-tabs > li > a { padding: 5px 5px; }
    .product-head .head-title h2 { font-size: 20px !important; color: #2d0a0a; text-align: left; margin-bottom: 14px; margin-top: 9px; }
    .product-head .btn-area { text-align: left; }
    .product-detail-tab .nav-tabs > li > a > span { display: block !important; }
}

@media only screen and (max-width:640px){
    .atc-btn { margin-top: 0; }
    .product-list .col-md-3 { margin-bottom: 40px; }
    .post-item { margin-bottom: 40px; text-align: center; }
    .med-news { padding: 10px 0px; }
    .row.footer-first-part { padding: 42px 20px 10px 20px; }
    .col-first, .col-secont, .col-thired, .col-fourth { margin-bottom: 20px; }
    .footer-contact-info { margin-top: 11px; }
    .testimonials .slick-slide img { width: 100% !important; }
    .row.bynow-form li { width: 98%; margin-bottom: 17px; }
    .col-md-6.git-left { padding-right: 50px; margin-bottom: 39px; }
    .p-detail { padding-left: 79px; }
    .qty #demoInput { width: 91%; margin-left: 14px; margin-top: 10px; }
    .stepthree ul.nav.nav-tabs li { width: 100%; }
    .stepthree .tab-pane li { width: 100% !important; padding-left: 0px; }
    .steptwo li:nth-child(1) { width: 100%; }
    .steptwo li:nth-child(2) { margin-left: 0; padding-top: 0; }
    .stepfirst li:nth-child(2) { margin-left: 0; width: 100%; padding-top: 16px; }
    .row.stepfirst li { width: 100%; float: left; }
    .home-slider p { font-size: 10px; line-height: 12px; }
    .services-btn button:nth-child(1) { margin-left: 4%; float: left; }
    .inner-baner h1 { font-size: 22px; }
    .top-3box-holder .col-md-2 { max-width: 100% !important; text-align: center; }
    .top-note { margin-left: 0; }
    .top-link { text-align: center; }
    .form-bg-gray { padding: 32px 60px 40px 60px; }
    .stepfirst .form-bg-gray li:nth-child(1) input { width: 100%; }
    .stepfirst .form-bg-gray li:nth-child(2) button { margin-top: 0; }
    .form-bg-gray li:nth-child(2) { margin-top: 0px !important; }
    .form-bg-gray li { width: 100% !important; }
    .form-nobg { padding: 0px 60px 10px 60px; }
    .stepfirst .form-nobg li input { width: 100%; }
    .form-nobg li { width: 100% !important; }
    .form-nobg li:nth-child(2) { margin-top: 16px; }
    .form-bg-gray p { margin-bottom: 0px; }
    .services-blue-bg { padding-bottom: 20px !important; }
    .services-btn { margin-top: 27px !important; }
    .inner-banner-img { right: -140px !important; }
    .inner-banner-img img { width: 58% !important; margin-top: 8px; }
    .inner-page-banner h1 { margin-left: 20px !important; }
    .product-tab .nav-tabs > li { width: 100% !important; border-bottom: solid 1px #d2d2d2; }
    .product-tab .nav-tabs > li:last-child { border-bottom: 0; }
    .product-tab .nav-tabs > li > a::after { display: none; }
    section.wrapper.intro.product-list.tab-holder { padding-left: 4%; width: 94%; }
    .stepthree .tab-content { padding: 30px 30px 0px 30px; }
    li.bradiobtn.dsd { padding-left: 0px !important; }
    .stepthree .tab-pane.tab-3 li.dsd label { padding-left: 26px; }
    .bbradiobtn input[type='radio']:after { left: 0px !important; }
    .bbradiobtn input[type='radio']:checked:after { left: 0px !important; }
    .cart-product-1 .bbradiobtn input[type='radio']:after { left: 0px !important; }
    .common-wtc-btn .watch-btn { font-size: 9px !important; }
    .watch-btn:before { width: 35px !important; right: -1px !important; height: 30px !important; }
    .registered-no input { font-size: 10px; }
    .abt .inner-banner-img img { width: 44% !important; margin-top: 15px; }
    .wishlist-1st-clo-left { width: 35%; }
    .wish-left { display: block; }
    .wishlist-1st-clo-left { width: 100%; }
    .wishlist-1st-clo-right { width: 100%; }
}

@media only screen and (max-width:480px){
    .inner-baner h1 { font-size: 24px; }
    .p-detail { padding-left: 8px; }
    .pricing-form span.radio_label { width: 40%; }
    .banner-center-text abbr img { width: 50% !important; }
    .bannerText { top: 39%; }
    .home-slider h1 { font-size: 14px; }
    .bannerText .banner-btn { font-size: 10px !important; padding: 5px 10px !important; margin-top: 11px !important; }
    .common-wtc-btn .watch-btn { bottom: -142px !important; }
    .home-slider p { font-size: 10px; line-height: 12px; }
    .services-btn button { width: 100%; }
    .services-btn button:nth-child(1) { margin-left: 0; float: left; margin: 13px 0px; }
    .services-btn .watch-btn { position: relative; right: 0; }
    .abt .inner-banner-img { right: -172px; }
    .abt .inner-banner-img img { width: 46%; margin-top: 12px; }
}

@media only screen and (max-width:375px){ }

@media only screen and (max-width:360px){
    .pricing-form span.radio_label { width: 65%; }
}