/* MENU */

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

@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: 100px;
    }
    .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-course-img img {
        width: 100% !important;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem;
    }
    .taller-title {
        font-size: 2.5rem !important;
    }
}

/* 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;
}