@media only screen and (max-width: 600px){
    .top-add-bx{
      display: none;
    }
    .top-banner{
      justify-content: center;
    }
    .head-cont{
       display: none;
    }
    .nav-section{
      padding: 0px 20px;
    }
   .carousel-caption h2{
      font-size:1.1rem;
      line-height: 0.5rem;
   }
   .carousel-caption h1{
      font-size: 1.5rem;
   }
   .carousel-caption{
      top: 14%;
   }
   .carousel-caption .cta-buttons{
      display: none;
   }
   .hmabt-contbx{
      margin-left: 0px;
      margin-top: 0px;
   }
   .why-ch-intit img{
      width: 8%;
   }
   .why-ch-lftbx{
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 20px;
      padding-right: 20px;
   }
   .our-prod-wrbx{
      flex-direction: column;
   }
   .hm-prdbx{
      width: 90%;
      margin-bottom: 40px;
   }
   .proj-tit span{
      display: none;
   }
   .proj-go{
      width: 30px;
      height: 30px;
   }
   .proj-namebx h3{
      font-size: 1.3rem;
   }
   .proj-tit{
      padding: 0.5rem 0.9rem;
      margin-top: -25px;
   }
   .our-latest-proj{
      padding: 20px 0px;
   }
   .discuss-proj{
      min-height: unset;
      padding: 30px 0px;
   }
   .discuss-proj h2{

      font-size: 1.5rem;
   }
   .prim-btn{
      font-size: 0.9rem;
   }
   .foot-sec{
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 20px;
   }
   .cpright{
      font-size: 0.9rem;
   }
   .proj-smp-bx p{
      width: 100%;
   }
   .inner-containerbx{
      padding: 20px;
   }
   .prod-descbx p{
      width: 100%;
   }
   .prod-bx{
      margin-bottom: 30px;
   }
   .prod-img img{
      width: 100%;
   }
   .inner-banner{
      height: 130px;
    }
    .digit-bx{
      flex-direction: column;
    }
    .some-numbers{
      padding: 0px 20px;
    }
    .digit-inner-bx{
      padding: 0.8rem 1rem;
    }
    .vis-mis-sec h3::after{
      right: 80px;
    }
    .foot-logo{
      width: 55%;
    }
    .serv-sec{
      padding: 20px;
    }
    .form-control{
      font-size: 0.9rem;
    }
    .contact-inner-wr-bx p{
      font-size: 0.9rem;
    }

    .logo-bx {
      text-align: center;
  }

  .header-cont-sec {
   display: flex;
   align-items: center;
   padding: 15px 0px;
   flex-wrap: wrap;
   justify-content: flex-start;
}

.main-nav-sec {

   padding: 20px;
}

.nav-bar-bx {

   padding: 0;

}

.banner-sec{
   padding: 20px;
   height: 80vh;
}

.banner-txt p {
   width: 100%;
}

.banner-slider {
   width: 100%;
}

.slider-tit {
   font-size: 15px;
}

.hm-abt-sec{
   padding: 30px 30px 30px 30px;
}

.hm-abt-sec p {
   width: 100%;
}

.grid-container {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   grid-template-rows: repeat(4, 1fr);
   height: auto;
}

.ft-sec {
   padding: 30px;
}

.qk-lnk{
   flex-wrap: wrap;
}

.banner-img {
   width: 70%;
   top: 50%;
}

.banner-cont {
   position: relative;
   transform: translateY(-50%);
   top: 50%;
   width: 100%;
}

.item1 {
   grid-row: span 1;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.item3 {
   grid-row: span 1;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
}

.exp-grid-cont {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   grid-template-rows: repeat(4, 1fr);
   height: auto;
}

.our-prom {
   width: 100%;
   min-height: 0px;
   background-image: url(../img/our-promise.jpg);
   background-size: cover;
   background-position:left;
   display: block;
}

.prom-bx {
   width: 100%;
   min-height: auto;
}

.base-sec {
   width: 100%;
   height: auto;
   padding: 50px 30px;
}

.banner-ov-bx{
   padding: 10px 20px;
}

.nav-bar-bx .navbar-expand-lg .navbar-nav .nav-item.active::before{

   background-color: unset;
}

.bc li a {
   color: #fff;
   font-size: 15px;
}

.banner-ov-bx h5 {
   color: #fff;
   font-size: 21px;
   margin: 0;
}

.cp-right {
   padding-bottom: 0px;
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   flex-direction: column;
}

section.our-team img {
   border-radius: 0px;
}

section.our-team {
   padding: 20px 10px;
}

.slick-center {
   transform: scale(1.2);
}

.ft-sec h6 {
   font-size: 1.1rem;
}

.ft-sec p {
   font-size: 0.9rem;
}

.social-media {
   margin: 10px 15px;
}

}

@media only screen and (min-width: 601px) and (max-width: 990px){
 
   .nav-bar-bx {
      width: 100%;
      height: auto;
      padding: 10px 0px 10px 50px;
  }

  .main-nav-sec{

   padding: 20px 30px;

  }
 
  .banner-cont {
   position: relative;
   transform: translateY(-50%);
   top: 50%;
   width: 90%;
}
.banner-img {
   top: 50%;
}

.hm-abt-sec p {

   width: 100%;

}

.hm-abt-sec {
   padding: 100px 60px 100px 60px;
}

.cont-det-bx h5 {
   font-size: 20px;
}

.base-sec {
   padding: 50px 20px;
}

.singln {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
}

.cont-det-bx {
  
   min-height: 204px;
}

.banner-sec {
   height: 50vh;
}

section.our-team img {
   border-radius: 0px;
}

.nav-bar-bx .navbar-expand-lg .navbar-nav .nav-item.active::before {
   background-color: unset;
}

.social-media{
   display: none;
}

}


@media only screen and (min-width: 991px) and (max-width: 1300px){
   
}
@media only screen and (min-width: 991px) and (max-width: 1230px){

   .hm-abt-sec {
     
      padding: 50px 00px 30px 0px;
      
  }

  .nav-bar-bx {
   padding: 10px 0px 10px 60px;
}

.ft-sec p {
   color: #4E7284;
   font-size: 0.8rem;
}

.singln ul li {
   color: var(--prim-font);
   font-size: 0.9rem;
}
  
}