@media(max-width: 992px){
    .header .menu>ul>li>a{
        color: var(--black);
    }
    .top-menu{
        display: none;
    }
}
@media(max-width: 821px){
    .contact-icon {
        margin-top: 0px;
    }
    .contact-box{
        margin: 10px 0;
    }
    .contact-form{
        margin-bottom: 20px;
    }
    .about-content{
        margin-bottom: 20px;
    }
    .best-design-image{
        margin-top: 20px;
    }
    .about-image2 img{
        display: none;
    }
}
@media(max-width: 768px){
    .contact-icon {
        margin-top: 0px;
    }
    .right-para .modular-kitchen-head h2{
        text-align: left;
    }
    .right-para .modular-kitchen-para p{
        text-align: left;
    }
    .about-content{
        margin-bottom: 20px;
    }
    .best-design-image{
        margin-top: 20px;
    }
    .strength-box .about-strength {
        position: relative;
        bottom: 0;
        width: 100%;
        left: 0;
        transform: translateX(0);
        margin: 40px 0 20px 0;
    }
    .about-image2 img{
        display: none;
    }
    .testimonial-card{
        height: 100%;
    }
}
@media(max-width: 580px){
    .section{
        padding: 20px;
    }
    .firstpadding{
        padding: 20px 0;
    }
    .pb{
        padding-bottom: 20px;
    }
    .footer-about-logo img{
        max-width: 110px;
    }
    .header-item-left img{
        max-width: 80px;
    }
    .blackcenter-heading h2,
    .whitecenter-heading h2{
        font-size: 20px;
    }
    .why-choose-head h2,
    .about-head h2{
        font-size: 20px;
    }
    .form-design{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        transform: translateY(0)
    }
    .about-head h2,
    .about-para p{
        text-align: left;
    }
    .btn-side{
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 10px;
    }
    .vertical-head {
        display: none;
    }
    .why-choose-image{
        width: 100%;
    }
    .solutions-card-design {
        display: flex;
        align-items: start;
        gap: 30px;
        flex-direction: column;
    }
    .service1,
    .service2,
    .service3,
    .service4,
    .service5,
    .service6 {
        grid-column: unset;
        grid-row: unset;
    }
    .contact-form,
    .about-content{
        margin-bottom: 20px;
    }
    .breadcrumb-design{
        padding: 80px 0;
    }
    .breadcrumb-head h1{
        font-size: 35px;
    }
    .corporate-office-design{
        margin-bottom: 20px;
    }
}