@media screen and (max-width:1024px){
    p{
        font-size: 14px;
        line-height: 1.5;
    }
    .header .logo img{
        width: 150px;
    }
    .header .main-btn{
        padding: 5px 10px;
    }
    .header .navbar a{
        margin-right: 15px;
    }
    .clients_wrapper .brand_logos img{
        max-width: 80px;
    }
    .clients_wrapper p{
        font-size: 15px;
    }
}

@media screen and (max-width:991px){
    .top_header{
        height: auto;
        padding: 6px 0 0;
    }
    
    .section-2 ul{
        gap: 10px;
    }
    .section-2 li{
        flex-direction: column;
        height: auto;
        text-align: center;
    }
    .testimonial_wrapper .message{
        height: auto;
    }
    .blog_wrapper .grid_row{
        grid-template-columns: 1fr 1fr;
    }
    .blog_wrapper .read_btn{
        font-size: 16px;
    }
    .clients_wrapper .row{
        text-align: center;
    }
    .clients_wrapper p br{
        display: none;
    }

    
}


@media screen and (max-width:600px){
    h2{
        font-size: 26px;
        font-weight: 600;
    }
    .main_heading{
        font-size: 26px;
        font-weight: 600;
    }
    .section-2 ul{
        flex-direction: column;
    }
    .get_in_touch{
        text-align: center;
    }
    .blog_wrapper .grid_row{
        grid-template-columns: 1fr;
    }
    .clients_wrapper .brand_logos{
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-container{
        text-align: center;
        grid-template-columns: 1fr;
    }
    
    .main-wrapper .banner-content h1{
        font-size: 26px;
    }
    .main-wrapper .subtitle{
        margin-bottom: 20px;
    }
    .main-wrapper .banner-content p{
        max-width: 100%;
    }
}