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

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

    .header-logo{
    display: none;
    }

    .header-logo-fixed{
    display: block;
    }
    
    .hamburger-global p{
        color:#000;
    }

    header .header .header-logo a {
        color: #fcb900;
    }

    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;
    }
}





@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;
    }
}




@media(max-width:835px) {
    .about-us .about-us-bg-video .about-us-video .video-title {
        width: 55%;
    }

    .video-title h2 {
        font-size: 3rem;
    }
}


@media(max-width:640px) {
    .about-us .about-us-bg-video .about-us-video .video-title {
        width: 50%;
    }

    .video-title h2 {
        width: 100%;
        font-size: 2rem;
    }
}



@media(max-width:900px) {
    .about-us-texts h2 {
        font-size: 1.6rem;
    }
}

@media(max-width:625px) {
    .about-us-texts {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media(max-width:335px) {
    .about-us-texts h2 {
        font-size: 1.2rem;
    }
}


/* ====JOURNEY TEXTSS==== */

@media(max-width:945px) {
    .journey .journey-texts h2 {
        font-size: 1.5rem;
    }

    .journey .journey-texts p {
        font-size: 1rem;
    }

    .journey-inner {
        background-size: 40%;
    }

    .journey-texts {
        width: 100%;
    }

}

@media(max-width:380px) {
    .journey-inner {
        background-image: none;
    }

    .journey .journey-texts h2 {
        font-size: 1.1rem;
    }

    .journey .journey-texts p {
        font-size: 0.8rem;
    }
}



  /* =====CAREERS==== */

  @media(max-width:1225px) {
    .careers .join-us .h2-title h2 {
        font-size: 1.8rem;
    }
}

@media(max-width:1110px) {
    .careers .join-us .h2-title h2 {
        font-size: 1.4rem;
    }
}

@media(max-width:975px) {
    .careers .join-us .join-us-buttons .button-b {
        width: 250px;
    }
}


@media(max-width:860px) {

    .careers {
        margin-bottom: 200px;
    }

    .careers .join-us-buttons {
        margin-top: 200px;
    }

    .key {
        margin-top: 30%;
    }

    .careers .join-us-inner {
        display: flex;
        flex-direction: column;
    }
}

@media(max-width:760px) {
    .key {
        margin-top: 50%;
    }

  

    .careers .join-us-buttons {
        display: flex;
        flex-direction: column;
        margin-top: 220px;
        width: 100%;
        
    }

    .careers .join-us-buttons .div {
        width: 100%;
        border-top: 1px solid #666;
    }

    .careers .join-us-buttons .div:nth-child(3){
    border-bottom: 1px solid #666;
    }
    .careers .join-us-buttons .div .button-b {
        width: 100%;
        padding: 0;
        box-shadow: none;
    }

    .careers .join-us-buttons .div .button-b a {
        border:none;
      
    }


}


@media(max-width:567px){
.careers .join-us-buttons{
margin-top: 100px;
}
}

@media(max-width:460px){
    .careers .join-us .h2-title h2 {
        font-size: 1rem;
    }

    .careers .join-us-title h2{
    font-size: 1.7rem;
    }

    .careers .join-us-buttons{
        margin-top: 10px;
        }
        .key {
            margin-top: 50px;
        }
}


@media(max-width:345px){
    .careers .join-us .h2-title h2 {
        font-size: 12px;
    }

    .careers .join-us .office-p {
        font-size: 12px;
    }

    .careers .join-us .tomas-p {
        font-size: 12px;
    }

    .careers .join-us-buttons .div .button-b a{
    font-size: 12px;
    }

    .careers .join-us-buttons .button-b{
    height: 30px;
    }

    .careers .join-us-inner{
        margin-bottom: -120px;
        }

        .key {
            margin-top: -250px;
        }

   
}

@media(max-width:290px){
    .careers .join-us-inner{
        margin-bottom: -80px;
        }
        .join-us .join-us-title h2{
        font-size: 1.1rem;
        }

        .key {
            margin-top: -200px;
        }
}



/* =======BUSINESSS MODELL==== */


@media(max-width:765px){
.careers{
margin-bottom: 290px;
}
}


@media(max-width:460px){
    .business-model-image-two{
        margin-top: -180px;
        }
}


@media(max-width:400px){

.business-model-up p{
font-size: 1rem;
}
.business-model-image-two{
margin-top: -180px;
}
}

@media(max-width:365px){
.business-model-up h2{
font-size: 1.7rem;
}
}

@media(max-width:300px){
  .business-model{
margin-top: -270px;
}

.business-model-image-two{
    margin-top: -280px;
    }
}




/* =====OUR BUSINESS LINESSS==== */

@media(max-width:810px){
.our-business-lines-cards{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
}

@media(max-width:435px){
.our-business-lines-inner-up h2{
font-size: 1.7rem;
}
}

@media(max-width:310px){
    .our-business-lines-inner-up h2{
        font-size: 1.3rem;
        }
}


/* ========WHATT===== */



@media(max-width:570px){
.what .what-buttons{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}

.what-left-button{
width: 100%;
margin-bottom: 35px;
}

.what-right-button{
    width: 100%;
    }
}

@media(max-width:415px){
.what .what-title h2{
font-size: 1.6rem;
}

.what .what-title p{
    font-size: 1rem;
    }
}



/* ======SOCIETY====== */


@media(max-width:980px){
.society-title h2{
width: 100%;
}
}

@media(max-width:700px){
    .society-title h2{
   font-size: 1.7rem;
    }
    }
@media(max-width:545px){
    .society .society-title h2{
   font-size: 1.7rem;
   }
   }

   @media(max-width:490px){
    .society .society-title h2{
        font-size: 1.1rem;
        }
}
   
      @media(max-width:350px){
       .society .society-title h2{
      font-size: 1rem;
      }
      }

      @media(max-width:325px){
    .card-title{
    padding: 15px;
    margin-right: 15px;
    }
    }



      /* =======WHAATT-TWOO==== */
@media(max-width:425px){
    .what-two .what-items .what-title h2{
    font-size: 1.8rem;
    }
    
    .what-buttons-two{
    width: 100%;
    }
    
    .what-left-button-two{
    width: 250px;
    height: 50px;
    }
    .what-left-button-two a{
    font-size: 0.7rem;
    }
    }
    
    @media(max-width:280px){
        .what-left-button-two a{
            font-size: 0.6rem;
            }
    }
    
    
    
    @media(min-width:2000px){
        .about-us{
            height:87rem;
        }
    }