@media only screen and (max-width: 1024px){
    #hero{
        height: 50vh !important;
    }
    .mobile-nav{
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
    }
    #services{
        padding: 50px 0;
    }
    #services .section-title h3{
        font-size: 18px;
    }
    .footer-left{
        margin-left: 0 !important;
        padding-left: 15px !important;
    }
}
@media only screen and (max-width: 767px){
    #footer{
        text-align: left !important;
    }
    .blogs-cards .card{
        height: auto;
    }
    .banner-section{
        padding-top: 75px;
    }
    .blogs-description h1{
        font-size: 30px;
    }
    .blogs-description h3{
        font-size: 25px;
    }
}