@media only screen and (max-width: 1200px){
  .btn-type{
    padding:.5rem 1rem;
  }
  .navbar-nav li{
    padding:0rem  .6rem;
 }
 .hero-heading{
	font-size:3.5rem;
  line-height:4.5rem;;
}

}
@media only screen and (max-width: 992px){
  html{font-size: 55.5%;}
  .navbar{
    height: auto!important;
    background-color: var(--darkblue);
    margin:0px;
    overflow:hidden;
    box-sizing:border-box;
    padding:0rem 0rem;
    }
    .sticky_navigation {
      padding:10px 0px!important;
    }
    .collapse{
      background:var(--peacock);
    }
    .foronebg{
      /*background-color: var(--blue);*/
      background-image:none;
      height: auto!important;
      margin:0px;
      position: relative;
      padding-bottom: 0rem;;
    }
    .shitty-hero{
      position: relative;
      margin:0px;
      /*background:var(--blue);*/
      padding-bottom:0rem 0rem!important;
      padding-top:15rem!important;
      height: auto!important;
      /* padding-bottom: 0rem!important; */
      padding-bottom:5rem;
      
    }
    .btn-type a{
      padding-left:0rem;
    }
    
.navbar-nav li a{text-align: center;}
  .experience-digit{
    font-size:20rem;
  }
  .experice-text{
    font-size: 1.5rem;
  }
  .mb3{
    margin-bottom: 3rem;
  }
  .forthisnavbar{
    padding:1rem 0rem!important;
  }
  



  }
@media only screen and (max-width: 768px){
html{font-size: 45.5%;}
.shitty-hero{
 padding:15rem 0rem 10rem 0rem!important;
  
}
.navbar-expand-lg{
  padding:0px 10px!important;
}
.button-divs a{
  display: block;
  width:100%;
  margin-top:2rem;
}
.hero-heading{
	font-size:2.8rem;
  line-height:4.5rem;;
}
.herorightimage{
  max-width: 90%;
  margin:20px 0px;
  box-sizing: border-box;
}
.bgonmobile{
  background: #f9f9f9;
  margin-top:2rem!important;

}
.srvice-btn{
  float:none;
  width:100%;
  text-align: center;
}
}