@media (max-width: 1250px) {
    .choose-us .text h3 {
        display: inline-block;
        margin-left: 0px;
        margin-right: 0px;
        color: #80b435;
        font: 400 14px / 30px "Roboto Slab";
        margin-bottom: 20px;
    }
}

@media (max-width: 1200px) {
    .mega-menu ul.navbar-nav li {
        padding: 0 15px;
    }

    .mega-menu ul.navbar-nav li a {
        font: 700 15px / 40px "Roboto Slab";
    }
}

/* =============================================
   HERO SLIDER — Media queries responsive
   ============================================= */

@media (max-width: 1024px) {
    .elnl-slide__text {
        max-width: 560px;
    }

    .elnl-slide__title {
        font-size: clamp(22px, 4vw, 50px);
    }

    #topbar .inner-topbar {
        border-bottom: none;
    }

    .why-choose-us-container {
        flex-direction: column;
    }

    .why-choose-us-container div.img-center {
        margin-bottom: 80px;
    }

    .icon-menu-mobile {
        margin-top: 20px !important;
    }

    .choose-us .text h3 {
        display: inline-block;
        margin-left: 10;
        margin-right: 10px;
        color: #80b435;
        font: 400 22px / 30px "Roboto Slab";
        margin-bottom: 20px;
    }
}

@media (max-width: 940px) {
    .logo-mobile a img {
        width: 300px;
    }
}

@media (max-width: 900px) {
    .blog-post-container .blog-post-item h3 a {
        color: #2b2b2b;
        font: 400 16px "Roboto Slab";
        text-transform: initial;
    }
}

@media (max-width: 767px) {
    .elnl-swiper {
        height: clamp(320px, 60vw, 420px);
    }

    .elnl-slide__content {
        padding: 0 20px;
        align-items: center;
    }

    .elnl-slide__text {
        max-width: 100%;
    }

    .elnl-slide__title {
        font-size: clamp(18px, 4vw, 28px);
        margin-bottom: 16px;
        line-height: 1.15;
    }

    .elnl-slide__subtitle {
        font-size: clamp(11px, 2.2vw, 14px);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 16px;
        letter-spacing: 0.5px;
    }

    .elnl-slide__btn {
        font-size: 11px;
        padding: 8px 18px;
    }

    /* Overlay vertical para mejor legibilidad */
    .elnl-slide__overlay {
        background: linear-gradient(to bottom,
                rgba(0, 0, 0, 0.55) 0%,
                rgba(0, 0, 0, 0.45) 100%);
    }

    /* Ocultar flechas en móvil — se usa swipe táctil */
    .elnl-swiper-next,
    .elnl-swiper-prev {
        display: none !important;
    }

    #header .header-top {
        padding: 10px 0px 0px;
        margin-top: -23px;
        margin-bottom: 0px;
    }

    p.hidden-mobile {
        display: none !important;
    }

    #topbar .inner-topbar.df-menu-home {
        border-bottom: none;
    }

    .mega-menu.home {
        margin-bottom: 20px;
    }

    .why-choose-us-container div.img-center {
        margin-bottom: 75px;
    }

    .logo-mobile a img {
        width: 100%;
    }

    #header.header-v1 #topbar .inner-topbar {
        padding: 35px 0px 10px;
    }

    .acc.location {
        display: none;
    }

    .blog-post-container .blog-post-item .content {
        display: none;
    }

    .blog-post-container .blog-post-item h3 a {
        color: #2b2b2b;
        font: 400 14px "Roboto Slab";
        text-transform: initial;
    }
}

@media (max-width: 580px) {
    .social-contact {
        display: none !important;
    }

    .blog-post-container.blog-post-columns-2 .blog-post-item {
        width: 100%;
    }

    .box {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .icon-menu-mobile {
        margin-top: 0px !important;
        margin-right: 0px !important;
        ;
    }

    #header .header-top {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .social-contact {
        display: none !important;
    }

    .elnl-swiper {
        height: 310px;
    }

    .elnl-slide__content {
        padding: 0 16px;
    }

    .elnl-slide__title {
        font-size: 17px;
        line-height: 1.2;
    }

    /* Paginación más accesible en móvil */
    .elnl-swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 4px !important;
    }
}

@media (max-width: 360px) {
    .elnl-swiper {
        height: 270px;
    }

    .elnl-slide__content {
        padding: 0 12px;
    }

    .elnl-slide__title {
        font-size: 24px;
    }

    .elnl-slide__subtitle {
        display: none;
    }
}

