@media(max-width:1030px){
    .header-menu{
        width:75%;
    }
}


@media(max-width:865px) {
    #m-projects-distributor2{
        display:none;
    }
    header .header-up {
       display: none;
    }
   .video-title {
    position: absolute;
    top: 33%;
    left: 13%;
    width: 50%;
    height: 123px;
}
 
    header .header{
    background-color: #ffffff;
    }
 
    header .header .header-logo a{
    color: #fcb900;
    }
    
    .header-logo{
        display:none;
    }
    
    .hamburger-global p{
        color:#000;
    }
    
    .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:520px){
     .video-title {
    position: absolute;
    top: 33%;
    left: 13%;
    width: 30%;
    height: 123px;
}

.video-title h2 {
    font-size: 2.5rem;
  
}
 }
 
 @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;
    }
 }


 /* history */
 @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:1000px) {
        .grid-block{
            width: calc(52% - 1.875rem);
        }
    }

    
    @media (max-width:790px) {
        .grid-block{
            width: calc(100% - 0rem);
        }
    }




    /* =========Keys========= */

    @media (max-width:1333px) {
        .figures-revenues {
            flex: 0.7;
        }
    }
    
    
    @media (max-width:1190px) {
        .fig-value p span {
            font-size: 3rem;
        }
    
        .fig-value p {
            font-size: 3rem;
        }
    
        .figures-button a {
            width: 19.25rem;
            padding: 16px 30px;
        }
    }
    
    
    @media (max-width:1020px) {
        .fig-value p span {
            font-size: 2rem;
        }
    
        .fig-value p {
            font-size: 2rem;
        }
    
        .figures-text p {
            width: 17.25rem;
            font-size: 1.15rem;
        }
    
        .figures-button a {
            width: 16.25rem;
            padding: 10px 30px;
        }
    }
    
    @media (max-width:865px) {
        .key-info {
            flex-direction: column;
        }
    
        .figures-text {
            display: flex;
            justify-content: center;
            margin-bottom: 0;
        }
    
        .figures-button {
            display: flex;
        }
    
        .figures-button a {
            width: 100%;
            padding: 16px 30px;
        }
    
        .figures-text p {
            width: 100%;
            margin-bottom: 1.875rem;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 1em;
        }
    
        .figures-revenues {
            flex: 0.7;
            display: flex;
            flex-direction: column;
            margin-top: 40px;
        }
    
        .figures-button a span {
            margin: 0;
            font-size: 13px;
    
        }
    
        .fig-value span {
            margin: 0;
        }
    }
    
    @media (max-width:400px) {
        .figures-text p {
            font-size: 1rem;
        }
    
        .figures-button a {
            padding: 12px 30px;
        }
    
        .fig-value p {
            font-size: 1.5rem;
        }
    
        .fig-value p span {
            font-size: 1.5rem;
        }
    }
    
    @media (max-width:328px) {
        .figures-button a span {
            font-size: 10px;
        }
    }
    
    @media (max-width:288px) {
        .figures-button a span {
            font-size: 8px;
        }
    }

    @media (max-width:865px) {
        .key .svg-key{
            display: none;
        }
        .reven-capit svg{
            display: none;
        }
    }
    @media (max-width:1190px) {
        .key .svg-key{
            position: absolute;
        top: -40rem;
        transform: rotate(66deg);
        width: 117rem;
        left: -19rem;
        }
    }

   @media(min-width:2000px){
      .business{
          height:90rem;
      }
      .none-slider-dist{
           width: 87.4rem;
       }
  }