@media only screen and (max-width: 700px){
  h2{
   font-size: 1.7rem;
  }
  h3{
    font-size: 1.5rem;
  }
  h4{
    font-size: 1.3rem;
  }
  h5{
    font-size: 1.1rem;
  }
  .dropdown-menu{
    background-color: rgba(255, 255, 255, 0.1);
  }
  .dropdown-item{
    color: #fff;
   text-align: center;
  }

  .loc-feat{
    padding: 30px 20px;
  }
  .nav-tabs .nav-link{
    font-size: 1.1rem;
  }
  .navbar-nav .dropdown-menu{
    display: none; 
  }
  
    .dropdown-menu.show {
    visibility: visible; /* Visible when the dropdown is active */
    opacity: 1; /* Fully opaque */
    transform: translateY(0); /* Reset position */
  }
  .comp-logo-bx{
    width: 30%;
    bottom: 0px;
    top: unset;
  }
  .our-serv{
    padding: 30px 20px;
  }
    .main-head{
      height: auto;
      flex-direction: column;
    }
    .logo-bx{
      width: 90%;
      height: auto;
    }
    .navbar-brand.logo{
      width: 40%;
    }
    .navbar .primary-btn{
      display: none!important;
    }
    .top-nav-bx-grid{
      border-left: 0px;
      height: auto;
    }
    .main-head-right-sec{
      width: 100%;
      height: auto;
      grid: unset;
    }
    .top-nav-bx-grid ul li{
      width: 100%;
      margin-bottom: 10px;
    }
    .top-nav-bx-grid ul{
      flex-direction: column;
      justify-content: flex-start;
    }
    .top-nav-bx-grid ul li:last-child{
      display: none;
    }
    /* .navbar-light .navbar-toggler-icon{
      background-color: #f0efef;
      border-radius: 3px;
      padding: 1.2rem;
    } */
    .navbar-toggler{
      background-color: #f0efef;
    }
    .navbar-light .navbar-toggler{ 
      border-radius: 5px;
    }
    .navbar{
      padding: 0rem ;
      height: auto;
    }
    .main-head{
      padding: 3px 20px;
    }
    .vdo-sec{
      width: 100%;
      height: 100%;
    }
    .banner-search h2{
       font-size: 1.6rem;
    }
    .banner-search h2 span{
      font-size: 1.6rem;
    }
    .navbar-collapse{
      margin-top: 30px;
      padding-bottom: 50px;
    }
    .top-nav-bx-grid-bk{
      padding: 0.5rem 1rem;
    }
    .navbar-nav .nav-item{
      margin: 8px 0px;
    }
    .navbar-nav .dropdown-menu{
      position: unset!important;
    }
    .top-nav-bx-grid-bk .primary-btn{
      display: none;
    }
    .banner-search{
      width: 95%;
      transform: translate(-50%, -50%);
      top: 50%;
    }
    .search-sec{
      display: none;
    }
    
    .some-num {
      display: none;
    }
    .abt-sec{
      padding: 40px 20px;
    }
    .div-logo-bx{
      width: 20%;
    }
    .exp-prop{
      padding: 40px 20px;
    }
    .values{
      padding: 40px 20px;
    }
    .val-bx{
      margin-bottom: 30px;
    }
    .feat-prop{
      padding: 40px 20px;
    }
    .feat-prop p{
      width: 100%;
    }
    .grid-container{
      height: auto;
      grid-template-columns: 1fr;
      grid-template-rows: 2fr;
    }
    .grid-container .box{
     min-height: 200px;
    }
    .box2{
      grid-row: unset;
    }
    .ft-sec{
      padding: 30px 20px 0px 20px;
    }
    .ft-logobx{
      width: 50%;
      margin-bottom: 30px;
      text-align: center;
    }
    .ft-lnk-sec{
      margin-bottom: 10px;
    }
    .sing-ln-imgbx{
      width: 6%;
      margin-right: 1%;
    }
    .inner-banner{
      height: 150px;
    }
    .basi-sp{
      padding: 40px 20px;
    }
    .basi-img-placer{
      margin-bottom: 15px;
    }
    .our-mis-bx{
      width: 100%;
      padding: 40px 20px;
      border-radius: 0px;
      background-color: rgba(221, 171, 56, 0.9);
    }
    .basi-img-placer-xl{
      margin-bottom: 18px;
    }
    .feat-prop-slide{
      padding: 40px 20px;
    }
    .cont-bx{
      margin-bottom: 10px;
      min-height: unset;
    }
    .cont-bx-left{
      margin-right: 5%;
    }
    .cont-sec-frm{
      padding: 40px 20px;
    }
    .tp-cont-ico{
      width: 9%;
    }
    .tp-cont-ico img{
      width: 100%;
    }
    .tp-cont-cont{
      width: 88%;
    }
    .cont-sec-frm-inner-wr{
      padding: 2rem 1rem;
    }
    .cp-rght{
      padding: 5px 20px;
    }
    .ser-areas-grid{
      grid-template-columns: 1fr!important;
    }
    .ser-areas{
      padding: 20px 0px;
    }
    .our-mis-inner-bx{
      width: 100%;
      border-radius: 0px;
      background-color: rgb(221, 171, 56, 0.9);
      padding: 20px;
    }
    .our-vis-bx{
      width: 100%;
      border-radius: 0px;
      background-color: rgb(221, 171, 56, 0.9);
      padding: 20px;
    }
    .our-mis-bx-tr{
      width: 100%;
      border-radius: 0px;
      background-color: rgb(221, 171, 56, 0.9);
    }
    .our-mis-inner-bx
    .values h2{
      margin-bottom: 10px;
    }
    .navbar-nav .dropdown-menu .dropdown-item {
      border-bottom: 1px solid #696969;
      transition: 0.3s ease-in-out;
    }
    .feat-prop-slide .prop-bx .loc-sec img{
      width:5%;
    }
    .serv-imgbx-xl{
      height: 260px;
    }
    .values h2{
       margin-bottom: 20px;
    }
}