/* =============================================
   HERO SLIDER END
   ============================================= */

@media (max-width: 1025px) {
    .head-about .col-md-6.pd-left-10 h3 {
        padding-right: 0px;
    }

    .head-about .col-md-6.pd-left-10 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-hero-banner {
        min-height: 240px;
        padding: 70px 0 40px;
    }

    .page-hero-banner__content h1 {
        font-size: clamp(32px, 5vw, 52px);
        letter-spacing: 2px;
    }

    .ultimo {
        margin-bottom: 0px !important;
    }

    .special-content .link-v1 {
        margin-left: 0px;
        float: inherit;
    }

    .special-content span {
        font: 700 40px / 50px "Roboto Slab";
        color: #80b435;
        text-transform: uppercase;
        vertical-align: bottom;
        display: inline-block;
        margin-left: 10px;
    }

    .container .col-md-5:first-child {
        margin-bottom: 0px;
    }

    .special-content {
        padding-top: 20px;
    }

    .shipping-v2 h2 {
        font-size: 10px;
    }

    .product.mrt-3 {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    #topbar.topbar-ver2 {
        display: block;
    }

    #header.header-v3 #topbar .float-left p {
        display: block;
    }

    #topbar .inner-topbar {
        border-bottom: 1px solid #cdcdcd;
    }

    #header.header-v3.header-v2 .header-top {
        margin: 0px;
        padding: 12px 0px;
    }

    #header .header-top .logo-mobile {
        margin-top: 0px;
    }

    #header .header-top .logo-mobile img {
        width: 100%;
    }

    .page-hero-banner {
        min-height: 200px;
        padding: 60px 0 35px;
    }

    .page-hero-banner__content h1 {
        font-size: 34px;
        letter-spacing: 1px;
        margin-bottom: 14px;
    }

    .page-hero-banner__breadcrumb ul li {
        font-size: 13px;
    }

    .df-section-2 {
        flex-direction: column;
    }

    .img-center {
        margin-bottom: 40px;
    }

    .img-responsive {
        display: inline-block;
    }

    .choose-us .align-left .text {
        margin-bottom: 40px;
    }

    .choose-us .text {
        margin-bottom: 40px;
    }

    .choose-us .text.mrb-0-left {
        margin-bottom: 40px;
    }

    /* FAQ Accordion Responsive */
    .faq-row {
        flex-direction: column;
    }

    .faq-intro {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .faq-accordion-col {
        align-items: flex-start;
    }

    .faq-accordion__body {
        padding: 0 16px 0 58px;
    }

    .faq-accordion__item.active .faq-accordion__body {
        padding: 0 16px 18px 58px;
    }

    .faq-accordion__header {
        padding: 16px 18px;
        gap: 12px;
    }

    .faq-accordion__question {
        font-size: 15px;
        line-height: 22px;
    }

    .page-faq .choose-us .title-choose h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .choose-us-home2 {
        display: flex;
        flex-direction: column-reverse;
    }

    .page-contact .content-text h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .product.mrt-2 {
        margin-top: 40px;
    }
}

@media (max-width: 540px) {
    .products .product p.product-title {
        font: 400 18px / 30px "Roboto Slab";
        color: #fff;
    }

    .featured-products.new-arrivals .products .product .product-title {
        padding-left: 20px;
        padding-right: 0px;
    }

    .awe-loading-wrapper {
        text-align: center;
        width: 250px;
        height: 200px;
        position: absolute;
        left: 42%;
        margin-top: -100px;
        margin-left: -100px;
    }
}

@media (max-width: 480px) {
    .product.mrt-1 {
        margin-top: 40px;
    }

    #header .header-top .logo-mobile img {
        width: 280px;
    }

    .icon-menu-mobile {
        margin-top: 15px !important;
    }
}

@media (max-width: 467px) {
    .page-hero-banner {
        min-height: 180px;
        padding: 50px 0 30px;
    }

    .page-hero-banner__content h1 {
        font-size: 26px;
        letter-spacing: 0px;
        margin-bottom: 10px;
    }

    .page-hero-banner__breadcrumb ul li {
        font-size: 12px;
    }
}

@media (max-width: 420px) {
    .choose-us .align-left .items .text h3 {
        font-size: 18px;
    }

    .choose-us .align-right .items .text h3 {
        font-size: 18px;
    }
}

