

/********************************
************Media query************
************************************/
@media (min-width: 1400px) and (max-width: 1700px){
  
}

@media (max-width: 1400px) {
    .expert .item { width: 100%;}
}

@media (max-width: 1200px) {

}
  
@media (max-width: 991px) {
    .topBar .rt .icon{width:15px;height:15px;fill:var(--green);display:inline-block;vertical-align:top;margin:3px 1px 0}
    .logo a{display:inline-block;width:180px}
    .topBar .rt{font-size:12px;margin:0 0 20px}
    .navbar-collapse {position: fixed;background: #ddd; width: 190px; z-index: 99; top: 62px; text-align: left; padding: 10px 10px 15px;  right: -200px;margin: 0 auto; height: 100%; transition: ease all 1s; }
    .fixMenu {right: 0;}
    .navbar-nav li {border-bottom: solid 1px #ccc; margin: 0 0 8px;}
    .menu_fixed img { width: 210px;}

    .banner {
        height: auto; text-align: center;
      }
.banner h1 {
font-size: 25px;
margin: 0; text-align: center;}

.banner ul {
  margin: 0 0 20px;
  display: inline-block;
  text-align: left;
}


.typewrite {
font-size: 24px;}

.offerArrow{display: none;}

.orderForm h2 {
font-size: 21px;
width: 95%;margin: 10px 0 30px -15px;
}

.orderForm {
padding: 15px; margin: 0 0 50px;}

.services {
background: none;
}

h2 {
font-size: 23px;}
.services h5 {
font-size: 16px;}
.subService {
padding: 15px;
border-radius: 20px;
margin: 25px 10px 70px;
text-align: center;
}


.subService img {
margin: -90px 0 20px;}
.subService h3 {
font-size: 21px;}

.services {
background: none;
padding: 70px 0 0;
margin: 0 0;
}

.about {
padding: 0 0;
margin: 0 0 6%;
text-align: center;
}

.about h2 {
text-align: center;
}

.about img {
margin: 40px auto 30px;
}

.testimonial {
text-align: center;
background: #F7FAFC;
padding: 30px 0;}

.usp h2 {
margin: 16px 0 20px;
}
.subUsp {
text-align: center; min-height: auto;
}

.usp {
margin: 0;
}
.team {
padding: 0 0; text-align: center;}

.team img {
margin: 0 0 30px;
}
.team h2 {
text-align: center;
}

.feature {
padding: 20px 0;
margin: 60px 0 6%;
background: #F7FAFC;
text-align: center;
}

.feature h2 {
margin: 16px 0 25px;
text-align: center;
}
.feature p {
    margin: 0;
  }
  .feature .rt ul {
    margin: 40px 0 0;
    text-align: left;
  }
  .feature .rt h3 {
    font-size: 20px;}
    .faq {
        margin: 0 0 6%;
        text-align: center;
      }
      .faq button {
        text-align: center;}
        .beforeFoot {
            text-align: center;
          }
          .footLogo {
            text-align: center;
          }
          .footLogo img {
            float: none;
          }
          .beforeFoot h2 {
            text-align: center;
            font-size: 20px;
          }

         
          footer p {
            font-size: 14px;
          }
          .beforeFoot .rt img{display: none;}








}

@media (max-width: 767px) {
body{padding:90px 0 0}
.logo{text-align:left}
.logo a {display: inline-block; width: 210px; margin: 5px 0 0;}
.topBar .rt{display:none;}
.topBar .mail{margin:0 0 0 10px}
.topBar .rt a{display:inline-block;vertical-align:top; margin: 0;}
.login{display:none}
.navbar-toggler{position:fixed;top:15px;right:20px;background:var(--yellow);padding:5px;z-index:100}
.navbar-toggler .icon{width:24px;height:24px}
.navbar{padding:0; margin: 0;}
.topBar{padding:10px 0;position:fixed;background:#fff;z-index:98;top:0;box-shadow:0 0 20px -9px #666;width:100%}


}



@media (max-width: 480px){
  
}
  







