@media(max-width: 1279px) {
    .section-contact .left,
    .section-contact .right {
        max-width: calc(calc(100% - 20px)/2);
    }
    /* .section-info .left,
    .section-info .right {
        width: calc(calc(100% - 24px)/2);
    } */
    .footer .ft-top {
        gap: 30px;
    }
    .footer .ft-top .middle, .footer .ft-top .right {
        width: 27%;
    }
    .footer .ft-top .left {
        max-width: 38%;
    }
    .section-services .list-services .btn-read {
        position: unset;
    }
}
@media(max-width: 1027px) {
    .section-team .list-team {
        gap: 20px;
    }
    .section-team .list-team .it {
        width: calc(calc(100% - 40px) / 3);
    }
    .the-header .menu-main {
        display: none;
    }
    .section-expect .box {
        align-items: start;
    }
    .section-team .list-team .it img,
    .section-team .list-team .it:nth-child(4){
        width: 100%;
    }
    .section-team .list-team .it:nth-child(4) img,
    .section-team .list-team .it:nth-child(4) .content  {
        width: 480px;
    }
    .section-client .slider-client,
    .section-review .slider-review {
        max-width: 85%;
    }
    .section-expect .box .left img {
        border-radius: 8px;
    }
    .seo-section.container {
        margin-top: 200px;
    }
}
@media(max-width: 991px) {
    .footer .ft-top .middle, .footer .ft-top .right {
        width: 50%;
    }
    .the-header .logo img {
        width: 180px;
    }
    .section-services .list-services {
        justify-content: space-between;
    }
    .section-services .list-services .it {
        width: calc(calc(100% - 20px) / 2);
    }
    .section-services .list-services .it.active-text {
        padding-bottom: 0;
    }
    .section-services .list-services .it:nth-child(3),
    .section-services .list-services .it:last-child,
    .section-team .list-team .it:nth-child(4) .content {
        width: 100%;
    }
    .section-team .list-team .it,
    .section-team .list-team .it:nth-child(4) {
        width: calc(calc(100% - 20px) / 2);
    }
    .section-team .list-team .it:last-child {
        width: calc(100% - 500px);
    }
    .section-team .list-team .it:last-child img {
        object-fit: contain;
    }
    .section-team .list-team .it:nth-child(7) {
        width: 480px;
    }
    .cookies-policy table{
        overflow-x: auto;
        display: block;
    }
}
@media(max-width: 767px) {
    .section-expect .box .left img {
        height: 600px;
        object-fit: cover;
    }
    .section-team .container {
        padding: 0;
    }
    .section-team .head {
        padding: 0 16px;
    }
    .section-team .slick-track {
        margin-left: 16px;
    }
    .section-expect .box {
        flex-direction: column-reverse;
    }
    .the-header.scrolled {
        padding: 18.5px 0;
    }

    .seo-section.container {
	    width: 80%;
	    /* font-size: xx-large; */
	    margin-top: 450px;
    }

    .section-cloud-infrastructure .left {
        order: 2; /* Mueve la imagen debajo del texto */
        width: 100%; /* Asegura que la imagen sea responsiva */
    }

    .section-cloud-infrastructure .right {
        order: 1; /* Mueve el texto encima de la imagen */
        margin-bottom: 20px; /* Añade espacio entre el texto y la imagen */
    }

    .home-banner .left,
    .section-cloud-infrastructure .left,
    .section-cloud-infrastructure .right,
    .section-services .list-services .it,
    .section-info .left, 
    .section-info .right,
    .footer .ft-top .middle, .footer .ft-top .right,
    .section-team .list-team .it,
    .section-expect .box .left,
    .section-expect .box .right,
    .home-banner .right {
        width: 100%;
    }
    .section-contact .left, .section-contact .right,
    .footer .ft-top .left,
    .section-client .slider-client, .section-review .slider-review {
        max-width: 100%;
    }
    .on-mb {
        display: block;
    }
    .home-banner .left .btn-contact,
    .section-team .list-team{
        display: none;
    }
    .home-banner {
        padding: 101px 0 75px;
    }
    .home-banner h1,
    .section-cloud-infrastructure .right h1,
    .section-services .head h2,
    .section-team .head h1,
    .section-expect .right h2,
    .section-review .head h2,
    .section-contact .head h2 {
        font-size: 37px;
        line-height: 39px;
    }
    .home-banner .right > img {
        width: 220px;
    }
    .home-banner h4 {
        font-size: 26px;
        line-height: 28px;
        margin-bottom: 0;
    }
    .btn-contact-mb {
        position: fixed;
        width: 100%;
        left: 0;
        background: #C2782E;
        border-radius: 16px 16px 0 0;
        bottom: 0;
        font-size: 20px;
        color: #fff;
        line-height: 24px;
        font-weight: 700;
        padding: 18px 0;
        text-align: center;
    }
    .btn-contact-mb img {
        margin-left: 6px;
    }
    .section-cloud-infrastructure .box {
        flex-direction: column-reverse;
    }
    .footer .ft-bottom ul a {
        padding: 0;
    }
    .footer .ft-bottom ul {
        flex-direction: column;
        gap: 27px;
    }
    .home-banner .left {
        text-align: center;
    }
    .home-banner .right > img {
        width: 100%;
        max-width: 300px; /* Limitar el tamaño máximo */
        height: auto;
        margin: 0 auto; /* Centrar la imagen */
    }
    .the-header {
        padding: 21.5px 0;
    }
    /* .section-cloud-infrastructure {
        padding: 37px 0;
    } */
    .section-cloud-infrastructure .left img {
        width: 100%;
        height: auto;
    }
    .section-services {
        padding: 37px 0 37px;
    }
    .section-services .list-services .it h6 {
        margin-bottom: 13px;
    }
    .section-client {
        padding: 44px 0 60px;
    }
    .section-team .it {
        width: 280px;
    }
    .section-team .slick-track {
        display: flex;
        gap: 16px;
    }
    .section-client .slick-track {
        gap: 16px;
    }
    .section-review .slider-review .it {
        width: 280px;
    }
    .section-team {
        padding-bottom: 50px;
    }
    .section-expect {
        padding: 40px 0 32px;
    }
    .section-expect .list-expect {
        gap: 32px;
    }
    .section-review {
        padding: 43px 0;
    }
    .section-review .container {
        padding: 0;
    }
    .section-review .head {
        padding: 0 16px;
    }
    .section-review .slider-review {
        margin-left: 16px;
    }
    .section-contact .left,
    .section-contact .right {
        padding: 16px;
    }
    .section-info {
        padding: 20px 0 45px;
    }
    .section-info .left img {
        width: 200px;
    }
    .footer .logo img {
        width: 200px;
    }
    .footer .ft-top {
        padding-bottom: 32px;
        gap: 37px;
    }
    .footer .ft-top .middle .content {
        display: flex;
        flex-direction: column;
    }
    .footer .ft-top .middle .dflex {
        margin-bottom: 20px;
    }
    .footer .ft-top .middle p,
    .footer .ft-top .right .phone {
        margin-bottom: 20px;
    }
    .footer .ft-top .right .mail {
        margin-bottom: 7px;
    }
    .footer .ft-top .right .mail:first-child {
        margin-top: 15px;
    }
    .footer .ft-bottom {
        padding: 25px 0 85px;
    }
    .aviso-legal {
        padding: 105px 0 81px;
    }
    /* .seo-section {
        margin-top: 520px;
    } */

    #cookie-banner {
        padding: 10px;
        font-size: 16px;
        
    }

    #cookie-banner p {
        text-align: left;
        font-size: 15px;
        line-height: 20px;
    }

    .cookie-button {
        padding: 5px 10px;
        font-size: 16px;
    }
}
@media(max-width: 500px) {

    #crononitoLottie{
        max-width: 80%;
    }

    .section-cloud-infrastructure .btn-talk {
        width: 100%;
        text-align: center;
    }

    #cookie-banner {
        padding: 10px;
        font-size: 16px;
        
    }

    #cookie-banner p {
        text-align: left;
        font-size: 13px;
        line-height: 18px;
    }

    .cookie-button {
        padding: 5px 10px;
        font-size: 16px;
    }

    .section-notfound .left {
        width: 100%;
    }

    .section-notfound .right {
       display: none;
    }

    .seo-section.container {
	    width: 80%;
	    /* font-size: xx-large; */
	    margin-top: 500px;
    }

}