@media (max-width: 1440px){
    .navbar-expand-lg .navbar-nav .nav-link.nav-edit {
        margin: 0 1.7rem;
    }
    .convenios_grid--items div {
        width: 15rem;
        height: 13rem;
    }
}

@media (max-width: 1300px){
    .navbar-expand-lg .navbar-nav .nav-link.nav-edit {
        margin: 0 1rem;
    }
    .navbar-brand{
        margin: 0;
        width: 13rem;
    }
    .navbar-brand > img{
        object-fit: contain;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1200px){
    .navbar-expand-lg .navbar-nav .nav-link.nav-edit {
        margin: 0 13px;
        font-size: 13px;
    }
    .btn-info {
        font-size: 13px;
    }
    .btn-admi {
        padding: 8px 15px;
        font-size: 13px;
    }
    /*=============== HOME ===================*/
    .tarjeta {
        width: 18rem;
        height: 19rem;
    }
    .nivel-inicial .cont-inicial div, .nivel-primario .cont-primario div, .nivel-medio .cont-medio div {
        width: 13rem;
        margin: 0 3rem 20px 3rem;
    }
    /*=============== PERFIL ESTUDIANTE ===================*/
    .valores.prefil p {
        width: 100%;
    }
    .container-egresados .col .container-egresados--text p {
        margin: 0 0 1.6rem 0;
        width: 95%;
    }
    .container-egresados .col picture {
        margin: 0 0 0 0;
    }
    .container-egresados .col {
        padding: 0 0 0 0;
    }
    /*=============== ASOCIACION ===================*/
    .valores_container--img {
        justify-content: flex-start;
        padding: 0 0 0 0;
    }
    .valores_container--text h3 {
        width: 100%;
    }
    .valores_container--text p {
        width: 100%;
    }

    .container_anios .container_anios--img{
        width: 26rem;
    }
    .container_anios .container_anios--img img{
        object-fit: contain;
        width: 100%;
        height: 100%;
    }
    .container_anios .container_anios--text {
        max-width: 24rem;
    }
    .container_anios {
        justify-content: space-around;
    }
    .niveles-edu{
        padding: 0 0;
    }
    .container_form--col .fila_dos--mobile{
        margin-top: 2rem;
    }
    .container_form--col .text-lg{
        margin-top: 2rem;
    }
    .modal-video--container figure > img{
        object-fit: contain;
        width: 100%;
    }
    .info .info-img img{
        object-fit: contain;
        width: 100%;
        padding: 0 3rem;
    }
    .info .info-text {
        padding: 0 3rem;
    }
    .nivel-title.niv-mid{
        padding: 0 0 0 0rem;
    }
    .nivel-title.niv-mid figure img{
        object-fit: cover;
        width: 95%;
    }
    
}

@media (max-width: 990px){
    .header.hero-custom {
        margin-top: 68px;
        height: 26rem;
    }
    .niveles_text {
        margin: 0rem 0 0 0;
        padding: 0 12px;
    }
    .nav-item.item-cole {
        height: auto;
        padding: 5px 0;
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }
    .fas.fa-angle-down {
        right: 15px;
    }
    .navbar-toggler.my-btn{
        border: none;
        display: flex;
        flex-direction: column;
    }
    
    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar.navbar-expand-lg{
        background: #fff;
    }
    
    .drop.active.top {
        top: 0px;
    }
    .navbar-expand-lg .navbar-collapse.flex-end {
        justify-content: flex-end;
        padding: 1.2rem 0;
    }
    .drop.active {
        transition: .5s;
        overflow-y: auto;
    }
    .drop.active{
        position: relative;
        top: 0px;
        left: 0;
        height: auto;
        overflow: hidden;
        padding: 0rem 0rem 0rem 0rem;
        transition: .5s;
        z-index: 0;
    }
    .drop > li {
        margin: .5rem 0;
        padding: 0 0 0 5px;
    }
    .navbar-expand-lg .navbar-nav {
        align-items: flex-start;
    }
    .navbar-expand-lg .navbar-nav .nav-link.nav-edit {
        margin: 0 5px;
        font-size: 15px;
        text-align: start;
        padding: 5px 0 5px 0;
    }
    .reverse{
        flex-direction: row-reverse;
    }
    .img-footer > figure{
        margin: 0 0 3rem;
    }
    .line_yellow.nav ul,.line_yellow.nav div {
        display: none;
    }
    .line_yellow {
        height: .5rem;
    }
    .pilar {
        padding: 0 1rem 0 1rem;
    }
    /*=============== HOME ===================*/
    .header h1 {
        font-size: 19px;
    }
    .header span {
        font-size: 28px;
        line-height: 35px;
    }
    .container-tarjetas {
        flex-direction: column;
        align-items: center;
    }
    .tarjeta {
        width: 22rem;
        height: 18rem;
        margin: 0px 15px 110px 15px;
    }
    .niveles {
        height: auto;
        padding: 0rem 0rem 8rem 0;
    }
    .niveles_text p {
        width: 100%;
    }
    .objetivos {
        padding: 5rem 0 5rem 0;
    }
    /*=============== NUESTRO COLEGIO ===================*/
    .mision p {
        font-size: 31px;
        width: 45rem;
        line-height: 42px;
    }
    .valores {
        height: auto;
    }
    .tarjetas_cont {
        position: relative;
        margin: 0rem 0 0rem 0;
    }
    .asocia-historia {
        height: auto;
        padding: 10rem 0 5rem 0;
    }
    /*=============== HISTORIA ===================*/
    .container_anios > .eclipse {
        left: 9.3%;
    }
    .container_anios > .eclipse {
        top: 1rem;
    }
    .container_anios > .eclipse.dos {
        top: 1rem;
    }
    .container_anios > .eclipse.tres {
        top: 1.1rem;
    }
    .container_anios > .eclipse.cuatro,
    .container_anios > .eclipse.cinco,
    .container_anios > .eclipse.seis,
    .container_anios > .eclipse.siete,
    .container_anios > .eclipse.nueve,
    .container_anios > .eclipse.diez,
    .container_anios > .eclipse.once,
    .container_anios > .eclipse.doce,
    .container_anios > .eclipse.trece,
    .container_anios > .eclipse.cator,
    .container_anios > .eclipse.quin,
    .container_anios > .eclipse.dieciSies,
    .container_anios > .eclipse.dieciSiete,
    .container_anios > .eclipse.dieciOcho,
    .container_anios > .eclipse.dieciNueve,
    .container_anios > .eclipse.veinte,
    .container_anios > .eclipse.veintUno {
        top: 1.1rem;
    }
    .anios::after {
        top: 50%;
        left: 10%;
    }
    .container_anios,
    .container_anios.reverse{
        flex-direction: column-reverse;
    }
    .container_anios.reverse .container_anios--text {
        text-align: start;
    }
    .container_anios .container_anios--text {
        width: 21rem;
    }
    .container_anios .container_anios--text p {
        font-size: 17px;
    }
    .container_anios {
        justify-content: space-between;
        padding: 0 2rem;
    }
    .container_anios .container_anios--img {
        width: 25rem;
    }
    .historia_text h3 {
        width: 100%;
        margin: 0 0 1.5rem 0;
        padding: 0 2rem;
    }
    .historia_text p {
        width: 100%;
        margin: 30px 0 0 0;
        padding: 0 3rem;
    }
    .niveles-edu--nav ul {
        padding: 0 0rem 0 0;
    }
    .cont-text .row article p {
        font-size: 18px;
        width: 80%;
    }
    .niveles-edu--nav ul li {
        font-size: 16px;
    }
    .exalumnos_text--top p,
    .exalumnos_text--bottom p,
    .exalumnos_text--mail p,
    .exalumnos_text.comuni article p {
        padding: 0 2rem;
    }
    .container_ciclo {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .container_ciclo div {
        margin: 0 1rem 2rem 1rem;
        max-width: 22rem;
        width: 100%;
    }
    .bg-grey.ciclo {
        padding: 3rem 0;
    }
    .container_objetivos--img {
        display: flex;
        justify-content: center;
    }
    .container_objetivos--img div {
        position: relative;
        width: 40rem;
    }
    .header.nue-col {
        height: 26rem;
        background: url(../img/asociacion/bg_header.jpg) no-repeat center center/contain;
    }
    .header.nue-col h2 {
        font-size: 45px;
        margin: 15px 0px 0px 0px;
    }
    .header.equipo {
        background: url(../img/autoridades/bg_header.jpg) no-repeat center center/cover;
    }
    .header.pilares.pastoral{
        height: 26rem;
    }
    .header.pilares.pastoral h2 {
        font-size: 45px;
    }
    .info .info-text p {
        font-size: 18px;
    }
    .nivel-title.niv-mid figure img {
        object-fit: cover;
        width: auto;
    }
    .nivel-title.niv-mid {
        padding: 0 0 0 .5rem;
    }
    .nivel-article.plan {
        margin: -1.1rem 0 0 0;
        padding: 0 5rem;
    }
}

@media (max-width: 768px){
    .header h1 {
        font-size: 17px;
    }
    .header span {
        font-size: 21px;
        line-height: 34px;
        margin: 25px 17px 45px 10px;
    }
    .header span > br{
        display: none;
    }
    /*=============== HOME ===================*/
    .experiencias .title-exp h2 {
        font-size: 40px;
    }
    .niveles_text p {
        font-size: 16px;
        line-height: 26px;
    }
    /*=============== NUESTRO COLEGIO ===================*/
    .aprendizajes p {
        width: 37rem;
        font-size: 18px;
    }
    .mision p {
        font-size: 25px;
        width: 100%;
        padding: 0 36px;
        line-height: 35px;
    }
    .valores_container {
        margin: 0 0;
    }
    .container-items--item p {
        font-size: 18px;
        width: 90%;
    }
    /*=============== PERFIL ESTUDIANTE ===================*/
    .valores.prefil .valores_container .valores_container--title h3 {
        font-size: 25px;
        width: 32rem;
    }
    .egresados-margen{
        margin: 0 0;
        padding: 0 3.5rem;
    }
    .container-egresados .col {
        flex-direction: column;
    }
    .container-egresados .col picture {
        margin: 5rem 0 0 0;
    }
    /*=============== ASOCIACION ===================*/
    .valores_container--img {
        justify-content: center;
        margin: 0 0 5rem 0;
    }
    .valores_container--text {
        padding: 0 20PX 0 20px;
    }
    .conocer {
        justify-content: space-evenly;
        height: 15rem;
        align-items: center;
        flex-direction: column;
    }
    .conocer p {
        margin: 0 0 0 0;
        padding: 0 46px;
        text-align: center;
    }
    /*=============== HISTORIA ===================*/
    .historia_text h3 {
        font-size: 22px;
        line-height: 38px;
    }
    .historia_text p {
        font-size: 18px;
    }
    .nivel-inicial .cont-title h3,
    .nivel-primario .cont-title h3,
    .nivel-medio .cont-title h3 {    
        text-align: center;
        margin: 0rem 0 5rem 0;
    }
    .niveles-edu--nav ul li {
        font-size: 12px;
        text-align: center;
    }
    .line-nav {
        width: 4.5rem;
    }
    .exalumnos_text--top p {
        font-size: 24px;
    }
    .exalumnos_text--bottom p {
        font-size: 17px;
    }
    .exalumnos_text--mail p {
        font-size: 17px;
    }
    .exalumnos_text.comuni article p {
        font-size: 17px;
    }
    .asocia-historia {
        height: auto;
        padding: 5rem 0 5rem 0;
    }
    .info .info-img{
        padding: 0 5rem
    }
    .info .info-text {
        padding: 0 5rem;
    }
    .info .info-img img {
        max-width: 25rem;
        padding: 0 0rem;
        width: 100%;
    }
    .info .info-text.reverse p {
        text-align: start;
        margin: 0 0 0 0;
        max-width: none;
    }
    .proyecto-pastoral > p {
        font-size: 20px;
        margin: 5rem auto 5rem auto;
    }
    .nivel-title {
        padding: 0 .6rem 0 .6rem;
    }
    .nivel-article.plan {
        padding: 0 .7rem;
    }
    .header.hero-custom.home {
        height: 40rem;
    }
}

@media (max-width: 576px){
    .header.hero-custom h2 {
        font-size: 28px;
        margin: 0px;
    }
    .header.hero-custom {
        height: 20rem;
    }
    .nivel-inicial, .nivel-primario, .nivel-medio {
        padding: 3rem 0 0 0;
    }
    .team {
        padding: 0 0 4rem 0;
    }
    .niveles_text h6 {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 1.5rem 0;
    }
    .header h1 {
        font-size: 14px;
    }
    .header span {
        font-size: 17px;
        line-height: 29px;
    }
    .container-fluid.datos {
        flex-direction: column;
        align-items: center;
    }
    /*=============== HOME ===================*/
    .niveles {
        height: auto;
        padding: 0rem 0rem 8rem 0;
    }
    .tarjeta .tarjeta-body {
        height: 5rem;
    }
    .tarjeta {
        width: 75%;
        height: 15rem;
    }
    .tarjeta .tarjeta-body p {
        font-size: 18px;
    }
    .tarjeta.inicial {
        background: url(../img/nivel_inicial.jpg) no-repeat center top/cover;
    }
    .tarjeta.primario {
        background: url(../img/nivel_primario.jpg) no-repeat center top/cover;
    }
    .tarjeta.medio {
        background: url(../img/nivel_medio.jpg) no-repeat center top/cover;
    }
    .container_objetivos--text span {
        font-size: 22px;
        line-height: 30px;
    }
    .container_objetivos--text p {
        font-size: 15px;
        line-height: 25px;
    }
    .experiencias .title-exp h2 {
        font-size: 35px;
    }
    /*=============== NUESTRO COLEGIO ===================*/
    .header.nue-col h2 {
        font-size: 28px;
        margin: 60px 0px 0px 0px;
    }
    .aprendizajes h3 {
        font-size: 35px;
        text-align: center;
    }
    .aprendizajes p {
        width: 21rem;
        font-size: 15px;
        padding: 0 20px;
    }
    .mision h4 {
        font-size: 18px;
    }
    .mision p {
        font-size: 20px;
        width: 22rem;
        padding: 0px 10px;
        line-height: 35px;
    }
    .valores_container {
        margin: 0 0px;
    }
    .container-items--item {
        text-align: center;
    }
    .valores_container--title h4 {
        font-size: 33px;
        text-align: center;
    }
    .container-items--item p {
        font-size: 18px;
        width: 100%;
        padding: 0 22px;
    }
    /*=============== NUESTRO COLEGIO ===================*/
    .valores.prefil .valores_container .valores_container--title h3 {
        font-size: 18px;
        width: 100%;
        line-height: 35px;
    }
    .container-egresados .col .container-egresados--text p {
        font-size: 18px;
    }
    .container-egresados .col .container-egresados--text h3 {
        font-size: 25px;
    }
    .valores_container--text h3 {
        font-size: 21px;
        line-height: 35px;
    }
    .valores_container--text p {
        font-size: 17px;
    }
    .modal-video--container > img {
        width: 3rem;
    }
    /*=============== ASOCIACION ===================*/
    .asocia-historia {
        height: auto;
        padding: 5rem 0;
    }
    /*=============== HISTORIA ===================*/
    .historia_text h3 {
        padding: 0 .5rem;
    }
    .historia_text p {
        padding: 0 1.5rem;
    }
    .line-nav {
        width: 3rem;
        left: 6px;
    }
    .cont-text .row article p {
        font-size: 16px;
        width: 100%;
    }
    .exalumnos_text--top p, .exalumnos_text--bottom p, .exalumnos_text--mail p, .exalumnos_text.comuni article p {
        padding: 0 1rem;
    }
    .exalumnos_text--mail a {
        font-size: 13px;
    }
    .exalumnos_text--top p {
        font-size: 20px;
    }
    .exalumnos_text.anios {
        padding: 6rem 0 3rem 0;
    }
    .header.info span {
        font-size: 14px;
    }
    .header.equipo.info.nue-col span {
        margin: 6rem 0 -3rem 0;
    }
    .header.equipo.info.nue-col h2 {
        margin: 50px 0px 0px 0px;
    }
    .container_form--row {
        padding: 3rem 0 0rem 0;
    }
    .header.admision.nue-col span {
        font-size: 14px;
        text-align: center;
        padding: 0 2rem;
        line-height: 20px;
    }
    .fila_uno{
        margin-top: 2.2rem;
    }
    .container_anios > .eclipse {
        left: 8.7%;
    }
    .container_anios .container_anios--text span {
        font-size: 35px;
    }
    .container_anios .container_anios--text p {
        font-size: 15px;
    }
    .container_anios .container_anios--text {
        width: 90%;
        padding: 0 0 0 5px;
    }
    .container_anios .container_anios--img {
        width: 100%;
    }
    .container_anios {
        padding: 0 0rem 0 3rem;
    }
    .header.nue-col {
        height: 20rem;
        background: url(../img/asociacion/bg_header.jpg) no-repeat left/cover;
    }
    .header.equipo {
        background: url(../img/autoridades/bg_header.jpg) no-repeat center center/cover;
    }
    .list {
        padding: 0 1rem;
    }
    .list li p {
        font-size: 16px;
    }
    .valores.prefil.autor p {
        max-width: none;
        width: 100%;
    }
    .header-admin--container h2{
        font-size: 50px;
    }
    .header-admin--container span {
        font-size: 20px;
        display: block;
        width: 19rem;
    }
    .header-admin--container {
        flex-direction: column;
    }
    .header-admin {
        height: 27rem;
        padding: 6.5rem 0 3rem 0;
    }
    .info .info-text {
        padding: 0 1.5rem;
    }
    .info .info-img {
        padding: 0 1.5rem;
    }
    .info .info-text p {
        font-size: 16px;
    }
    .info .info-row {
        margin: 0 0 3rem 0;
    }
    .header.nue-col.acomp span {
        font-size: 15px;
        margin: 3px 0 73px 0;
    } 
    .nivel-title h3 {
        font-size: 32px;
        margin: 0 0 2rem 0;
    }
    .nivel-article span, .nivel-article p {
        font-size: 18px;
    }
    .nivel-article p {
        width: 95%;
    }
    .header.nue-col.acomp.ingles h2 {
        margin: 71px 0px 0px 0px;
        font-size: 30px;
    }
    .list.ingles {
        padding: 0 0rem;
        margin-bottom: 0;
    }
    .list.ingles li p {
        font-size: 18px;
    }
    .header.nue-col.acomp.ed-fisica h2 {
        margin: 70px 0px 0px 0px;
    }
    .header.nue-col.acomp.tic h2 {
        margin: 90px 0px 0px 0px;
    }
    .valores_container--title.niv-med h4{
        font-size: 30px;
        text-align: start;
    }
    .nivel-title.niv-mid figure img {
        object-fit: cover;
        width: 95%;
    }
    .caracter-medio--item div img {
        margin: 0 0 0 0rem;
    }
    .caracter-medio--item div img {
        margin: 0 0 0 0rem;
        object-fit: contain;
        width: 100%;
    }
    .caracter-medio--item div p {
        font-size: 17px;
        left: 2.5rem;
    }
    .caracter-medio--title h3 {
        font-size: 30px;
    }
    .header.nue-col.acomp.med h2 {
        margin: 80px 0px 0px 0px;
    }
    .nivel-title.plan h3 {
        font-size: 30px;
    }
    .nivel-article.plan p {
        font-size: 17px;
    }
    .nivel-article.plan .item div a {
        font-size: 14px;
    }
    .nivel-title.pri h3 {
        font-size: 30px;
        margin: 0 0 2rem .8rem;
    }
    .nivel-title.niv-mid.calendario div {
        margin: 0 0 0 2rem;
    }
}

@media (min-width: 990px){
    
    .nav-item.item-cole:hover .drop{
        display: block;
    }
}