@media only screen and (max-width: 1400px) {
    div.slider .slider-container-img {
        width: 465px;
    }
}

@media only screen and (max-width: 1200px) {

    div.slider .row,
    div.slider .swiper-wrapper {
        height: 460px;
    }

    div.slider .slider-container-img {
        width: 330px;
    }
}

@media only screen and (max-width: 1078px) {
    .container--portada .col-sm:nth-child(1)>img {
        display: none;
    }

    .container--portada .col-sm:nth-child(2) img {
        width: 50%;
        margin: 20px auto 0 auto;
        top: -10px;
    }

    div.container--portada:before {
        display: none;
    }

    div.container--portada .col-sm:nth-child(1) {
        display: none !important;
    }

    div.container--portada h3 {
        color: #2a649d;
        margin: 0px;
        font-size: 32px;
        text-align: center;
        top: 0px;
    }

    div.container--portada h3 br,
    div.container--portada h4 br {
        display: none;
    }

    div.container--portada h3 span {
        font-size: inherit;
        display: inline-block;
    }

    div.container--portada h4,
    div.container--portada h4 span {
        font-size: 32px;
        margin: 0px;
        display: inline-block;
        text-align: center;
        top: 0;
    }

    div.container--portada {
        padding-top: 30px;
        padding-bottom: 25px;
    }

    div.container--portada strong {
        font-size: 32px !important;
    }

}

@media only screen and (max-width: 1496px) {

    header ul li {
        font-size: 13px;
        margin-right: 13px;
    }

    header{
        padding: 15px 40px 15px 40px;
    }

    header a.iniciar-sesion {
        padding: 9px 7px;
        font-size: 13px;
    }

    header img.logo{
        height: 31.99px;
    }

}

@media only screen and (max-width: 1000px) {

    h4 {
        font-size: 28px;
    }

    div.container--eres-una-empresa {
        text-align: center;
    }

    div.container--ampidea img {
        width: 300px;
        align-self: center;
        margin-bottom: 40px;
    }

    div.container--ampidea h4,
    div.container--ampidea p {
        text-align: center;
    }

    div.container--cursos-destacados .col-sm {
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 50px;
    }

    div.container--nuestro-impacto .col-sm {
        flex: 0 0 50%;
        margin-bottom: 40px;
    }

    div.container--nuestro-impacto strong {
        font-size: 40px;
    }

    div.container--testimonios .testimonio p {
        font-size: 22px;
        line-height: 31px;
    }

    div.container--ampidea .col-sm {
        flex: 0 0 100%
    }

    div.container--confiaron-en-nosotras .swiper-button-next {
        right: -20px;
    }

    div.container--confiaron-en-nosotras .swiper-button-prev {
        left: -20px;
    }

    footer .col-sm {
        flex: 0 0 100%;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 970px) {

    header{
        display: block;
    }

    header a.iniciar-sesion {
        padding: 9px 7px;
        font-size: 13px;
        width: 125px;
        top: 60px;
        right: 4px;
        position: absolute;
        text-align: center;
    }

    header img.logo {
        height: 41.99px;
        margin-top: 20px;
        position: absolute;
        z-index: 10000;
    }

    header ul li {
        font-size: 13px;
        margin-right: 19px;
    }

    header .logo-cont{
        z-index: 101;
        width: 100%;
        text-align: left;
        left: 0px;
        padding-left: 24px;
    }

    header .responsive__menu{
        position: fixed;
        background: #ffffff;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        display: none;
        text-align: left;
        padding-top: 80px;
        overflow: scroll;
        padding-bottom: 50px;
        padding-left: 26px;
    }

    header{
        padding: 15px 0px 15px 0px;
        height: 95px;
    }
    
    header .sub-menu{
        display: block !important;
        position: relative;
        width: 90%;
        padding: 2px;
        background: #FFFFFF;
        margin-top: 13px;
        box-shadow: inset 0px 0px 13px 2px #dedede;
        padding: 15px;
    }

    header .sub-menu li{
        text-align: left;
    }

    header .sub-menu li a{
        color: #a1a1a1;
    }

    header .sub-menu li.current_page_item a{
        color: #2a649d !important;
        text-decoration: underline;
    }

    header .hamburger-menu{
        display: block;
        position: absolute;
        right: 15px;
        width: 40px;
        left: auto;
        top: 21px;
        z-index: 200;
        cursor: pointer;
    }

    header ul{
        display: block;
    }

    header ul li {
        margin-right: 0px;
        padding-bottom: 0px;
    }

    #miPerfilForm .row{
        display: block;
    }

    .mi-perfil{
        padding: 0px !important;
        box-shadow: none !important;
    }

}

@media only screen and (max-width: 900px) {

    .img.ninos_siepp{
        height: auto;
    }
    
    .swiper-slide {
        text-align: center;
    }

    .container--equipo-docente .row{
        display: block;
    }

    div.slider .row,
    div.slider .swiper-wrapper {
        height: 380px;
    }

    div.slider .row {
        background: none !important;
    }

    div.slider .col-sm-4 {
        flex: 0 0 0%;
        display: none;
    }

    div.slider .col-sm-8 {
        flex: 0 0 100%;
    }

    div.slider a.button {
        margin: 40px auto 0 auto;
    }

    .container--en-solo-tres-pasos-siepp .col-sm,
    .container--impacto-de-tu-medida .col-sm,
    .container--siepp-en-pocas-palabras .col-sm,
    .container--siepp-en-cifras .col-sm,
    .container--que-es-el-sistema-siepp .col-sm,
    .container--como-se-haria-siepp .col-sm,
    .container--como-se-haria-siepp .col-sm-4,
    .container--porque-siepp .col-sm,
    .container--equipo-siepp .col-sm,
    .container--servicios-siepp .col-sm,
    .container--que-es-el-sistema-abc .col-sm,
    .container--objetivo-abc .col-sm,
    .container--estructura-abc .col-sm,
    .container--forma-abc .col-sm,
    .container--que-es-apana .col-sm,
    .container--propo-apana .col-sm,
    .container--impacto-apana .col-sm {
        flex: 0 0 100%;
        margin-bottom: 24px;
    }
    .container--nuestro-impacto .col-sm{
        flex: 0 0 100% !important;
    }

    .container--equipo-docente .col-sm{
        flex: 0 0 50%;
        margin-bottom: 24px;
    }
 
    .container--objetivo-abc *,
    .container--que-es-el-sistema-abc *, .container--propo-apana *, .container--que-es-apana * {
        text-align: center !important;
    }

    .container--que-son-programas-formacion * {
        text-align: center;
    }

    .container--que-son-programas-formacion h4 {
        margin-bottom: 20px;
    }

    .card-info--img-flotante {
        margin: 0 auto 76px auto;
    }

    .ninos_siepp {
        height: auto !important;
        width: 100%;
    }

    div.container--ejes-abc img {
        max-width: 90%;
    }

    .contenedor-cursos .contenedor{
        max-width: 100%;
        min-width: 100%
    }

    .contenedor-cursos .contenedor .item{
        max-width: 100%;
        width: 100%;
    }

    .card-course {
        max-width: 100% !important;
        min-height: auto;
    }


    .login-current {
        position: relative;
        height: 70px;
    }

    .login-current p{
        position: absolute;
        top: 2px;
        display: none;
    }

    /* .login-current nav {
        margin-top: 17px;
    } */

    .contenedor-cursos{
        display: block;
    }

    .contenedor-cursos .sidebar{
        min-width: 100%;
    }

}