/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    .caja-banner h3{
        color: white;
        font-size: 42px;
        margin-bottom: 30px;
    }

    .caja-nosotros h2{
        font-weight: 300;
        text-transform: uppercase;
        color: #F05723;
        font-size: 26px;
        margin-bottom: 30px;
    }
    
    .caja-nosotros h3{
        font-size: 21px;

    }
    
    .caja-nosotros p{
        font-size: 14px;
    }

    .caja-cita h5{
        font-size: 24px;
    }
    
    .caja-cita .telefono{
        color: white;
        font-size: 42px;
        font-weight: 500;
    }
    
    .caja-cita h2{
        font-size: 24px;
        color: rgba(255, 255, 255, 0.938);
    }

    .caja-rivera p{
        font-size: 14px;
    }

    .text-seguros{
        color: #F05723;
        font-size: 36px;
        text-align: center;
        font-weight: 300;
        line-height: 1.2em;
        margin: 20px 20%;
    }

    .caja-planes h4{
        font-weight: 400;
        font-size: 26px;
        line-height: 1em;
        margin: 25px 0;
        text-transform: uppercase;
        color: #212E61;
    }

    .caja-planes ul li{
        font-size: 14px;
    }

    .caja-aseguradora{
        margin: 0 15%;
        margin-top: 50px;
        text-align: center;
        
    }

    .caja-aseguradora p{
        color: rgba(255, 255, 255, 0.808);
        font-size: 21px;
    }
    
    .imagen-divisor{
        height: 250px;
        background-size: cover;
        background-position: center;
        background-image: url(../img/divisor.jpg);
    }

    .contacto-footer, .contacto-footer a{
        color: #212E61;
        font-size: 12px;
        font-weight: 500;
    }

    .borde-derecho{
        border-right: none;
    }

    .caja-contactanos{
        display: flex;
        margin: 30px 0;
        align-items: center;
        justify-content: start;
    }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    

    .caja-banner{
        text-align: center;
    }

    .caja-header{
        padding: 20px 0;
    }

    .contacto-header.menu ul li, .contacto-header.menu ul li a{
        color: rgba(255, 255, 255, 0.815);
        font-size: 10px;
    }

    .caja-nosotros{
        text-align: center;
        margin: 0px 0%;
    }

    .caja-cita h5{
        font-size: 21px;
    }
    
    .caja-cita .telefono{
        color: white;
        font-size: 36px;
        font-weight: 500;
    }
    
    .caja-cita h2{
        font-size: 21px;
        color: rgba(255, 255, 255, 0.938);
    }

    .bg-ejercicio{
        position: relative;
        height: 600px;
        background-size: cover;
        background-position: center;
        background-image: url(../img/ejercicios.jpg);
    }

    .text-seguros{
        color: #F05723;
        font-size: 26px;
        text-align: center;
        font-weight: 300;
        line-height: 1.2em;
        margin: 20px 0%;
    }

    .caja-aseguradora{
        margin: 0 0%;
        margin-top: 50px;
        text-align: center;
    }

    .seccion-aseguradoras{
        position: relative;
        padding: 100px ;
        background-color: #F05723;
    }

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    .contacto-header.menu ul {
        flex-direction: column;
    }

    .seccion-banner{
        position: relative;
        height: 400px;
        display: flex;
        align-items: center;
        background-size: cover;
        background-position: right;
    }

    .caja-banner h3{
        color: white;
        font-size: 26px;
        margin-bottom: 30px;
    }

    .caja-rivera{
        text-align: left;
        margin: 60px 0%;
    }

    .bg-ejercicio{
        position: relative;
        height: 400px;
        background-size: cover;
        background-position: center;
        background-image: url(../img/ejercicios.jpg);
    }

    .caja-planes{
        text-align: center;
    }

    .caja-planes ul{
        width: fit-content;
        margin: 10px auto;
        text-align: left;
    }
    
    .caja-planes ul li{
        font-size: 18px;
    }

    .seccion-aseguradoras{
        position: relative;
        padding: 100px 0;
        background-color: #F05723;
    }

    .caja-aseguradora{
        margin: 0 0px;
        margin-top: 50px;
        text-align: center;
    }
    
    .caja-aseguradora p{
        color: rgba(255, 255, 255, 0.808);
        font-size: 16px;
    }

    .imagen-divisor{
        height: 200px;
        background-size: cover;
        background-position: center;
        background-image: url(../img/divisor.jpg);
    }

}