/* MENU */

@media (max-width: 768px) {
    .main-menu {
        position: sticky !important;
    }
    .menu-container {
        margin: 0px 60px;
    }
    .main-banner {
        margin-top: 0;
    }
    .banner-perro {
        background-position: center;
    }
}

@media (max-width: 650px) {
    .menu-container {
        justify-content: space-between;
    }
    .menu-container ul {
        height: 180px;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .menu-container .nav-item {
        margin-left: 0;
    }
    .menu-mobile {
        position: absolute;
        background: white;
        width: 100%;
        margin: 0;
        top: 63px;
        left: 0;
        border-bottom: 1px solid #eee;
    }
    .menu-container .nav-item .link-nav {
        color: #191919;
    }
    .menu-container .nav-item .link-nav:hover {
        color: #191919;
    }
    .svg-menu {
        width: 30px;
        height: 30px;
        fill: currentColor;
        color: #fff;
        cursor: pointer;
    }
    #primary-menu-trigger {
        display: inline-flex;
    }
    .hidden-menu {
        display: none !important;
    }
    .footer-display {
        flex-wrap: wrap;
    }
}

@media (max-width: 500px) {
    .menu-container .logo-box {
        height: 125%;
        width: 130px;
    }
    .menu-container .logo-box img {
        width: 100%;
        max-height: 75px;
    }
    .menu-container {
        margin: 0px 20px;
    }
}

/* BANNER RESPONSIVE */
@media (max-width: 1750px) {
    #slide1-text,
    #slide2-text,
    #slide4-text {
        font-size: 2.5rem;
    }

    #slide3-text {
        font-size: 2.2rem;
    }
}

@media (max-width: 1550px) {
    #slide1-text,
    #slide2-text,
    #slide3-text,
    #slide4-text {
        font-size: 2rem;
    }

    .line-brand {
        height: 3px;
    }
}

@media (max-width: 768px) {
    /*padding banner */
    .py-112pt {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important;
    }

    /*bg.image */
    .bg-contact {
        background-position: center !important;
    }
}

/* HOME RESPONSIVE */

@media (max-width: 768px) {
    /* TIPS */
    .infografia-section {
        height: 350px !important;
    }
    /* VIDEOS PAUSA ACTIVA */
    .videos-container-pa {
        display: grid !important;
        justify-content: center;
        margin-top: 30px;
    }
    .lazy-vertical {
        width: 300px !important;
        height: 480px;
        margin-bottom: 20px;
    }
    .card-news {
        width: 100% !important;
    }
    .button-card {
        padding: 20px !important;
    }
}

/* TALLERES RESPONSIVE */

@media (max-width: 768px) {
    .card-horizontal {
        flex-direction: column !important;
        max-height: none !important;
    }
    .card-horizontal-ah {
        flex-direction: column !important;
        max-height: none !important;
    }
    .card-course-img img {
        width: 100% !important;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }
    .taller-title {
        font-size: 2.5rem !important;
    }
    .video-box {
        width: 100% !important;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }
}

/* NOVEDADES RESPONSIVE */

@media (max-width: 768px) {
    /* NOTICIAS */
    .noticias {
        margin-top: 20px;
    }

    .noticias-gral {
        margin-bottom: 20px !important;
    }

    .margin-b-resp {
        margin-bottom: 20px !important;
        width: 100% !important;
    }

    /* INSTAGRAM TV */
    .instagram-tv {
        align-items: center;
        padding: 20px 0 !important;
    }
    .order2 {
        order: 2;
    }
    .order1 {
        order: 1;
    }
}

/* CONTACTO RESPONSIVE */
/* REDES SOCIALES */

@media (max-width: 768px) {
    .redes {
        margin-bottom: 15px;
    }

    .no-margin-right {
        margin-right: 0 !important;
    }
}

/* MODULOS */
/* GENERALES*/
@media (max-width: 768px) {
    /* Duracion de los modulos */
    .display-block {
        display: block !important;
    }

    /* Materiales descargables */
    .files-box {
        display: block !important;
        text-align: -webkit-center;
    }
    /*Margen superior entre menu y contenido */
    .mdk-header-layout__content {
        margin-top: 0px !important;
    }
    /* DORMIR MEJOR */
    .dormir-resp-text {
        order: 2;
    }
    .dormir-resp-img {
        order: 1;
        margin-bottom: 20px;
    }
}

/* VIDEOS TALLERES PARA RESPONSIVE */
iframe {
    width: 100% !important;
}

@media (max-width: 994px) {
    .cta-box {
        flex-direction: column;
    }

    .cta-box span {
        margin-bottom: 20px;
    }
}

@media (max-width: 994px) {
    .grid2column {
        display: grid;
        grid-template-columns: 1fr;
        gap:20px;
    }
}