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

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

    .header-logo{
        display: none;
    }
    .header-logo-fixed{
        display: block;
    }

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

    header .header .header-menu {
        display: none;
    }
    
    .hamburger-global p{
        color:#000;
    }


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



/* =====PROJECTS==== */

@media(max-width:1135px) {

    .projects-right-image:nth-child(1) {
        width: 300px;
        height: 280px;
        top: 38%;
    }

    .projects-right-image:nth-child(2) {
        width: 400px;
        height: 300px;
        top: 28%;
        right: -65px;
    }

    .projects-right-image:nth-child(3) {
        width: 296px;
        height: 200px;
        top: 51%;
    }

    .projects-svg {
        top: 56%;
        right: 216px;
    }

    .projects-svg-two {
        top: 38%;
        right: 15px;
    }

    .projects-svg-three {
        right: 6px;
    }


    .projects-items {
        text-align: center;
        width: 80%;
    }




    .projects-svg .m-history__shapes__item {
        width: 198px;
        height: 200px;
    }

    .projects-svg-two .m-history__shapes__item {
        width: 580px;
        height: 600px;
    }

    .projects-svg-three .m-history__shapes__item {
        width: 635px;
        height: 170px;
    }
}


@media(max-width:930px) {
    .projects-left .projects-left-title h2 {
        font-size: 2.5rem;
    }

    .projects-left .projects-left-button {
        width: 200px !important;
        height: 50px !important;
    }

    .projects-left .projects-left-button a {
        padding: 5px 5px !important;
    }



    .projects-svg {
        top: 62%;
        right: 314px;
    }

    .projects-svg-two {
        top: 53%;
        right: 10%;
    }

    .projects-svg-two .m-history__shapes__item {
        width: 580px;
        height: 500px;
    }

    .projects-svg-three .m-history__shapes__item {
        width: 635px;
        height: 150px;
    }

    .projects .projects-bg .projects-bg-inner {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .projects-left {
        width: 50%;
        top: 15%;
        left: 19%;
        text-align: center;
    }

    .projects-right {
        right: 18%;
    }

    .projects-left-button {
        right: -25%;
    }

    .projects-svg-two {
        top: 53%;
        right: 19%;
    }

    .projects-svg-three {
        right: 88px;
    }

    .projects-right-image:nth-child(1) {
        width: 400px;
        height: 300px;
        top: 246px;
        right: 60%;
    }

    .projects-right-image:nth-child(2) {
        width: 513px;
        height: 300px;
        top: 28%;
        right: 37px;
    }

    .projects-svg {
        top: 58%;
        right: 459px;
    }

    .projects-right-image:nth-child(3) {
        width: 400px;
        height: 350px;
        top: 31%;
        right: -30%;
    }
}



@media(max-width:665px) {
    .projects-right-image:nth-child(1) {
        width: 306px;
        height: 200px;
        top: 346px;
        right: 63%;
    }

    .projects-left {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .projects-right-image:nth-child(2) {
        width: 445px;
        height: 250px;
        top: 38%;
        right: 13px;
    }

    .projects-right-image:nth-child(3) {
        width: 333px;
        height: 200px;
        top: 51%;
        right: -31%;
    }

    .projects-svg {
        top: 64%;
        right: 355px;
    }
}


@media(max-width:625px) {
    .projects-left {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        left: 0;
    }

    .projects-left-button {
        right: -32%;
    }

    .projects-right-image:nth-child(1) {
        width: 220px;
        height: 200px;
        top: 346px;
        right: 63%;
    }

    .projects-right-image:nth-child(2) {
        width: 299px;
        height: 250px;
        top: 38%;
        right: 13px;
    }

    .projects-right-image:nth-child(3) {
        width: 280px;
        height: 200px;
        top: 51%;
        right: -23%;
    }

    .projects-svg {
        top: 64%;
        right: 195px;
    }

    .projects-svg-two {
        top: 53%;
        right: 5%;
    }

    .projects-svg-three {
        right: 31px;
    }


}

@media(max-width:490px) {
    .projects-right-image:nth-child(1) {
        width: 150px;
        height: 120px;
        top: 425px;
        right: 63%;
    }

    .projects-right-image:nth-child(2) {
        width: 199px;
        height: 150px;
        top: 53%;
        right: 45px;
    }

    .projects-right-image:nth-child(3) {
        width: 180px;
        height: 100px;
        top: 65%;
        right: -6%;
    }

    .projects-svg {
        top: 72%;
        right: 190px;
    }

    .projects-svg .m-history__shapes__item {
        width: 130px;
        height: 200px;
    }

    .projects-svg-two {
        top: 69%;
        right: 8%;
    }

    .projects-svg-two .m-history__shapes__item {
        width: 450px;
        height: 330px;
    }

    .projects-svg-three {
        right: 118px;
    }

    .projects-svg-three .m-history__shapes__item {
        width: 300px;
        height: 150px;
    }

    .projects-left {
        margin-top: 80px;
    }

    .projects-left-button {
        right: -25%;
    }

    .projects-items h2 {
        font-size: 1rem;
    }

    .projects-items p {
        font-size: 0.9rem;
    }
}

@media(max-width:400px) {
    .projects-left-button {
        right: -21%;
    }
}

@media(max-width:365px) {
    .projects-left-button {
        right: -16%;
    }
}

@media(max-width:355px) {
    .projects-svg {
        top: 72%;
        right: 153px;
    }

    .projects-svg-two {
        top: 69%;
        right: 8%;
    }

    .projects-svg-three {
        right: 118px;
    }

    .projects-svg-two {
        top: 69%;
        right: -3%;
    }


    .projects-svg-two .m-history__shapes__item {
        width: 370px;
        height: 330px;
    }

    .projects-svg-three {
        right: 25px;
    }

    .projects-left-button {
        right: -16%;
    }
}

@media(max-width:320px) {
    .projects-right-image:nth-child(3) {
        width: 120px;
        height: 100px;
        top: 65%;
        right: -29%;
    }

    .projects-right-image:nth-child(2) {
        width: 199px;
        height: 150px;
        top: 53%;
        right: -13px;
    }

    .projects-svg {
        top: 72%;
        right: 92px;
    }

    .projects-right-image:nth-child(1) {
        width: 150px;
        height: 120px;
        top: 425px;
        right: 41%;
    }

    .projects-svg-two {
        top: 69%;
        right: 8%;
    }

    .projects-svg-two .m-history__shapes__item {
        width: 280px;
        height: 260px;
    }

    .projects-svg-three .m-history__shapes__item {
        width: 250px;
        height: 100px;
    }

    .projects-svg-three {
        right: 8px;
    }
}

@media(max-width:270px) {
    .projects-left-button {
        right: -1%;
    }
}

/* =======PROJECTS CARDS===== */

@media(max-width:1185px) {
    .projects-filters-section-left {
        width: 70%;
    }
}

@media(max-width:1030px) {
    .projects-name:nth-child(2) {
        display: none;
    }
}

@media(max-width:860px) {

    .projects-cards-up {
        display: none;
    }



    .projects-cards-mobile {
        display: flex;
    }

    .projects-cards-mobile-up {
        display: flex;
    }

    .projects-mobile-cards-count {
        display: flex;
    }
}

@media(max-width:745px) {
    .projects-search-mobile input {
        width: 380px;
    }
}


@media(max-width:666px) {
    .projects-cards-mobile-up {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }

    .filter-button-mobile {
        width: 100%;
        margin-top: 15px;
    }

    .filter-button-mobile button {
        width: 100%;
    }

    .projects-search-mobile {
        width: 100%;
    }

    .projects-search-mobile input {
        width: 100%;
    }

    .projects-card-mobile-right {
        width: 32%;
    }
}

@media(max-width:560px) {
    .projects-cards-mobile-title h2 {
        font-size: 1.8rem;
    }

    .projects-card-mobile-right {
        width: 40%;
    }
}

@media(max-width:435px) {
    .projects-cards-mobile-title h2 {
        font-size: 1.2rem;
    }

    .projects-card-mobile-right {
        width: 48%;
    }

    .filters-section-mobile-right-icon .responsive-svg {
        width: 24px;
        height: 24px;
    }

    .filter-button-mobile button {
        height: 37px;
    }

    .projects-search-mobile input {
        height: 37px;
    }

    .projects-search-mobile input::placeholder {
        font-size: 0.9rem;
    }

    .projects-search-mobile i {
        position: absolute;
        top: 11px;
        right: 15px;
        font-size: 18px;
        color: #abb8c3;
        cursor: pointer;
    }
}

@media(max-width:335px) {
    .projects-card-mobile-right {
        width: 78%;
    }
}

@media(max-width:280px) {
    .projects-card-mobile-right {
        width: 90%;
    }
}



/* =========PROJECTS CARDS COLUMM======= */


@media(max-width:860px) {
    .card-image {
        display: none;
    }
    .projects-filters-section-right{
        width: 55px;
    }
    .filters-section-right-icon .svg-one{
        width: 22px;
        height: 22px;
    }
    .filters-section-right-icon .svg-two{
        width: 22px;
        height: 22px;
    }
    .filters-section-right-icon{
        display: flex;
    }
}


@media(max-width:435px) {
    .cards-colum .card .card-inner .card-inner-left h2 {
        font-size: 1rem;
    }
}


/* =====PROJECTS CARDS FLEX ======= */

@media(max-width:300px) {
    .card-flex-title h2 {
        font-size: 0.9rem;
    }

    .card-flex-inner .project-info span{
        font-size: 0.6rem;
    }

    .cards-flex-card:nth-child(1) {
        height: 500px;
    }

    .cards-flex-card:nth-child(1):hover {
        height: 530px;
    }

    .cards-flex-card:nth-child(2) {
        height: 380px;
    }

    .cards-flex-card:nth-child(2):hover {
        height: 420px;
    }

    .cards-flex-card:nth-child(3) {
        height: 500px;
    }

    .cards-flex-card:nth-child(3):hover {
        height: 530px;
    }

    .cards-flex-card:nth-child(4) {
        height: 380px;
    }

    .cards-flex-card:nth-child(4):hover {
        height: 420px;
    }

    .cards-flex-card:nth-child(5) {
        height: 380px;
    }

    .cards-flex-card:nth-child(5):hover {
        height: 420px;
    }

    .cards-flex-card:nth-child(6) {
        height: 500px;
        margin-top: 20px;
    }

    .cards-flex-card:nth-child(6):hover {
        height: 530px;
    }

    .cards-flex-card:nth-child(7) {
        height: 380px;
        margin-bottom: 30px;
    }

    .cards-flex-card:nth-child(7):hover {
        height: 420px;
    }

    .cards-flex-card:nth-child(8) {
        height: 500px;
        margin-top: 20px;
    }

    .cards-flex-card:nth-child(8):hover {
        height: 530px;
    }

    .cards-flex-card:nth-child(9) {
        height: 500px;
    }

    .cards-flex-card:nth-child(9):hover {
        height: 530px;
    }

    .cards-flex-card:nth-child(10) {
        height: 500px;
    }

    .cards-flex-card:nth-child(10):hover {
        height: 530px;
    }
}

.projects-types{
    padding: 0;
}
.projects-filters-section{
    flex-direction: column;
    align-items: baseline;
}
.projects-filters-section-left{
    width:100%;
}
.projects-filters-section-right{
    margin-top: 10px;
}

@media (max-width: 1389px) {
    .projects-types .project-type{
        font-size: 16px;
    }
}

@media (max-width: 1245px) {
    .projects-types{
        flex-wrap: wrap;
        justify-content: center;
    }
    .projects-types .project-type{
        margin-right: 10px;
    }
}

@media (max-width: 1184px) {

    .projects-filters-section-left{
        width: 87%;
    }

}
@media (max-width:948px) {

}

@media (max-width:860px) {
    .projects-filters-section-left{
        width: 100%;
    }
    .projects-filters-section{
        flex-direction: column;
        align-items: baseline;
    }
    .projects-filters-section-right{
        margin-top: 1rem;
    }
    .cards-flex{
        margin-top: 0.5rem;
    }
}
@media (max-width: 700px) {

}

@media (max-width: 610px) {
    .cards-flex{
        justify-content: center;
    }
}


.map-types{
    position: absolute;
    top: 6%;
    left: 23%;
    height: 50px;
    width: 54%;
    z-index: 9999999;
}

@media (max-width: 2388px) {
    .map-types {
        position: absolute;
        top: 6%;
        left: 19%;
        height: 50px;
        width: 62%;
        z-index: 9999999;
    }
}


@media (max-width: 2388px) {
    .map-types {
        position: absolute;
        top: 6%;
        left: 19%;
        height: 50px;
        width: 62%;
        z-index: 9999999;
    }
}
@media (max-width: 2068px) {
    .map-types {
        position: absolute;
        top: 6%;
        left: 16%;
        height: 50px;
        width: 68%;
        z-index: 9999999;
    }
}
@media (max-width: 1908px) {
    .map-types {
        position: absolute;
        top: 6%;
        left: 12%;
        height: 50px;
        width: 74%;
        z-index: 9999999;
    }
}

@media (max-width: 1572px) {
    .map-types {
        position: absolute;
        top: 6%;
        left: 4%;
        height: 50px;
        width: 89%;
        z-index: 9999999;
    }
}

@media (max-width: 660px) {
    .map-types {
        position: absolute;
        top: 6%;
        left: 8%;
        height: 50px;
        width: 83%;
        z-index: 9999999;
    }
}

@media (max-width: 484px) {
    .map-types {
        position: absolute;
        top: 6%;
        left: 10%;
        height: 50px;
        width: 75%;
        z-index: 9999999;
    }
}

@media(min-width:1900px){
    .projects{
        height: 87rem;
    }
    .projects-bg{
        height:87rem;
    }
    header{
        height:108rem;
    }
}