@media screen and (max-width:991px){
    .header-body{
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        position: unset;
    }
    .sticky{
        position: fixed;
    }
.left-section{
display: none;
}
.header .right-section{
width: 100%;
/* background-color: red; */
margin: auto;
padding-left:0 ;
}
.top-header{
    padding: 1vw;
}
 .navbar{
    /* border: none; */
}
 .navbar-brand{
    display: unset;
}
.navbar-brand .logo{
    width: 80px;
    padding: 10px;
}
.navbar-brand .logo img{
    width: 100%;
}
.nav-btn{
    justify-content: start;
    margin-bottom: 20px;

}
.navbar-nav .nav-item .nav-link{
    padding: 10px 0;
}

/* ============ About Us ============== */
.about-content{
    margin-top: 30px;
}
.about-img{
    width: 100%;
    float: none;
}
/* ============ All Product  ============== */

.product-des{
    text-align: start;
}
/* ============ Why choose us  ============== */
.why-card{
    margin-bottom: 30px;
}

/* ============ faq  ============== */
.faq-body{
    margin-top: 30px;
}
/* ============ Counter  ============== */

.counder-center{
    border: none;
   padding:30px ;

}
.counder-card{
    border-bottom: 2px dashed var(--white);
}
/* ============ Vision  ============== */
.vision-section{
   padding-top:60px;
   padding-bottom:40px;

}
.left-vision .vision-text{
    writing-mode:horizontal-tb;
    margin-bottom: 30px;

}
/* ============ Contact us  ============== */

.form-body{
    transform: translateX(0);
    margin: 60px auto;
    padding: ;
}
/* ============ footer  ============== */

.footer-left{
    border-right: 0;
    border-bottom: 1px solid white;
    margin-bottom: 20px;
}
}



@media screen and (max-width:768px){

    .vision-content{
        margin-top: 30px;
    }
    .counder-card{
        border: none;
           padding:30px ;

         }
.counder-center{
    border-bottom: 2px dashed var(--white);
    border-top: 2px dashed var(--white);
 
}

.contact-content .cont-btns .contact-btn{
    margin-bottom: 10px;
}
.contact-content .des{
    margin: 0;
    text-align: justify;
    overflow-wrap:auto;
    word-wrap: break-word;

}
}

@media screen and (max-width:665px){
    .why-choose-us .heading-body .big-heading{
        padding: 0;
    }
    .form-body{
       padding: 20px; 
    }
.parallax-item .heading-body .big-heading span{
    display: block;
}
}
@media screen and (max-width:425px){
    .navbar-brand .logo{
        width: 100px;
        padding: 3px;
    }
    .laction-top{
        display: none;
    }
    .top-header {
        justify-content: center;
    }
    .counter-body{
        width: 95%;
    }

    /* ------- About us ---------- */
    .about-img img{
        width: 100%;
    }
    .left-vision .vision-text{
        font-size: 20vw;
    }
    .vision-card{
        padding: 15px;
    }
    .map-img{
        border-radius: 10px;
    }
    /* ------- FAQ us ---------- */
    .why-choose-us{
        /* width: 90%; */
        border-radius:15px
    }
    .faq-body{
        padding: 20px;
    }
    .form-body{
        width: 90%;
    }
    .copyright{
        justify-content: center;
        gap: 15px;
    }
}