@media (max-width:1000px ) {

    .services-container {
        padding: 0 3rem;
    }
}


@media (max-width:850px ) {

    .services-section , .offer-section{
        padding: 3rem 2rem ;
    }

    .services-main{
        width: 20%;
        height: 128px;
        padding: 20px 20px 50px 20px;
    }

    .servive-image{
        height: 119px;
    }

    .servive-image img{
        height: 70px;
    }

    .service-text h6{
        font-size: 0.9rem;
    }

    .service-text p{
        font-size: 0.7rem;
    }

    h2{
        font-size: 1.5rem;
    }

    h3{
        font-size: 0.8rem;
    }

    .connect-section{
        padding: 3rem 1rem;
    }


    .call-form-container{
        flex-wrap: wrap;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .call-content{
        width: 70%;
        margin: auto;
        display: block;
        padding: 1rem 2rem;
    }

    .form-content{
        width: 70%;
    }

    .call-content-image{
        display: none;
    }
    .call-content{
        height: auto;
    }


}



@media (max-width:800px ) {

    .services-container {
        padding: 0 ;
    }
}


@media (max-width: 750px ) {

    .offer-section{
        display: none;
    }

    .connect-content p{
        font-size: 0.7rem;
    }

    .connect-content span{
    padding: 0.3rem 0.5rem;
    font-size: 0.6rem;
}


/* .call-content h4{
    text-align: center;
}

.call-content a{
    text-align: center;
}
  
.call-content p{
    text-align: center;
}

.call-content span{
    text-align: center;
} */

    
    
}





@media (max-width: 450px ) {
    .services-main{
        width: 35%;
        height: 80px;
    }

    .servive-image{
        height: 70px;
    }

    .servive-image img{
        height: 40px;
    }

    h2{
        font-size: 1.2rem;
    }

    h3{
        font-size: 0.7rem;
    }

    .service-button a{
        font-size: 0.7rem;
    }

    .service-text h6{
        font-size: 0.8rem !important;
    }

    .service-text p{
        font-size: 0.6rem;
    }

    .connect-content{
        width: 42%;
    }

    .form-content{
        width: 70%;
    }

   

}