@media only screen and (max-width: 1024px) {
    h1 {
        font-size: 56px; 
        line-height: 62px;
        margin-bottom: 44px; 
    }
    .primary_btn {
        padding: 14px 30px; 
    }
    /* hero css start */
    .hero_column span {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 22px;
    }
    section.hero_section { 
        padding-top: 232px;
        padding-bottom: 160px;
    }
    /* hero css close */

    /* service css start */
    .service_img { 
        width: 200px;
        height: 200px;
    }
    .service_img svg {
        width: 80px;
    }
    /* service css close */

    /* about css start */
    .about_btn { 
        width: 132px;
        height: 132px;
        padding: 0 10px;
    }

    .about img {
        width: 136px;
        border: 7px solid var(--white-200);
    }
    /* about css close */

    /* team css start */
    .team_img img { 
        width: 154px;
        height: 154px;
    }
    .service_img svg {
        width: 70px;
    }
    /* team css close */
}

 @media only screen and (max-width: 992px) {
    body { 
        font-size: 14px;
    }
    .spacer-y {
        padding: 70px 0;
    }
    .spacer-t {
        padding-top: 70px;
    }
    h2 {
        font-size: 36px;
        line-height: 36px; 
        margin-bottom: 26px; 
    }
    /* service css start */
        .service_img { 
            width: 160px;
            height: 160px;
        }
        .service_content {
            padding: 0px 0px 20px 0px;
        }
    /* service css close */

    /* portfolio css start */
    .portfolio_content {
        padding: 10px;
    }
    /* portfolio css close */

    /* about css start */
    .about_row {
        margin-bottom: 80px;
    }
    /* about css close */

    /* contact us css start */
    .contactUs { 
        margin-top: 70px;
    }
    .contact_heading h2 {
        margin-bottom: 40px;
    }
    .contactUs form input { 
        padding: 12px;
        margin-bottom: 17px;
    }
    /* contact us css close */
 }

 @media only screen and (max-width: 767px) {
    h1 {
        font-size: 42px;
        line-height: 46px;
        margin-bottom: 44px;
    }
    .main_header .navbar a {
        font-size: 16px; 
    }
    .spacer-y {
        padding: 50px 0;
    }
    /* hero css start */
     .hero_column span {
        font-size: 26px;
        line-height: 34px; 
    }
        .primary_btn {
        padding: 12px 20px;
    }
    /* hero css close */

    /* service css start */
    .service_img {
        width: 120px;
        height: 120px;
    }
    /* service css close */

}