@media (max-width: 360px) {
    .elnl-slide__btn {
        margin-top: 20px;
    }

    #header .header-top .logo-mobile img {
        width: 240px;
    }
}

@media (max-width: 1550px) and (min-width: 1200px) {

    /* Fix: el tema fuerza width:1200px en containers y 
       display:inline-block en body, causando overflow horizontal */
    body {
        display: block;
        width: 100%;
        overflow-x: hidden;
    }

    .container.container-ver2 {
        width: 100% !important;
        max-width: 100%;
    }

    .inner-topbar.box,
    .df-nav-menu.box {
        width: 100% !important;
    }

    .container .col-md-5,
    .container .col-md-7 {
        width: 40% !important;
        float: inline-start;
    }

    .choose-us .items .text h3 {
        font: 400 18px / 30px "Roboto Slab";
    }
}

@media (max-width: 1200px) and (min-width: 1025px) {

    /* Fix: el tema fuerza width:1200px en containers y 
       display:inline-block en body, causando overflow horizontal */
    body {
        display: block;
        width: 100%;
        overflow-x: hidden;
    }

    .container.container-ver2 {
        width: 100% !important;
        max-width: 100%;
    }

    .inner-topbar.box,
    .df-nav-menu.box {
        width: 100% !important;
    }

    .container .col-md-5,
    .container .col-md-7 {
        width: 50% !important;
        float: inline-start;
    }

    .choose-us .items .text h3 {
        font: 400 18px / 30px "Roboto Slab";
    }

    #header .header-top .logo-mobile {
        margin-top: 0px;
    }
}

@media (max-width: 1025px) and (min-width: 980px) {

    .container .col-md-5,
    .container .col-md-7 {
        width: 50% !important;
        float: inline-start;
    }

    .choose-us .items .text h3 {
        font: 400 16px / 30px "Roboto Slab";
    }

    #footer .footer-bottom .menu-bottom-footer a {
        color: #666;
        font: 400 10px / 20px "Roboto Slab";
    }

    #footer .footer-bottom .menu-bottom-footer li {
        display: inline-block;
        padding: 0px 5px;
    }

    #header.header-v1 .header-top {
        display: inline-block;
        position: absolute;
        top: 2px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    #header .header-top .logo-mobile {
        margin-top: 0px;
    }
}

@media (max-width: 980px) and (min-width: 767px) {
    html {
        overflow-x: hidden;
    }

    body {
        display: block !important;
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden;
    }

    .wrappage {
        max-width: 100vw;
        overflow-x: hidden;
    }

    #header {
        max-width: 100vw;
        overflow-x: visible;
    }

    #topbar {
        overflow: hidden;
    }

    #topbar .inner-topbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #topbar .inner-topbar .float-right {
        max-width: 50%;
        overflow: hidden;
    }

    #topbar .hover-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .header-top .box {
        max-width: 100%;
        overflow: hidden;
    }

    .slick-slider,
    .owl-carousel,
    .slider-about {
        overflow: hidden;
    }

    .section-padding {
        padding: 80px 0px !important;
    }

    .choose-us .items .text h3 {
        font: 400 16px / 30px "Roboto Slab";
    }

    #header.header-v1 .header-top {
        display: inline-block;
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    #header .header-top .logo-mobile {
        margin-top: 0px;
    }
}

@media (min-width: 1025px) {
    .col-md-7 {
        width: 58.33333% !important;
    }

    .mega-menu ul.navbar-nav li.level1.dropdown a:before {
        position: absolute;
        top: 16px;
        height: 10px;
        width: 10px;
        right: -15px;
        content: "";
        background: url(../images/icon-submenu-1.png) no-repeat scroll center;
    }

    .penultimo {
        margin-bottom: 0px !important;
    }

    .ultimo {
        margin-bottom: 0px !important;
    }

    .special.special-v2 .special-content {
        margin-left: 60px;
    }

    .featured-products.home_2 .products .product {
        width: 25%;
    }

    .df-menu-home {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .special .images-logo {
        transform: translate(-40px, 50px);
    }

    .shipping-v2.home3-shiping {
        margin-top: -50px;
        z-index: 999;
        position: relative;
        background: #fff;
    }

    .years-experience {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .we-provide {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (min-width: 1550px) {

    .container .col-md-5,
    .container .col-md-7 {
        width: 50% !important;
        float: inline-start;
    }
}