@media screen and (max-width: 1206px){

    .about-box h3 {
    font-size: 20px;
    }
    .cri ul li{
        font-size: 20px;
    }
}



@media screen and (max-width: 900px){
    .ms-auto.for-dektop{
        display: none;
    }
    i.fa-solid.fa-bars {
    color: #333;
}
.hero-content{
    text-align: center;
    padding-top:100px;
    height: auto;
}
.hero-text{
    margin-bottom: 40px;
}
.service-box{
    height: auto;
    text-align: center;
    margin-bottom: 20px;
}
.portfolio-box{
    margin-bottom: 20px;
}
.aproch{
    margin-top: 30px;
}
.testmonail-card{
    height: auto;
    margin-bottom: 20px;
}
.cta-content{
    width: 90%;
}
}


@media screen and (max-width: 620px){
.hero-content{
    padding-top: 50px;
}
.about-page-content h3{
    font-size: 30px;
}
.about-padd{
    padding-right: 0;
}
.hero-text h1{
    font-size: 30px;
}
.hero-text h5{
    font-size: 15px;
}
.slide-image h3 {
    font-size: 16px;
}
.slide-image h3 img {
    width: 30px;
    margin-right: 3px;
}
.section-padding{
    padding: 50px 0;
}
.about-box{
    text-align: center;
}
.service-box h3{
    font-size: 20px;
}
.product-box h3{
    font-size: 20px;
}
.portfolio-box{
    height: auto;
}
.cri {
    width: 100%;
}
.cri ul li {
        font-size: 18px;
    }
    .cri ul li img{
        width: 30px;
        margin-right: 10px;
    }
    .testmonail-card{
        text-align: center;
    }
    .cta{
        padding: 100px 0;
    }
    .cta h1{
        font-size: 50px;
    }
    .cta p{
        font-size: 18px;
    }
}