@media only screen and (max-width: 992px){
    .header ul.menu {
        display: none;
    }
    
    .header .support {
        display: none;
    }
    
    .header .logo {
        width: 30%;
    }
    
    .header .mobheader-right{
        display: flex;
    }
    
    .maintitlebox h2 {
        font-size: 24px;
    }
    
    .overlay h3 {
        font-size: 24px;
        font-weight: 500;
    }
    
    .overlay a {
        padding: 8px 20px;
        border-radius: 5px;
    }
    
    .about .content h3 {
        font-size: 24px;
    }
    
    .about img {
        padding: 0!important;
    }
    
    .about {
        padding: 20px 0;
    }
    
    .projects-section {
        padding: 20px 0;
    }
    
    .project-card {
        width: 100%;
    }
    
    .gallerysection {
        padding: 20px 0;
    }
    
    .awardsection {
        padding: 20px 0;
    }
    
    .footer-newsletter {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .footersection {
        padding: 20px 0 0;
    }
    
    .newsletter-box {
        width: 80%;
    }
    
    .newsletter-box .subscribebtn {
        padding: 0 10px;
        height: 50px;
    }
    
    .newsletter-box input {
        height: 50px;
    }
    
    .footer-bottom {
        flex-direction: column;
    }
    
    .team .team-member {
        flex-direction: column;
        text-align: center;
        padding: 10px 15px;
    }
    
    .team .team-member .pic {
        width: 30%;
        margin: 0 auto;
    }
    
    .team .team-member {
        flex-direction: column;
        text-align: center;
    }
    
    .team .team-member .pic {
        width: 30%;
        margin: 0 auto;
    }
    .team .team-member .member-info {
        padding: 0;
    }
    
    .prosection .prodesc h1 {
        font-size: 24px;
    }
    
    .prosection .prodesc h2 {
        font-size: 22px;
    }
    
    .blog-details .blog-detailsbox .service-details-box h1 {
        font-size: 22px;
    }
    
    .blog-details .blog-detailsbox .blog-image img {
        height: unset;
    }
    
    .contactsection .contactbox {
        flex-direction: column;
    }
    
    .contactsection .contactbox .contactleft {
        width: 100%;
    }
    
    .contactsection .contactbox .contactright {
        width: 100%;
    }
    
    .footer-links {
        margin: 0 0 40px;
    }
    
}