@media(max-width:865px) {
    header .header-up {
       display: none;
    }

    header .header{
    background-color: #ffffff;
    }

    header .header .header-logo a{
    color: #fcb900;
    }
    
    .header-logo{
        display:none;
    }
    .header-logo-fixed{
        display:block;
    }

    header .header .header-menu{
    display: none;
    }


    header .header .header-hamburger-menu{
    display: block;
    }
 }

 @media(max-width:390px) {
    header .hamburger-menu .hamburger-menu-inner .contact-ferrovial{
    font-size: 0.625rem;
    }
 }



 /* =====SLIDER==== */

 /* @media(max-width:1139px){
  header .splide .s-title h2{
   font-size: 60px;
 }
 }

 @media(max-width:1010px){
    header .splide .s-title h2{
       font-size: 50px;
     }
 }

 @media(max-width:845px){
    header .splide .s-title h2{
       font-size: 40px;
     }
 } */

 @media(max-width:680px){
    header .splide .s-title h2{
       font-size: 50px;
     }

     header .splide .s-title p{
       font-size: 1.2rem;
     }
 }

 @media(max-width:470px){
    header .splide .s-title h2{
       font-size: 40px;
     }

     header .splide .s-title p{
       font-size: 1.1rem;
     }
 }

 @media(max-width:385px){
    header .splide .s-title h2{
       font-size: 28px;
     }

     header .splide .s-title p{
       font-size: 1rem;
     }

     header .splide .s-title a{
       font-size: 1rem;
     }

     header .splide__list{
       height: 500px !important;
       }
 }

 @media(max-width:348px){
  .hamburger-menu .contact-ferrovial p {
 font-size: 8px !important;
 }

 .hamburger-menu .contact-ferrovial i {
    font-size: 14px !important;
    }
 }


 /* =======FOOTER==== */

 @media (max-width:1246px) {
    .footer-menu{
        padding-left: 30px;
        padding-right: 30px;
    }
    .mobile-app{
        padding-left: 40px;
        padding-right: 40px;
    }
    .social{
        padding-left: 40px;
        padding-right: 40px;
    }

    .copy{
        padding-left: 40px;
        padding-right: 40px;
    }
    .social-copy .copy ul li{
        margin-left: 1.1rem;
    }


 }

 @media (max-width:1179px){
    .social-copy .copy ul li{
        margin-left: 0.8rem;
    }
 }

 @media (max-width:1077px) {
    .social-copy .copy ul li{
        margin-left: 0.3rem;
    }
    .social-copy .social .social-icon{
        margin-left: 0.3rem;
    }
    .menu-app .footer-menu ul li{
        margin-left: 0.7rem;
    }
 }


 @media (max-width:1124px) {
    .social-copy .copy ul li a{
        font-size: 13px;
    }
    .social-copy .copy ul li{
        margin-left: 0.5rem;
    }
    .social-copy .copy ul li {
        margin-left: 0.5rem;
    }
    .social-copy .social .social-icon a{
        font-size: 18px;
    }
 }


 @media (max-width:1019px){
    .menu-app .footer-menu ul li{
        margin-left: 0.5rem;
    }
    .social-copy .copy ul li{
        margin-left: 4px;
    }
    .social-copy .social .social-icon a{
        font-size: 16px;
    }
    .social-copy .social .social-icon{
        margin-left: 0.3rem;
    }

 }

 @media (max-width:996px){
    .menu-app .footer-menu ul li a{
        font-size: 0.8rem;
    }
    .menu-app .footer-menu ul li{
        margin-left: 0.3rem;
    }
    .social-copy .copy ul li{
        font-size: 13px;
    }
    .social-copy .copy ul li a i{
        display: none;
    }
    .social-copy .copy ul li a{
        font-size: 11px;
    }
 }

 @media (max-width:935px){
    .menu-app{
        flex-direction: column-reverse;
        align-items: normal;
    }
    .menu-app .mobile-app i{
        margin-left: 8px;
    }

    .social-copy{
        display: block;
    }
    .menu-app .footer-menu ul li a{
        font-size: 1rem;
    }
    .social-copy .social .social-icon a{
        font-size: 20px;
    }
    .social-copy .copy ul li a{
        font-size: 16px;
    }
    .social-copy .copy ul{
        flex-wrap: wrap;
    }
    .menu-app .footer-menu ul{
        flex-wrap: wrap;
    }
    .social-copy .copy ul li span{
        font-size: 17px;
    }

 }

 @media (max-width:495px) {
    .menu-app .mobile-app{
        flex-wrap: wrap;
    }
    .menu-app .mobile-app .googleplay{
        margin-left: 29px;
    }
 }
 @media (max-width:436px){
    .menu-app .footer-menu ul{
        position: relative;
    }
    .menu-app .footer-menu ul{
        display: block;
    }
    .menu-app .footer-menu ul li:nth-child(2){
        position: absolute;
        left: 153px;
        width: 110px;
        top: 0;
    }
    .menu-app .footer-menu ul li:nth-child(4){
        position: absolute;
        left: 153px;
        width: 110px;
        top: 24px;
    }
    .social-copy .copy ul{
        display: block;
        position: relative;
    }
    .social-copy .copy ul li a{
        font-size: 12px;
    }
    .social-copy .copy ul li span{
        font-size: 12px;
    }
    .social-copy .copy ul li:nth-child(6){
            position: absolute;
            left: 175px;
            width: 100px;
            top: 80px;
    }
 }
 @media (max-width:395px){
    .social-copy .copy ul li:nth-child(4){
        margin-bottom: 15px;
    }
    .social-copy .copy ul li:nth-child(3){
        margin-bottom: 15px;
    }
    .social-copy .copy ul li:nth-child(2){
        margin-bottom: 15px;
    }
    .social-copy .copy ul li:nth-child(1){
        margin-bottom: 15px;
    }
    .social-copy .copy ul li:nth-child(6){
        width: 75px;
        left: 150px;
        top: 140px;
    }
    .menu-app .footer-menu ul li:nth-child(1){
        margin-bottom: 15px;
    }
    .menu-app .footer-menu ul li:nth-child(4){
        top: 40px;
    }
    .menu-app .footer-menu ul li:nth-child(3){
        margin-bottom: 15px;
    }
    .menu-app .footer-menu ul li:nth-child(4){
        margin-bottom: 15px;
    }

 }

 @media (max-width:369px){
    .menu-app .mobile-app .googleplay{
        margin-left: 10px;
    }
 }

 @media (max-width:316px) {
    .menu-app .mobile-app p, a, span{
        font-size: 15px;
    }
    .social-copy .copy ul li:nth-child(6){
        width: 75px;
        left: 150px;
        top: 140px;
    }

    .menu-app .footer-menu ul li a{
        font-size: 13px;
    }
    .social-copy .copy ul li:nth-child(4){
        margin-bottom: 15px;
    }
    .social-copy .copy ul li:nth-child(3){
        margin-bottom: 15px;
    }
    .social-copy .copy ul li:nth-child(2){
        margin-bottom: 15px;
    }
    .social-copy .copy ul li:nth-child(1){
        margin-bottom: 15px;
    }
    .menu-app .footer-menu ul li:nth-child(4){
        left: 120px;
    }
    .menu-app .footer-menu ul li:nth-child(2){
        left: 120px;
    }
    .footer-menu{
        padding-left: 15px;
        padding-right: 15px;
    }
    .mobile-app{
        padding-left: 20px;
        padding-right: 20px;
    }
    .social{
        padding-right: 20px;
        padding-left: 20px;
    }
    .copy{
        padding-right: 20px;
        padding-left: 20px;
    }
 }


 /* historyheadimg */
 @media (max-width : 855px) {
    #animation-demo{
        font-size: 40px;
    }
    .animation-text svg{
        width: 25px;
    }
 }

 @media (max-width: 683px) {
    .animation-text svg{
        width: 20px;
        margin-top: -35px;
    }
 }

 @media (max-width : 855px) {
    #animation-demo{
        font-size: 20px;
    }
    .animation-text svg{
        width: 18px;
        margin-top: -45px;
    }
 }

 @media (max-width : 441px) {
    #animation-demo{
        font-size: 17px;
        margin-top: -25px;
    }
    .animation-text svg{
        width: 15px;
        margin-top: -55px;
    }
 }

 @media (max-width : 441px) {
    #animation-demo{
        font-size: 14px;
        margin-top: -30px;
    }
    .animation-text svg{
        width: 12px;
        margin-top: -65px;
    }
 }

 @media (max-width:1030px) {
    .navbar-history{
        display: none;
    }
    .h1950-cont{
        padding-left: 0;
    }
    .h1950-inner .h1950-header .h1950-head-inner .h1950-title h3{
        font-size: 6rem;
    }
    .h1950-inner .h1950-header .h1950-head-inner .h1950-subtitle{
        margin-top: 0;
    }
    .h1950-inner .h1950-content{
        padding: 0 90px;
    }
    .h1950-inner .h1950-header{
        padding: 0 3.25rem;
    }
    @keyframes animatePath {
        0%, 100% {
            width: 300px;
            height: 200px;
        }
        50% {
            width: 350px; /* You can change the desired width value */
            height: 210px; /* You can change the desired height value */
        }
    }

    .h1990-fold{
        padding-left: 0;
        letter-spacing: .1875rem;
    }
    .h1990-fold-in{
        padding:0;
        padding-top: 1.25rem;
        padding-right: 6.25rem;
        padding-left: 2rem;
    }
    .h1990-title h3{
        font-size: 5rem;
    }
 }

 @media (max-width:798px) {
    @keyframes animatePath {
        0%, 100% {
            width: 160px;
            height: 140px;
        }
        50% {
            width: 170px; /* You can change the desired width value */
            height: 160px; /* You can change the desired height value */
        }
    }
 }

 @media (max-width:586px) {
    .white-animat{
        display: none;
    }
 }

 @media (max-width:450px) {
    .h1950-inner .h1950-header .h1950-head-inner .h1950-subtitle h4{
        font-size: 1.5rem;
    }
    .h1950-inner .h1950-header .h1950-head-inner .h1950-subtitle{
        width: 16rem;
    }
 }

 @media (max-width:398px) {
    .h1950-inner .h1950-header .h1950-head-inner .h1950-subtitle h4{
        font-size: 1.2rem;
    }
    .h1950-inner .h1950-header .h1950-head-inner .h1950-subtitle{
        width: 13rem;
    }
    .h1950-inner .h1950-header .h1950-head-inner .h1950-title h3{
        font-size: 4rem;
    }
    .h1950-inner .h1950-content .content-1950-inner .cont-1950-txt p{
        font-size: 0.8rem;
    }
    .h1950-inner .h1950-header .h1950-head-inner .h1950-title{
        margin: 0;
        height: 7.25rem;
    }
    .h1950-inner .h1950-footer{
        padding: 0;
        padding-left: 144px;
    }
    .h1950-inner .h1950-footer .h1950-fot-inner{
        max-width: 12.25rem;
    }
 }

 @media (max-width:340px) {
    .h1950-inner .h1950-header .h1950-head-inner .h1950-subtitle{
        margin-left: 8px;
    }
    .h1950-inner .h1950-header .h1950-head-inner .h1950-subtitle h4{
        font-size: 1rem;
    }
    .h1950-inner .h1950-content{
        padding: 0px 35px 1px 82px;
    }
 }
 @media (max-width:292px) {

    .h1950-inner .h1950-content{
        padding: 0px 14px 1px 82px;;
    }
    .h1950-inner .h1950-header .h1950-head-inner .h1950-subtitle{
        margin-left: 4px;
        width: 11rem;
    }
    .h1950-button{
        padding-right: 22px;
    }
 }

 @media (max-width:649px) {
    .cont-di{
        padding-right: 0rem;
    }
    .h1960 .h1960-fold .h1960-inner .h1960-in-head .h1960-head-in .h1960-title .h1960-h{
        font-size: 6rem;
    }
    .h1960 .h1960-fold .h1960-inner .h1960-in-head{
        padding: 0 0.25rem;
    }
    .h1960-subtitle{
        padding-right: 5px;
    }
    .h1960-subtitle h4{
        font-size: 1.4rem;
    }
    .h1960-cont-in .cont-di p{
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.5em;
    }
    .h1960-fot{
        padding: 0 0rem;
    }
    .h1960 .h1960-fold{
        padding: 3.5rem;
    }
 }
 @media (max-width:363px) {
    .h1960 .h1960-fold{
        padding: 0.5rem;
    }

 }
 @media (max-width:1030px){
    .h1970-fold{
        padding: 0.5rem;
    }
 }

 @media (max-width:970px) {
    .h1970-cont-in{
        max-width: 26.875rem;
    }
    .h1970-subtitle h4{
        font-size: 1.7rem;
    }
    .h1970-title h3{
        font-size: 5rem;
    }
    .h1970-cont-di p{
        font-weight: 300;
    }
    .h1970-fold{
        padding: 0rem;
    }
    .h1970-head{
        padding: 0 3.25rem;
    }
    .h1970-content{
        padding: 0 3.25rem;
    }
 }
 @media (max-width:500px) {
    .h1970-cont-di p{
        text-align: start;

    }
 }
 @media (max-width:432px) {
    .h1970-subtitle h4{
        font-size: 1.4rem;
    }
 }

 @media (max-width:350px) {
    .h1970-cont-di p{
        font-size: 1rem;
    }
    .h1970-subtitle h4{
        font-size: 1rem;
        font-weight: bold;
    }
 }

 @media (max-width:1372px) {
    .h1970-background-map svg{
        transform-origin: right;
        top: -7.5rem;
        right: 0;
        transform: scale(.5);
    }
    .h1970-content{
        padding: 0 80px;
    }
    .h1970-head{
        padding: 0 5rem;
    }
 }

 @media (max-width:972px){
    .h1970-background-map svg{
        transform: none;
        top: 4.75rem;
        right: 0;
    }
    .h1970-title h3{
        font-size: 5rem;
        letter-spacing: .1875rem;
    }
    .h1970-fold{
        padding-bottom: 19rem;
    }
 }

 @media (max-width:720px) {
    .h1970-background-map svg{
        transform: scale(.5);
        top: -3.75rem;
    }
    .h1970-fold{
        padding-bottom: 7rem;
    }

    .h1970-subtitle h4{
        font-size: 1.3125rem;
        line-height: 1.2857em;
    }
    .h1970-content{
        padding: 0 35px;
    }
    .h1970-head{
        padding: 0 2rem ;
    }
 }
 @media (max-width:362px) {
    .h1970-background-map svg{
        top: 1.25rem;
    }
 }

 @media (max-width:1106px) {
    .h1980-title h3{
        font-size: 5rem;
    }
    .h1980-head{
        padding: 0 1.5rem;
    }
    .h1980-cont{
        padding: 0 1.5rem;
    }
    .h1980-background::before{
        width: 59%;
    }
 }

 @media (max-width:1030px) {
    .h1980-fold{
        padding-left: 0.5rem;
    }
 }

 @media (max-width:850px) {
     .h1980-background .h1980-background-in{
         left:0;
     }
    .h1980-background .h1980-background-in .h1980-background-img-shape{
        display: none;
    }
    .h1980-fold-in{
        padding-bottom: 1.25rem;
        background: #ffc700;
    }
    .h1980-fold-shape{
        display: block;
        position: absolute;
        bottom: auto;
        left: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .h1980-fold-shape svg:nth-child(1){
        display: none;
    }
    .h1980-fold-shape svg:nth-child(2){
        display: block;
        width: 101%;
        height: 100%;
    }
    .h1980-moving-shape{
        top: auto;
        bottom: -100%;
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        z-index: -1;
        overflow: hidden;
    }
    .h1980-moving-shape svg:nth-child(1){
        top: 3.75rem;
        right: 10vw;
        transform: scale(1) rotate(20deg);
    }
    .h1980-moving-shape svg:nth-child(2){
        top: 7.5rem;
        right: 15vw;
        transform: scale(.75) rotate(45deg);
    }
    .h1980-background::before{
        display: none;
    }
    .h1980{
        padding-bottom: 26rem;
    }
    .h1980-fold-shape{
        left: -8px;
        width: 120%;
    }
    .h1980-fold-in{
        width: 120%;
        left: -8px;
        padding-top: 2rem;
    }
}

    @media (max-width:394px){
        .h1980-cont-in .h1980-con-di p{
            font-size: 16px;
        }
        .h1980-fold-in{
            width: 102%;
            left: -8px;
            padding-top: 2rem;
        }

    }
    @media (max-width:394px){
        .h1980-cont-in .h1980-con-di p{
            font-size: 16px;
        }
        .h1980-fold-in{
            width: 104%;
            left: -8px;
            padding-top: 2rem;
        }

    }

    @media (min-width:2000px) {
        .header{
            max-width: 2010px!important;
        }
    }

    @media (max-width:770px) {
        .h1990-cont-in{
            max-width: 21.25rem;
        }
        .h1990-cont-di p{
            font-size: 1rem;
        }
        .h1990-subtitle h4{
            font-size: 1.4rem;
        }
    }
    @media (max-width:456px) {
        .h1990-subtitle h4{
            font-size: 16px;
        }
        .h1990-cont-di p{
            font-size: 14px;
        }
        .h1990-fot-di a{
            font-size: 14px;
        }
    }

    @media (max-width:300px) {
        .h1990-cont-di p{
            font-size: 11px;
        }
        .h1990-fot-di a{
            font-size: 11px;
        }
        .h1990-fot-di a span{
            font-size: 11px;
        }
        .h1990-subtitle h4{
            font-size: 14px;
        }
        .h1990-title h3{
            font-size: 4rem;
        }
    }

    @media (max-width:1017px) {
        .h2000-title h3{
            font-size: 5rem;
            letter-spacing: .1875rem;
        }
    }
    @media (max-width:801px) {
        .h2000-title h3{
            font-size: 4rem;
            letter-spacing: .1875rem;
        }
        .h2000-subtitle h4{
            font-size: 1.5rem;
        }
        .h2000-head{
            padding: 0 2rem;
            padding-top: 2.5rem!important;
        }
        .h2000-content{
            padding: 0 2rem;
        }
        .h2000-fold-in{
            padding-bottom: 2.5rem;
        }
    }
    @media (max-width:639px) {
        .h2000-fold{
            padding-left: 2.5rem;
        }
    }
    @media (max-width:1215px) {
        .h2010-fold{
            padding-left: 9.5rem;
        }
    }
    @media (max-width:990px) {
        .h2010-fold{
            padding-left: 0;
        }
        .h2010-parallax{
            padding: 0 2.25rem;
        }
        .h2010-fold-in{
            width: calc(100%);
        }
    }
    @media (max-width:785px) {
        .h2010-title h3{
            font-size: 4rem;
        }
    }
    @media (max-width:637px) {
        .h2010-parallax-masonry{
            flex-direction: column;
        }
        .h2010-p-d .par-one .par-one-img .par-one-image{
            padding-bottom: 177.77%;
        }
        .h2010-p-d .par-one{
            margin: 0px 0px 3.375rem;
        }
        .h2010-p-d:nth-child(2) .par-one{
            margin-top: 0;
        }
        .h2010-p-d{
            width: 64%;
        }
    }

    @media (min-width:900px) {
        .today-image{
            width:35rem;
            padding-left: 0;
            padding-right: 0;
        }
    }

    @media (max-width:1224px) {
        .today-content{
            padding-left: 3rem;
        }
        .today-header{
            padding-left: 3rem;
        }
    }

    @media (max-width:1030px) {
        .today-fold{
            padding-left: 1.5rem;
        }
        .today-content{
            padding-left: 1rem;
        }
        .today-header{
            padding-left: 1rem;
        }
        .tod-head-tit h3{
            font-size: 5rem;
        }

    }


    @media (max-width:904px) {
        .tod-cont-in{
            max-width: 24.25rem;
        }

        .today-image{
            position: relative;
            top: auto;
    right: auto;
    width: 100%;
    padding-top: 3.125rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: 100%;
        }
    }

    @media (max-width:793px){
        .h1950 .h1950-s svg:nth-child(1){
            display: none;
        }
        .h1950 .h1950-s svg:nth-child(2){
            display: none;
        }
        .h1950 .h1950-s svg:nth-child(3){
           display: none;
        }
        .h1950 .h1950-s svg:nth-child(4){
            display: none;
        }
    }
@media(max-width:811px){
    .h1960-subtitle{
        width:auto;
    }
    .today-fold{
        padding-right:3.5rem;
    }
    .today-image{
        padding: 2rem 0px 0px 0px;
    }
}