@media only screen and (max-width: 600px){
  .main-banner{
   height: auto;
  }
  .our-featsec{
   margin-top: 30px;
   padding: 1rem;
   flex-direction: column;
  }
  .our-featsec .our-featsec-innerbx{
   width: 100%;
  }
  .our-featsec .our-featsec-innerbx{
      border-right: 0px;
  }
  .owl-dots{
   display: none;
  }
  .hmabt-se{
      padding: 20px;
  }
  .some-rand-num{
   margin-top: 20px;
  }
  .digit-bx{
   flex-direction: column;
   height: auto;
  }
  .digit-inner-bx{
   border-right: 0px;
   padding: 2rem;
  }
  .our-service-sec{
   margin-top: 30px;
   padding: 20px;
  }
  .hm-ser{
   margin: 10px 0px;
  }
  .mct{
   margin-top: 0px;
  }
  .proj-gallery{
    margin-top: 0px;
    padding: 20px 0px;
  }
  .hmimgbx{
   width: 100%;
  }
  .transfrom-cont h2{
   font-size: 1.3rem;
  }
  .discuss-proj{
   height: 180px;
  }
  .cmb{
   margin-bottom: 20px;
 }
 .banner-txt-ov{
   display: none;
 }
 .nav-bx-wr{
   display: none;
 }
 .banner-social{
   display: none;
 }
 .mob-menu-wr{
   width: 100%;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20px;
   background-color: #fafafa;
 }
 .mob-menu-wr .brand-logo{
   width: 60%;
 }
 .mob-menu-wr .brand-logo img{
   width: 100%;
 }
 .mob-menu-bx{
   width: 10%;
 }

 #mobileMenu{
   display: none;
   list-style: none;
 }
 #mobileMenu li{
   margin: 10px 0px;
   padding: 5px 10px;
 }
 #mobileMenu li a{
   color: var(--secondary);
   text-decoration: none;
 }
 #mobileMenuToggle{
   cursor: pointer;
}
.submenumob{
   display: none;
   list-style: none;
}
.submenumob li a{
   color: #6b6b6b!important;
}
.inner-pg-banner{
   height: 120px;
}
.inner-pg-banner h2{
   margin-top: 10px;
   font-size: 1.3rem;
}
.inner-pg-banner ul li{
   font-size: 0.9rem;
}
.main-cont-wr{
   padding: 20px;
}
.hm-abt-txt h2{
   font-size: 1.4rem;
}
.vis-mis-sec{
   height: auto;
}
.vis-mis-bx{
   width: 90%;
   flex-direction: column;
}
.vis-mis-leftbx, .vis-mis-rightbx{
   width: 100%;
   padding: 0px;
}
.vis-mis-leftbx{
   border-right: 0px;
}
.cont-wr-bx{
   min-height: unset;
}
.cont-wr-bx h3{
   font-size: 1.3rem;
}
footer{
   padding-left: 20px;
   padding-right: 20px;
}
.table td{
   font-size: 0.9rem;
}
.pj-maintitbx{
   font-size: 1.1rem;
}

}

@media only screen and (min-width: 601px) and (max-width: 990px){
  
   .mct{
      margin-top: 0px;
   }
   .main-banner{
      height: auto;
   }
   .hmabt-se{
      padding: 25px;
   }
   .some-rand-num{
      margin-top: 10px;
      padding: 0.8rem;
   }
   .digit-bx{
      flex-wrap: wrap;
      height: auto;
   }
   .digit-inner-bx{
      border-right: 0px;
   }
   .mob-menu-wr{
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px;
      background-color: #fafafa;
    }
    .mob-menu-wr .brand-logo{
      width: 60%;
    }
    .mob-menu-wr .brand-logo img{
      width: 100%;
    }
    .mob-menu-bx{
      width: 10%;
    }
   
    #mobileMenu{
      display: none;
      list-style: none;
    }
    #mobileMenu li{
      margin: 10px 0px;
      padding: 5px 10px;
    }
    #mobileMenu li a{
      color: var(--secondary);
      text-decoration: none;
    }
    #mobileMenuToggle{
      cursor: pointer;
   }
   .submenumob{
      display: none;
      list-style: none;
   }
   .submenumob li a{
      color: #6b6b6b!important;
   }
   .nav-bx-wr{
      display: none;
   }
   .mob-menu-wr .brand-logo{
      width: 30%;
   }
 
}


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