/* ===== DESKTOP: Hide mobile_view, show auth buttons ===== */
@media (min-width: 768px) {
    .header-setting.mobile_view {
        display: none !important;
    }
    
    .sidebar-header-top-right {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .sidebar-header-top-right .header-setting,
    .sidebar-header-top-right .header-cart {
        display: inline-block;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shorting-style select {
        width: 210px
    }
    .product_dynamic_btn {
        width: 70%
    }
    .description-review-topbar a {
        margin: 0 35px 15px
    }
    .product-details.pd_sticky {
        padding-bottom: 80px
    }
    .p_content_2:before {
        left: -22px
    }
    .sidebar-blog {
        margin-bottom: 40px !important
    }
    .slider-content.slider-animated-1.trans_header {
        padding-top: 280px
    }
    .header-search form input {
        width: 250px !important
    }
    .header-position .devita_plr_40 {
        padding-left: 20px;
        padding-right: 20px
    }
    .product-overview-content h2 {
        font-size: 55px !important
    }
    .shoe-header .header-contact-search-wrapper.f-right.d-flex.flex-wrap.w_header {
        justify-content: space-around
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-search form input {
        width: 250px !important
    }
    .img_box_1 img.full-width {
        max-width: 100%
    }
    .shorting-style select {
        width: 210px
    }
    .p_sidebar_wrapper .shop-sidebar-wrapper,
    .shop-sidebar-wrapper {
        margin-top: 40px
    }
    .description-review-topbar a {
        margin: 0 35px 15px
    }
    .quality-add-to-cart .product-action>a.action-cart {
        padding: 11px 72px 10px
    }
    .pro-details-gallery-mrg {
        margin-top: 0;
        margin-bottom: 50px
    }
    .quality label {
        margin: 0 6px 0 0
    }
    .quality {
        margin: 0 5px 0 0
    }
    .dynamic_btn_sticky .product_dynamic_btn {
        width: 100%
    }
    .product-details.pd_sticky {
        padding-bottom: 50px
    }
    .blog-side-md {
        margin-bottom: 0;
        margin-top: 30px
    }
    .landing_prod_banner {
        padding-bottom: 100px !important
    }
    .p_content_2:before {
        opacity: 0
    }
    .p_content_wrapper {
        text-align: center
    }
    .p_content_2 {
        margin-bottom: 60px
    }
    .pro-info-area-2 {
        padding-bottom: 50px !important
    }
    .feat-content {
        margin-top: 30px
    }
    .feat-content:first-child {
        margin-top: 0
    }
    .feat-main_img {
        margin: 50px 0
    }
    .sidebar-blog {
        margin-bottom: 40px !important
    }
    .devita_plr_40 {
        padding: 10px
    }
    .header-position .devita_plr_40 {
        padding-left: 10px;
        padding-right: 10px
    }
    .header-position .logo.mobile-logo {
        padding: 15px 0
    }
    .slider-content.slider-animated-1.trans_header {
        padding-top: 280px
    }
    .mean-container a.meanmenu-reveal {
        border: 1px solid #000;
        color: #000
    }
    .mean-container a.meanmenu-reveal span {
        background: #000 none repeat scroll 0 0
    }
    .blog-wrapper-3.mb-30 {
        margin-bottom: 0
    }
    .product-overview-content h2 {
        font-size: 26px !important
    }
    .slider-content.slider-animated-1 {
        margin-right: 0 !important
    }
    .watch-mean-menu .mean-container a.meanmenu-reveal span {
        background: #fff none repeat scroll 0 0
    }
    .watch-mean-menu .mean-container a.meanmenu-reveal {
        border: 1px solid #fff;
        color: #fff
    }
    .product-details-img {
        text-align: center
    }
    .mrg-top-md {
        margin-top: 0
    }
    .footer-bottom {
        text-align: center
    }
    .payment-icon.f-right {
        margin-top: 15px
    }
    .slider-content-12.slider-animated-1 {
        margin-left: 40px
    }
    .w_head {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .ban_underst_3 .row [class*=col] {
        padding-right: 0 !important
    }
    .ban_underst_3 .row [class*=col]:nth-child(2) {
        padding-left: 0 !important
    }
    .ban_underst_3 .row [class*=col]:last-child {
        padding-left: 0 !important
    }
    .auto-parts-social.social-icon {
        margin-top: 20px
    }
    .shoe-header .header-contact-search-wrapper.f-right.d-flex.flex-wrap.w_header {
        justify-content: space-around
    }
    .header-bottom .hbottom_border .logo.mobile-logo {
        padding-top: 30px
    }
    .header-middle .pt-40.pb-40 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .header-position .header-bottom .hbottom_border .logo.mobile-logo {
        padding-top: 0
    }
}

@media (max-width: 767px) {
    .header-search form input,
    .header-middle-color-13.header-search form input,
    .header-search-5 form input {
        width: 250px !important
    }
    .header-cart.middle-same {
        margin: 0 auto
    }
    .owl-item.active .slider-animated-1 h2 {
        font-size: 40px !important;
        line-height: 1
    }
    .owl-item.active .slider-animated-1 h5 {
        font-size: 16px !important
    }
    .owl-item.active .slider-animated-1 h3 {
        font-size: 40px !important
    }
    .best-selling-active.nav-style.owl-carousel .owl-nav div {
        display: none
    }
    .connect-content>h2 {
        font-size: 34px !important
    }
    .header-middle .d-flex.justify-content-between.align-items-center.flex-wrap {
        justify-content: center !important
    }
    .qv_modal_body>div {
        display: block;
        float: unset;
        margin: 20px auto;
        width: 100%
    }
    .img_box_1 img.full-width {
        max-width: 100%
    }
    .quickview-plus-minus.d-flex {
        display: block !important;
        text-align: center
    }
    .cart-plus-minus {
        margin-right: 0;
        margin-bottom: 20px
    }
    .shorting-style select {
        width: 190px
    }
    .shop-topbar-left {
        display: block;
        align-items: center
    }
    .shop-topbar-left>p {
        margin: 10px 0 0
    }
    .shorting-style {
        display: block
    }
    .p_sidebar_wrapper .shop-sidebar-wrapper,
    .shop-sidebar-wrapper {
        margin-top: 40px
    }
    .product-details-content {
        margin-top: 50px
    }
    .description-review-topbar a {
        margin: 0 8px 12px
    }
    .quality-add-to-cart .product-action>a.action-cart {
        padding: 11px 80px 10px
    }
    .product_dynamic_btn,
    .dynamic_btn_sticky .product_dynamic_btn {
        width: 100%
    }
    .product-details-gallery {
        text-align: center
    }
    .zoompro-span {
        margin-bottom: 30px
    }
    .pro-details-gallery-mrg {
        margin-top: 0;
        margin-bottom: 50px
    }
    .product-details.pd_sticky {
        padding-bottom: 30px
    }
    .blog-side-md {
        margin-bottom: 0;
        margin-top: 30px
    }
    .blog-meta-4 {
        margin: 20px 0 0
    }
    .contact-information {
        margin-bottom: 20px
    }
    .dev_address_grid>div {
        width: 100%
    }
    #google_translate_element {
        display: none
    }
    .news_style_1 {
        margin-left: 10px
    }
    .best-selling-active-2.nav-style.owl-carousel .owl-nav div {
        display: none
    }
    .p_content_2:before {
        opacity: 0
    }
    .p_content_wrapper {
        text-align: center
    }
    .p_content_2 {
        margin-bottom: 60px
    }
    .pro-info-area-2 {
        padding-bottom: 50px !important
    }
    .landing_prod_banner {
        padding-bottom: 100px !important
    }
    .feat-content {
        margin-top: 30px
    }
    .feat-content:first-child {
        margin-top: 0
    }
    .feat-main_img {
        margin: 50px 0
    }
    .p_content_wrapper {
        padding: 0 10px
    }
    .p_content_2 {
        padding: 30px 10px
    }
    .sidebar-blog {
        margin-bottom: 40px !important
    }
    .product-slider-nav-2.nav-style.nav-style-res {
        opacity: 0
    }
    .header-position .header-bottom {
        padding: 0
    }
    .header-position .logo.mobile-logo {
        padding: 15px 0;
        margin-left: 8px
    }
    .slider-content.slider-animated-1.trans_header {
        padding-top: 430px
    }
    .trans_header_area .owl-dot-style .owl-dots {
        display: none
    }
    .devita_plr_40 {
        padding: 10px
    }
    .header-position .devita_plr_40 {
        padding-left: 0;
        padding-right: 0
    }
    .header-position .mean-container a.meanmenu-reveal {
        top: -42px
    }
    .header-position .mean-container a.meanmenu-reveal {
        right: 10px
    }
    .header-search form input {
        width: 250px !important
    }
    .header-search {
        margin: 15px 0 20px
    }
    .mean-container a.meanmenu-reveal {
        border: 1px solid #000;
        color: #000
    }
    .mean-container a.meanmenu-reveal span {
        background: #000 none repeat scroll 0 0
    }
    .header-search.middle-same {
        margin: 20px auto 24px;
        text-align: center
    }
    .blog-wrapper-3.mb-30 {
        margin-bottom: 0
    }
    .news_style_2 .subscribe-form-4 form .clear-3 {
        position: relative;
        margin-top: 20px;
        width: 100%
    }
    .news_style_2 {
        padding: 60px 0 !important
    }
    .news_style_2 .subscribe-form-4 form input {
        padding: 0 10px
    }
    .product-overview-content h2 {
        font-size: 30px !important
    }
    .product-overview-wrapper {
        margin: 10px 0
    }
    .p_info_1 {
        margin-top: 60px
    }
    .watch-mean-menu .mean-container a.meanmenu-reveal span {
        background: #fff none repeat scroll 0 0
    }
    .watch-mean-menu .mean-container a.meanmenu-reveal {
        border: 1px solid #fff;
        color: #fff
    }
    .header-setting.mobile_view {
        display: inline-block;
        padding: 0;
        border: navajowhite
    }
    .header-top-wrapper.watch-header-top .language-currency.lang-curr-mrg {
        margin-top: 10px
    }
    .header-top-wrapper.watch-header-top .header-cart.watch-cart {
        border-left: none
    }
    .watch_lang {
        margin-right: 31px
    }
    .product-details-img {
        text-align: center
    }
    .slider_area_2_tools .item_container {
        flex-wrap: wrap
    }
    .slider_area_2_tools .owl-dot-style .owl-dots {
        display: none
    }
    .slider-content.slider-animated-1 {
        margin-right: 0 !important;
        margin-left: 15px !important
    }
    .footer-bottom {
        text-align: center
    }
    .payment-icon.f-right {
        margin-top: 15px
    }
    .w_head {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .lay_4 .devita_plr_40 {
        padding-left: 0;
        padding-right: 0
    }
    .owl-item.active .slider-content-underware.slider-animated-1 h2 {
        font-size: 27px !important
    }
    .ban_underst_3 .row [class*=col] {
        padding-right: 0 !important
    }
    .ban_underst_3 .row [class*=col]:nth-child(2) {
        padding-left: 0 !important
    }
    .ban_underst_3 .row [class*=col]:last-child {
        padding-left: 0 !important
    }
    .slider-area-underwear .pt-210 {
        padding-top: 210px
    }
    .ban_underwear .banner-btn a.btn-style {
        padding: 10px 25px !important
    }
    .ban_underwear .banner-btn a.btn-style {
        font-size: 10px !important
    }
    .ban_underwear.banner-text>h4 {
        font-size: 12px !important
    }
    .ban_underwear.banner-text>h3 {
        font-size: 15px !important
    }
    .news_mb {
        padding: 60px 0 !important
    }
    .services-center-text>h2 {
        font-size: 40px !important
    }
    .slider-area .owl-dots,
    .slider-banner-area .owl-dots {
        display: none !important
    }
    .auto-parts-social.social-icon {
        margin-top: 20px
    }
    .header-contact-search-wrapper.f-right.d-flex.flex-wrap.w_header {
        justify-content: center
    }
    .product-tab-list>a h4 {
        padding: 6px;
        font-size: 15px
    }
    .header-search {
        margin: 20px auto
    }
    .header-bottom .hbottom_border .logo.mobile-logo {
        padding-top: 30px
    }
    .header-middle .pt-40.pb-40 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .header-position .header-bottom .hbottom_border .logo.mobile-logo {
        padding-top: 0
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .product_dynamic_btn,
    .dynamic_btn_sticky .product_dynamic_btn {
        width: 65%
    }
    .ban_underwear .banner-btn a.btn-style {
        font-size: 14px !important
    }
    .ban_underwear.banner-text>h4 {
        font-size: 18px !important
    }
    .ban_underwear.banner-text>h3 {
        font-size: 24px !important
    }
    .shopping-cart-content {
        left: auto;
        transform: unset
    }
    .header-contact-search-wrapper.f-right.d-flex.flex-wrap.w_header .header-search {
        margin: 0 20px
    }
}

/* ===== MOBILE LAYOUT & HERO FIX ===== */
@media (max-width: 991px) {
    /* Fix horizontal scroll and hero image display */
    body, html {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body#devita-electronics {
        display: block !important;
        overflow-x: hidden !important;
        width: 100% !important;
    }
    
    .sidebar-right-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        position: relative !important;
    }
    
    /* Hero slider full width */
    .slider-area,
    .slider-banner-area {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    
    .owl-carousel,
    .owl-stage-outer,
    .owl-stage,
    .owl-item {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .slider-height-1,
    .single-slider {
        width: 100% !important;
        min-height: 400px !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
    /* Fix for owl-item that might override background */
    .owl-item .single-slider {
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
    .slider-content-wrapper,
    .slider-content {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin: 0 auto !important;
    }
    
    /* Remove any negative margins that cause overflow */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Fix container overflow */
    .container,
    .container-fluid {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* Ensure images don't overflow */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Fix any absolute positioned elements */
    .header-area,
    .header-top,
    .header-bottom {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    /* Specific hero section container fixes only */
    .slider-area .container,
    .slider-area .container-fluid,
    .slider-banner-area .container,
    .slider-banner-area .container-fluid {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ===== MOBILE HEADER FIX ===== */
@media (max-width: 767px) {
    /* Compact user menu button */
    .header-setting button.icon-setting {
        font-size: 11px !important;
        padding: 5px 8px !important;
    }
    
    .header-setting button.icon-setting i {
        font-size: 16px !important;
    }
    
    .header-setting button.icon-setting span {
        display: none !important; /* Hide email text on mobile */
    }
    
    /* Compact cart */
    .header-cart button.icon-cart {
        padding: 5px 8px !important;
    }
    
    .header-cart .count-amount {
        font-size: 11px !important;
        padding: 2px 5px !important;
    }
    
    .header-cart .bigcounter {
        width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        font-size: 10px !important;
    }
    
    /* Top navigation compact */
    .top-nav {
        padding: 8px 0 !important;
    }
    
    .top-nav ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0;
        padding: 0;
    }
    
    .top-nav ul li {
        margin: 0 !important;
    }
    
    .top-nav ul li a {
        font-size: 12px !important;
        padding: 5px 10px !important;
        white-space: nowrap;
    }
    
    /* Header top wrapper spacing */
    .header-top-wrapper.watch-header-top {
        padding: 8px 10px !important;
    }
    
    .sidebar-header-top-right {
        display: flex;
        align-items: center;
        gap: 5px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    
    .header-top-left {
        padding-top: 5px !important;
    }
    
    /* Brand title smaller */
    .brand-title {
        font-size: 13px !important;
        margin-right: 5px !important;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    .header-search-3 {
        flex-shrink: 0;
        margin-right: auto !important;
    }

    .header-top-wrapper.watch-header-top {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap !important;
        padding: 8px 5px !important;
    }

    .sidebar-header-top-right {
        display: flex;
        align-items: center;
        gap: 3px;
        flex-wrap: nowrap !important;
        justify-content: flex-end;
        flex-shrink: 0;
    }
    
    .header-top-left {
        display: flex;
        align-items: center;
        gap: 5px;
        flex-shrink: 0;
    }

    /* Hide mobile_view cog icon on mobile - we use auth-buttons/user-menu instead */
    .header-setting.mobile_view {
        display: none !important;
    }

    /* keep header controls visible on mobile */
    .header-setting { display: inline-block !important; }

    .sidebar-header-top-right .header-setting,
    .sidebar-header-top-right .header-cart {
        border-left: none !important;
        padding: 0 4px !important;
        margin: 0 2px !important;
    }

    .header-cart.watch-cart { 
        padding: 0 4px !important; 
        margin: 0 2px !important;
    }
    
    /* Ensure only visible icons take space */
    .header-setting[style*="display: none"],
    .header-setting[style*="display:none"] {
        display: none !important;
        width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Compact button styling for mobile */
    .header-setting .icon-setting,
    .header-cart .icon-cart {
        padding: 6px 8px !important;
        font-size: 14px !important;
        min-width: auto !important;
    }
    
    .header-setting .icon-setting i,
    .header-cart .icon-cart i {
        font-size: 16px !important;
        margin: 0 !important;
    }

    .header-setting button.icon-setting,
    .header-cart button.icon-cart {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

    /* Ensure dropdown panels appear correctly */
    .setting-wrapper,
    .shopping-cart-content {
        left: auto !important;
        right: 0 !important;
        z-index: 10000 !important;
        position: absolute !important;
        top: calc(100% + 6px) !important;
    }

    /* Remove theme borders/margins that break layout on mobile */
    .watch-header-top .header-search-3 {
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Make sure dropdowns are not clipped */
    .header-area,
    .header-top { overflow: visible !important; }

    /* Anchor absolute dropdowns */
    .header-setting,
    .header-cart { position: relative !important; }

    /* Icon sizes for clarity */
    .header-setting .ion-person,
    .header-setting .ion-gear-b,
    .header-cart .cart-bag,
    .header-cart .cart-down { font-size: 18px !important; }

    /* Compact heights */
    .header-top .icon-setting,
    .header-top .icon-cart { min-height: 36px; }
}

@media (max-width: 480px) {
    /* Extra small mobile */
    .header-setting button.icon-setting,
    .header-cart button.icon-cart {
        padding: 4px 6px !important;
    }
    
    .top-nav ul li a {
        font-size: 11px !important;
        padding: 4px 8px !important;
    }
    
    .brand-title {
        font-size: 12px !important;
    }
    
    .header-cart .count-amount {
        display: none !important; /* Hide price on very small screens */
    }
    
    /* Hero image mobile fix */
    .slider-height-1,
    .single-slider {
        min-height: 300px !important;
    }
}

/* ===== HERO IMAGE MOBILE FIX ===== */
@media (max-width: 767px) {
    /* Force background image to show */
    .single-slider[style*="background-image"] {
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        min-height: 350px !important;
    }
    
    /* Owl carousel mobile fix */
    .owl-item .single-slider[style*="background-image"] {
        background-size: cover !important;
        background-position: center !important;
        width: 100% !important;
        display: block !important;
    }
    
    /* Slider area mobile */
    .slider-area {
        width: 100% !important;
        overflow: hidden !important;
    }
}

/*# sourceMappingURL=/cdn/shop/t/25/assets/custom-responsive.css.map?v=142710063783975022521647869349 */