@media (max-width: 575px) { 

.mobileMenubar {
  display: block;
}
.header{
  display: none;
}

.home-hero {
  padding-bottom: 35px;
}

.home-hero .logo{
  max-height: 120px;
  margin-bottom: 10px;
}

.home-hero h1{
  font-size: 30px;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
}

.home-hero h2{
  font-size: 23px;
  font-weight: 300;
}

.home-hero h3{
  color: #d49901;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 300;
}

.home-hero br{
  display: none;
}

.home-hero p{
  font-size: 18px;
  color: #fff;
}

.home-hero .logo{
  max-height: 140px;
  margin-bottom: 30px;
}




.section-1{
  padding: 40px 15px;
}

.section-1 .logo{
  max-height: 140px;
}

.section-1 h2{
  font-size: 30px;
}

.section-1 h3{
  font-size: 20px;
  line-height: 34px; ;
}

.section-1 p{
  color: #fff;
  font-weight: 300;
  font-size: 16px;
}

.section-1 p strong{
  font-weight: 700;
}




.section-2{
  padding: 30px 15px;
}

.section-2 img{
  max-width: 200px;
}
.section-2 h2{
  color: #fff;
  font-size: 30px;
}

.section-2 h3{
  font-size: 24px;
  line-height: 40px;
}


.section-3{
  flex-direction: column-reverse;
  padding: 0;
}

.section-3 .col-right{
  min-height: 350px;
  width: 100%;
}

.section-3 .col-left{
  flex-direction: column;
  min-height: auto;
  width: 100%;
  grid-gap: 15px;
}

.section-3 .col-left h2{
  font-size: 30px;
}
.section-3 .col-left h3{
  font-size: 23px;
}
.section-3 ul.list-2{
  font-size: 20px;
}


.section-4{
  padding: 0 15px;
  flex-direction: column;
}

.section-4 .col-right{
  width: 100%;
  min-height: 350px;
}

.section-4 h2{
  font-size: 35px;
}


.section-4 .col-left{
  min-height: 100px;
  width: 100%;
  padding:20px 15px;
  gap:0;
  margin: auto;
  grid-row: 10px;
  position: relative;
}

.section-4 .content-wrap{
  padding: 15px;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -1px;
}





.section-5{
  padding: 30px 15px;
}

.section-5 h2{
  font-size: 35px;
  letter-spacing: -1px;
}

.section-5 h3{
  font-size: 20px;
  letter-spacing: -0.5px;
  margin-bottom: 15px;
}

.section-5 .cta{
  background-color: #d49901;
  border-radius: 10px;
  padding: 25px;
}

.section-5 h4{
  font-size: 25px;
  letter-spacing: -1px;
}

.section-5 .cta p{
  font-size: 20px;
  letter-spacing: -0.5px;
  line-height: normal;
}





.section-6{
  background-color: #fff;
  padding: 30px 15px;
}

.section-6 h2{
  font-size: 30px;
}

.section-6 .right-item{
  flex-direction: column;
}

.section-6 .item h3{
  font-size: 26px;
}



.section-7{
  background-color: #fff;
  padding: 30px 15px;
}

.section-7 h2{
  font-size: 35px;
  letter-spacing: -1px;
}

.section-7 p.main-para{
  letter-spacing: 1px;
  font-size: 20px;
  letter-spacing: 0px;

}

.section-7 .item .number{
  font-size: 55px;
  letter-spacing: -2px;
}



.innerpage-hero{
  min-height: 150px;
  background-color: #222;
  background-size: cover;
  background-position: center top;
}


.section-8{
  padding: 30px 15px;
}


.section-8 h2{
  font-size: 36px;
  letter-spacing: -1px;
}

.section-8 ul.social1 li a{
  height: 50px;
  width: 50px;
  font-size: 24px;
}





.section-10{
  padding: 40px 0px;
  background-color: #1b1a1a;
}

.section-10 .container{
  padding: 0 30px;
}

.section-10 h2{
  font-size: 26px;
  letter-spacing: -0.5px;
  padding: 0 0;

}

.section-10 h2 span{
  letter-spacing: -0.5px;
}


.section-10 h2.bigger{
  font-size: 26px;
  letter-spacing: -0.5px;
}

.section-10 h4{
  letter-spacing: -0.5px;
  font-size: 22px;
}

.section-10 ul.list-1{
  font-size: 20px;
}




.section-11{
  padding: 40px 0;
  background-color: #1b1a1a;
}

.section-11 .container{
  padding: 0 30px;
}

.section-11 h2{
  font-size: 30px;
}

.section-11 h3{
  font-size: 24px;
}

.section-11 h4{
  font-size: 24px;
}

.section-11 p{
  font-size: 18px;
  color: #fff;
}




.section-12{
  padding: 40px 0;
}

.section-12 .container{
  padding: 0 30px;
}

.section-12 h2{
  font-size: 30px;
  letter-spacing: -1px;
}






.contactform-1{
  margin-top: 30px;
}


.innner-page{
  padding: 30px 15px;
}

.innner-page h2{
  font-size: 25px;
}

.innner-page h3{
  font-size: 22px;
}

.innner-page h4{
  font-size: 20px;
}




.footer{
  padding: 30px 15px;
  text-align: center;
}
.footer ul.ftrmenu{
  padding: 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center !important;
}



.section-9{
  background-color: #151515;
  padding: 30px 15px;
}

.section-9 h2{
  font-size: 30px;
  color: #fff;
  letter-spacing: -1px;
}

}


@media (min-width: 576px) and (max-width: 768px) {

.mobileMenubar {
  display: block;
}
.header{
  display: none;
}




.section-4{
  padding: 40px 0;
  flex-direction: column;
}

.section-4 .col-right{
  width: 100%;
  min-height: 450px;
}

.section-4 h2{
  font-size: 35px;
}


.section-4 .col-left{
  min-height: 100px;
  width: 100%;
  padding:20px 30px;
  gap:0;
  margin: auto;
  grid-row: 10px;
  position: relative;
}

.section-4 .content-wrap{
  padding: 15px;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -1px;
}



.footer{
  padding: 30px 15px;
  text-align: center;
}
.footer ul.ftrmenu{
  padding: 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center !important;
}



.section-9{
  background-color: #151515;
  padding: 30px 15px;
}

.section-9 h2{
  font-size: 30px;
  color: #fff;
  letter-spacing: -1px;
}


}

@media (min-width: 992px) and (max-width: 1200px) { 

.mobileMenubar {
  display: block;
}
.header{
  display: none;
}

}



@media (min-width: 1201px) and (max-width: 1460px) { 


}