@media only screen and (min-width: 701px) and (max-width: 990px){
  .basi-sp{
    padding: 30px;
  }
  .ser-areas{
    padding: 30px;
  }
    .navbar .primary-btn{
      display: none;
    }
   .main-head{
      height: auto;
      flex-direction: column;
   }
   .main-head-right-sec{
      width: 100%;
      height: auto;
      grid: unset;
   }
   .logo-bx{
      width: 50%;
   }
   .top-nav-bx-grid ul{
      flex-wrap: wrap;
   }
   .top-nav-bx-grid ul li{
      width: 48%;
   }
   .navbar-light .navbar-toggler-icon{
      background-color: #f0efef;
      border-radius: 3px;
      padding: 1.2rem;
    }
    .navbar-light .navbar-toggler{ 
      border-radius: 5px;
    }
    .navbar{
      padding: 0rem ;
      height: auto;
    }
    .navbar-collapse{
      margin-top: 30px;
    }
    .top-nav-bx-grid-bk{
      padding: 0.5rem 1rem;
    }
    .navbar-nav .nav-item{
      margin: 8px 0px;
    }
    .top-nav-bx-grid{
      grid: unset;
    }
    .banner-search{
      width: 80%;
    }
    .search-sec form{
      width:100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .some-num{
      text-align: center;
    }
    .abt-sec{
      padding: 40px 20px;
    }
    .exp-prop{
      padding: 40px 20px;
    }
    .feat-prop{
      padding: 40px 20px;
    }
    .feat-prop p{
      width: 100%;
    }
    .ft-sec{
      padding: 40px 20px 0px 20px;
    }
    .ft-logobx{
      width: 50%;
    }
    .ft-logobx img{
      width: 100%;
    }
    .values{
      padding: 40px 20px;
    }
    .sing-ln-imgbx{
      width: 5%;
      margin-right: 2%;
    }
    .our-serv{
      padding: 30px;
    }
    .navbar-toggler{
      background-color: #f0efef;
    }
    .navbar-light .navbar-toggler{ 
      border-radius: 5px;
    }
    .main-head{
      padding: 3px 20px;
    }
    .navbar-brand.logo{
      width: 21%;
    }
    .our-vis-bx{
      width: 70%;
      background-color: rgba(221, 171, 56,0.9);
    }
    .our-mis-inner-bx{
      width: 70%;
      background-color: rgba(221, 171, 56,0.9);
    }
   .serv-imgbx-xl{
    height: 300px;
   }
  .comp-logo-bx{
    width: 30%;
    top: unset;
    bottom: 0;
    right: 0;
  }
}


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