main .contanier-misionvision{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10%;
}
main .vision-txt .title{
    margin-top: 45px;
}
main .offer-section{
    grid-template-columns: repeat(2, auto);
}
body main .isection-dual{
    grid-template-rows: repeat(2, 50%);
    grid-template-columns: none;
}

body main #isection-dual-img{
    width: 600px;
}
.product-detail--title p{
    max-width: 700px;
    margin: 0 auto;
    padding: 30px 0;
}
main .truck-animation{
    width: 400px;
    margin: 0 0;
}

main .blogs-section .blogs-container{
    grid-template-columns: repeat(3, auto);
    grid-template-rows: none;
    column-gap: 20px;
}

main .title-bolgs{
    margin-left: 30px;
    margin-bottom: 40px;
}
main .aboutus-section h2{
    font-size: 43px;
}
main .aboutus-section span{
    font-size: 18px;
}
main .aboutus-section p{
    font-size: 18px;
    max-width: 488px;
}

main .aboutus-section .mision-vision--aboutus span{
    font-size: 20px;
}
main .aboutus-section .mision-vision--aboutus h6{
    font-size: 40px;
}

main .aboutus-section p{
    font-size: 18px;
}

main .offer-section .txt--offer-section h3{
    font-size: 43px;
}
main .offer-section .txt--offer-section p{
    font-size: 18px;
    max-width: 410px;
}

main .app1-section h4{
    font-size: 40px;
}

main .app-section .title h5{
    font-size: 42px;
}

.features h2{
    font-size: 25px;
}

.features ul li{
    font-size: 18px;
}

.detail h3{
    font-size: 25px;
}
main .app1-section h4{
    max-width: 915px;
    margin: 0 auto;
    padding-bottom: 110px;
}
.detail p{
    font-size: 18px;
}

main .characteristics li{
    font-size: 20px;
}

main .info-dispositives-section .info-txt--dispositives h4{
    font-size: 45px;
    margin-bottom: 30px;
}

main .info-dispositives-section .info-txt--dispositives p{
    font-size: 18px;
}

main .info-dispositives-section .info-txt--dispositives{
    max-width: 750px;
}

main .testimonios-section .testimonio-01 .subtitle--testi{
    font-size: 20px;
}
main .offer-section .txt--offer-section span{
    font-size: 18px;
}
main .testimonios-section .testimonio-01 h6{
    font-size: 45px;
}

main .testimonios-section .testimonio-01 p{
    max-width: 710px;
    font-size: 18px;
}

main .testimonios-section .testimonio-01 .name-client{
    font-size: 20px;
}
main .app-section .title{
    margin-bottom: 30px;
}
main .blogs-section h4{
    font-size: 40px;
}

main .form-section .txt--form h4{
    font-size: 40px;
}
main .aboutus-section .mision-vision--aboutus img{
    width: 85px;
}
main .form-section .txt--form p{
    font-size: 18px;
}
main .aboutus-section .mision-vision--aboutus p{
    max-width: 400px;
}

main .testimonios-section .testimonio-01{
    width: 80%;
}

main .main-product-detail{
    background-image: url("../assets/img/background-services.png");
}

main .main-container-imonitor{
    padding-top: 130px;
    padding-bottom: 50px;
    
}
main .main-container-imonitor .line-global{
    margin-top: 30px;
}
main .main-container-imonitor h1{
    font-size: 40px;
    max-width: 710px;
}

main .main-container-imonitor .img-imonitor img{
    max-width: 712px;
}

main .main-container-imonitor p{
    font-size: 18px;
    max-width: 710px;
}

@media(min-width: 850px){
    main .info-app{
        display: grid;
        grid-template-columns: repeat(2, auto);
    }
    
    main .info-app .char-1{
        border-bottom: none;
        border-right: 1px solid var(--maize);
    }
    main .testimonios-section .testimonio-01 p{
        max-width: 95%;
    }

}
@media(min-width: 900px){
    
    .product-cards--container{
        display: flex;
        flex-wrap: wrap;
        width: 930px;
        margin: 0 auto;
    }
    main .offer-section .img--offer-section {
        width: 350px;
    }
    footer{
        grid-template-columns: repeat(3, 1fr);
        padding: 0 100px;
        justify-items: center
    }
    
    footer .social-media {
        display: flex;
        justify-content: center;
        margin: 20px 0;
        column-gap: 30px;
        /* flex-direction: column; */
    }
    
    footer .quick-links ul{
        text-align: left;
        margin:0 auto;
    }
}

main .aboutus-section{
    background-image: url("../assets/img/background-section-1-pc.png");
    background-position: top;
}

main .aboutus-section .mision-vision--aboutus span{
    font-size: 40px;
    max-width: 500px;
}

.subtitle{
    margin: 1px;
}