/*=========== TABLE OF CONTENTS ===========
1.  CSS General
2.  Header
A.  Home
	3.  Home Hero
	4.  Trabajo
	5.  Marcas
	6.  Habilidades
	7.  Resumen
	8.  Testimonios
	9.  Aliados
B.  Footer
===========================================*/

@media (max-width: 786px) {
    /*=====================================
        1.  CSS General
    =======================================*/
    .st-height-lg-b80 {
        height: 32px;
    }
    .st-height-lg-b25 {
        height: 8px;
    }
    /*=====================================
        A.  Home
    =======================================*/
    /*-------------------------------------
            3.  Home Hero
    ---------------------------------------*/
    .hero-video {
        height: auto;
        margin-top: 22%;
    }

    /*-------------------------------------
            4.  Trabajo
    ---------------------------------------*/
    .titu-trabajo {font-size: var(--subtitulo-tlf) !important;}

    .st-about-img {
        min-height: 90vw;
        width: 63vw;
    }

    .btn-asesoria {width: 48%;}

    /*-------------------------------------
            5.  Marcas
    ---------------------------------------*/
    .container-marcas {padding-top: 8%;}

    .titu-marcas {font-size: var(--subtitulo-tlf) !important;}

    .col-marcas-roy {
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
        max-width: 100% !important;
        height: 81vw;
    }

    .icon-contain {width: 120px;}

    .nombre-marca {
        font-family: 'Roboto', sans-serif !important;
        font-size: var(--parrafo-grd) !important;
        font-weight: 500 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        color: rgba(255, 255, 255, 0.65) !important;
        transition: .5s ease-in-out;
    }

    .txt_info_marca {width: 90%;}

    .col-marcas-roy6 {display: none;}

    /*-------------------------------------
            6.  Habilidades
    ---------------------------------------*/
    .container-habilidades {padding-top: 8%;}

    .titu-habilidades {
        margin-top: -16% !important;
        font-size: var(--subtitulo-tlf) !important;
    }

    .col-habilidades1 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col-habilidades2 {display: none;}

    .subtitu-habilidades {text-align: center;}

    .item-habilidades {
        margin: 8px 0;
        font-size: var(--parrafo);
        line-height: 17px;
    }

    /*-------------------------------------
        7.  Resumen
    ---------------------------------------*/
    .container-resumen {padding-top: 8%;}

    .titu-resumen {
        margin-top: -16% !important;
        font-size: var(--subtitulo-tlf) !important;
    }

    .titu_info_resumen {
        margin-top: -4%;
        margin-bottom: 1% !important;
    }

    .txt_info_resumen {width: 95%;}

    .col-resumen {
        -ms-flex: 0 0 82% !important;
        flex: 0 0 82% !important;
        max-width: 100% !important;
        height: 81vw;
        margin: 7px 0;
    }

    /*-------------------------------------
        8.  Testimonios
    ---------------------------------------*/
    .container-testimonios {}

    .titu-testimonios {
        margin-top: -10% !important;
        font-size: var(--subtitulo-tlf) !important;
    }
}