/* ==================================================
tablet lg
================================================== */
@media (max-width: 1024px) {
    :root {
        font-size: 14px;
    }

    /* ========== columns ========== */
    /* .columns-content .content-left {
        width: 300px;
    } */
    /* ========== columns ========== */
    .columns-content .content-left {
        left: -100%;
    }
    
    .content-left {
        display: block;
    }
    .content-left .redes-sociales {
        display: none;
    }
    .content-left .top {
        display: block;
    }
    
    .columns-content main {
        width: 100%;
        margin-left: 0;
    }
    
    
    /* ========== navigation ========== */
    .nav-main-desk {
        display: none;
    }
    .nav-main-mov {
        display: block;
    }
    .options-mov {
        display: block;
    }
}


/* ==================================================
tablet
================================================== */
@media (max-width: 768px) {
}


/* ==================================================
movil
================================================== */
@media (max-width: 576px) {
    .content-left .logo-slogan .logo {
        width: 120px;
    }
    .content-left .quotes {
        margin: 1.5rem 0 0;
    }

    
    /* ========== columns ========== */
    .columns-content .content-left {
        width: 100%;
    }


    /* ========== index ========== */
    .form-grid .block {
        flex: 0 0 100%;
    }
    
    .num-escuelas .item {
        max-width: calc(100% / 2);
    }
    
    .direccion {
        display: block;
    }


    /* ========== nosostros ========== */
    .mision .item {
        flex: 0 0 100%;
    }
    
    .nuestras-generaciones .grid {
        display: block;
    }
    .nuestras-generaciones .grid .col-l {
        margin-bottom: 10px;
    }


    /* ========== kinder ========== */
    .ofrecemos .item {
        max-width: calc(100% / 2);
    }
    
    .eventos .item {
        flex: 0 0 calc(100% / 3);
    }


    /* ========== primaria ========== */
    .educacion-integral .item {
        max-width: calc(100% / 2);
    }
}