@media only screen and (max-width: 700px){
    .top-header-sec{
       padding: 10px 20px;
    }
    .brand-logo {
       display: block;
       margin: 0px auto;
    }
    .brand-logo img{
       width: 60%;
       text-align: center;
    }
    .tp-head-mnu{
      flex-wrap: wrap;
    }
    .top-header-sec .flat-primary-btn, .top-header-sec .flat-secondry-btn{
       min-width: 30%;
    }
    .navbar-toggler{
       border: 1px solid #8aaac7;
    }
    .navbar-toggler-icon{
       display: flex;
       align-items: center;
       justify-content: center;
       color: #8aaac7!important;
    }
    .main-mnu-sec .navbar{
       justify-content: flex-end!important;
    }
     .hero-slider p{
       width: 80%;
     }
     .abt-sec{
       padding: 30px 0px;
     }
     .cust-container{
       padding: 0px 20px;
     }
     .why-chbx{
       min-height: unset;
       margin-top: 40px;
     }
     .main-tit{
       margin-bottom: 15px;
     }
     .why-ch-fab{
       padding: 20px;
     }
     .ft-sec{
       padding: 1rem;
     }
     .ft-logo-sec img{
       width: 50%;
     }
     .ft-sm-sec{
       margin-bottom: 15px;
     }
     .ft-sec h4{
       font-size: 1.1rem;
     }
     .b-list li a{
       font-size: 0.9rem;
     }
     .abt-bx{
       margin-bottom: 30px;
     }
     .solution{
       padding: 30px 0px;
     }
     .solu-bx:last-child{
       margin-bottom: 0px;
     }
     .ft-sm-sec img{
       width: 7%;
     }
     .cprght{
       padding: 10px 20px;
       flex-direction: column;
     }
     .why-ch-imgbx{
       margin-bottom: 20px;
     }
     .why-ch-imgbx img{
       width: 45%;
     }
     .search-form{
       display: none;
     }
     .inner-banner-sec{
       min-height: 150px;
       padding: 20px;
     }
     .inner-bas-sp{
       padding: 20px;
     }
     .innerhm-contbx{
       width: 100%;
     }
     .what-we-do-sec{
       padding: 30px 0px;
     }
     .grid-container{
       grid-template-columns: 1fr;
     }
     .cont-wr-bx{
       min-height: unset;
       margin-bottom: 15px;
     }
     .cont-enq form{
      margin-bottom: 40px;
     }
     .grad-primary-btn{
       font-size: 0.9rem;
     }
     .sing-line span{
       font-size: 0.9rem;
     }
     .cprght{
       font-size: 0.9rem;
     }
     .solu-imgbx{
      margin-bottom: 25px;
     }
     .feat-list li{
       padding-left: 4%;
     }
     .form-group .form-control::placeholder{
       font-size: 0.9rem;
     }
     .form-group .form-control{
       font-size: 0.9rem!important;
       color: #455D73;
     }
     .form-group select option{
       font-size: 0.9rem!important;
     }
     .sup-sec .tab-content{
       padding: 2rem 1rem;
     }
     .prod-cont{
       flex-direction: column-reverse;
     }
     .prod-desc-img{
       min-height: unset;
     }
     .rght-prd-det-sec{
       width: 100%;
     }
     .left-list-bx{
       min-height: unset;
       width: 100%;
       padding: 1.5rem 1rem;
     }
     .left-list-bx ul li{
       padding: 10px 0px;
     }
     
   }
   
   @media only screen and (min-width: 701px) and (max-width: 990px){
     
     .navbar-toggler{
       border: 1px solid #8aaac7;
    }
    .navbar-toggler-icon{
       display: flex;
       align-items: center;
       justify-content: center;
       color: #8aaac7!important;
    }
    .main-mnu-sec .navbar{
       justify-content: flex-end!important;
    } 
    .top-header-sec{
     padding: 10px 20px;
    }
    .abt-bx{
     margin-bottom: 40px;
    }   
    .why-chbx{
      margin-bottom: 30px;
    }
    .why-ch-imgbx img{
     width: 40%;
    }
   }
   
   
   @media only screen and (min-width: 991px) and (max-width: 1300px){
      
   }
   @media only screen and (min-width: 991px) and (max-width: 1230px){
     
   }