@media (min-width: 1600px){
    /* body{
        background-color: red;
    } */
    /* html{
        font-size: 10.5px;
    } */
    .layout{
        min-width: 1600px;
    }
    .layout__menu{
        padding: 5rem 9.5rem;
    }
    .layout__banner{
        min-height: 85rem;
        margin: 0 9.5rem;
        padding-right: 0;
        padding-left: 20rem;
        padding-top: 25rem;
        padding-bottom: 30rem;
    }
    .services__service{
        padding: 7rem 5rem;
    }
}

@media (min-width: 1199px) and (max-width: 1400px){
    /* body{
        background-color: red;
    } */
/*    .services__container,
    .projects__container,
    .stats__container,
    .contact__container, */
    .reviews__container,
    .clients__container,
    .news__container,
    .footer__container{
        max-width: 100%;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .projects__all{
        gap: 3rem;
    }
}

@media (max-width: 1199px){
    /* body{
        background-color: yellow;
    } */
    html{
        font-size: 9px;
    }
    .layout{
        min-width: 992px;
    }
    .nav__item{
        margin: 0 2rem;
    }
    .banner__title{
        font-size: 6rem;
    }
    .layout__services{
        margin: 10rem 7rem;
        margin-bottom: 0;
    }
    /*    .services__container,
    .projects__container,
    .stats__container,
    .contact__container,*/
    .reviews__container,
    .clients__container,
    .news__container,
    .footer__container{
        max-width: 99rem;
    }
    .services__service{
        padding: 4rem 1.5rem;
    }
    .service__container-img{
        max-width: 6rem;
    }
    .projects__all{
        gap: 3rem;
    }
    .layout__stats,
    .layout__clients{
        padding: 7rem 5rem;
    }
    .clients__title{
        width: 70%;
    }
    .clients__description{
        width: 60%;
    }
    .layout__news{
        padding: 10rem 0;
    }
    .news__list{
        flex-direction: column;
    }
    .news__new:last-child{
        border-left: none;
        padding-left: 0;
    }
    .layout__contact{
        padding-top: 10rem;
        padding-bottom: 7rem;
    }
}

@media (max-width: 1000px){
    /* body{
        background-color: green;
    } */
    html{
        font-size: 9px;
    }
    .layout{
        min-width: auto;
    }
    /* .navbar__nav{
        display:none;
    } */
    .layout__banner{
        min-height: 100%;
        margin: 0 3rem;
    }
    .banner__content{
        width: 65%;
    }
    .banner__title{
        font-size: 5rem;
    }
    .banner__btn{
        padding: 2rem 3.5rem;
    }
    .shapes__item{
        width: 50%;
    }
    /*    .services__container,
    .projects__container,
    .stats__container,
    .contact__container,*/
    .reviews__container,
    .clients__container,
    .news__container,
    .footer__container{
        max-width: 85rem;
    }
    .layout__projects{
        padding: 8rem 4rem;
    }
    .contact__thumb--chat{
        margin-right: -13rem;
        margin-bottom: -0.8rem;
        width: 100%;
    }
    .contact__thumb--laptop{
        left: 4rem;
        width: 30%;
    }
    .contact__thumb--mobile{
        right: 1rem;
        width: 30%;
    }
}

@media (max-width: 850px){
    /* body{
        background-color: green;
    } */
    html{
        font-size: 8.5px;
    }
    /*    .services__container,
    .projects__container,
    .stats__container,
    .contact__container,*/
    .reviews__container,
    .clients__container,
    .news__container,
    .footer__container{
        max-width: 75rem;
    }
    .nav__list{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    .navbar__logo{
        width:187px; /* no utilizo rem para que se mantenga el tamaño */
        flex-basis: 30%;
    }
    .services__list{
        flex-direction: column;
    }
    .services__service{
        width: 95%;
        margin-top: 0;
        margin-bottom: 3rem;
        padding: 4rem 2.5rem;
    }
    .stats__progress{
        flex-wrap: wrap;
    }
    .stats__stat{
        width: calc(50% - 1.5rem);
    }
    .clients__item{
        width: calc(50% - 3rem); /* le quitamos el gap */
    }
    .layout__contact::before{
        height: 60rem;
    }
    .contact__btn{
        padding: 1.8rem 3.5rem;
        font-size: 1.8rem;
    }
    .contact__thumb--chat{
        margin-right: -13rem;
        margin-bottom: -0.8rem;
        width: 70%;
    }
    .contact__thumb--laptop{
        left: 4rem;
        width: 30%;
    }
    .contact__thumb--mobile{
        right: 1rem;
        width: 30%;
    }
    .footer__bottom{
        flex-direction: column;
    }
    .footer__copyright{
        text-align: center;
    }
    .footer__links{
        flex-basis: auto;
        text-align: center;
    }
    .footer__flinks{
        justify-content: center;
    }
}
@media (max-width: 700px){
    html{
        font-size: 8px;
    }
    /*    .services__container,
    .projects__container,
    .stats__container,
    .contact__container,*/
    .reviews__container,
    .clients__container,
    .news__container,
    .footer__container{
        max-width: 70rem;
    }
    .stats__progress{
        flex-wrap: wrap;
    }
    .reviews__content{
        flex-direction: column;
    }
    .reviews__review{
        width: 95%;
    }
    .footer__container{
        flex-direction: column;
    }
    .footer__main{
        flex-direction: column;
    }
    .navbar__mobile-btn{
        display: none;
    }
}
@media (max-width: 600px){
    /* oculto el menú de escritorio y habilito el botón y menú de responsivo */
    .navbar__nav{
        display: none;
    }
    .navbar__mobile-btn{
        display: block;
    }
    .news__container-img{
        flex: 1;
    }
}

@media (max-width: 550px){
    /* body{
        background-color: green;
    } */
    html{
        font-size: 7px;
    }
    /*    .services__container,
    .projects__container,
    .stats__container,
    .contact__container,*/
    .reviews__container,
    .clients__container,
    .news__container,
    .footer__container{
        max-width: 55rem;
    }
    .projects__all{
        flex-direction: column;
    }
    .projects__project{
        width: 100%;
    }
}