@media only screen and (max-width:1399px) {

    
}

@media only screen and (max-width:1199px) {
   .hero-text h1 {padding-top: 25px;}
   .icon-sec-wrap {padding: 15px 0 0 0;}
   .button-section {padding-bottom: 70px;}
   .hero-text h1 { font-size: 72px;}
   .service-box-text p { font-size: 16px;}
   .pic-text-title { font-size: 20px;}
   
}

@media only screen and (max-width: 991px) {
   .hero-text h1 {padding-top: 20px;font-size: 56px;}
   .hero-text h1:after {bottom: -5px; height: 10px;}
   .hero-text p {line-height: 24px;padding:10px 0;}
   .icon-sec .icon {width:25%;height: 30px;}
   .icon-sec .icon-title {font-size: 16px;line-height: normal;}
   .icon-sec .icon img {width: 77%;}
   .navsection {position: relative;z-index: 101;}
   .navbar-toggler { background: #fff; border-color: #fff;}
   .navbar-collapse {background: #291a0d;padding: 10px;border-radius: 10px;}
   .navsection .nav-item a.active { border-bottom: none; color: #26bfff;}
   .navsection .navbar-expand-lg .navbar-nav:after {background: transparent;}
   .double-box-text h2 {font-size: 32px;}
   .call-me {left:-35px}
   .call-me a {font-size: 35px;}
   .call-me:before {right: -185px;height: 170PX;}
   .ph-section a {font-size:44px}
}

 

@media only screen and (max-width:767px) {
   .hero-text h1 {font-size: 42px;}
   .service-section {padding: 150px 0 0 0;}
   .service-section h2 {font-size: 44px;}
   .icon-sec-wrap {padding: 30px 0; position: relative;}
   .icon-sec-wrap:after {width: 100%; content: ''; position: absolute; background: rgba(9, 41, 61,0.7); top: 0; left: 0;}
   .service-section h4 {font-size: 20px;}
   .service-box { margin-bottom: 30px;}
   .about-cont-text {padding: 30px 0;}
   .fixed-top {background: transparent; position: absolute;}
   .hero-section .fixed-top { position: absolute;}
   .list-text {margin-bottom: 30px;}
   .call-me:before {right: -290px;height: 202PX; top: -62px;}
   .call-me a {font-size: 50px;}
   .double-box-text:before,.double-box-text:after {height: 200px;}
   .double-box-text li {padding-bottom:0;}
   .ph-section {margin: 250px 0 0 91px;}
   .ph-section a { top: -107px;}
   .ph-section:before {height: 162px;}
   .call-me { display: none;}
   .right-section {top: 0;}
   .topbar-cont ul li a {font-size: 11px;}
   .topbar-cont ul li:first-child {padding-left: 10px;padding-right: 10px;}
   .f-logo { padding-bottom: 30px;}
   .footer-link {padding-bottom: 30px; }
   .navsection .navbar-brand {width: 35%;}
   .pic-text-wrap {margin-top: 50px;}
   .inner-content h1 {font-size: 38px;}
   .pic-text-title {font-size:22px}
   .service-txt-head {font-size: 46px;}
   .contact-icon-section {flex-direction: column;}
   .icon-text-full {bottom: -106px;background: #0a2a3e; bottom: -106px;}
   .hero-text {position: relative; top: 0; left: 0; transform: none; z-index: 7; }
}

@media only screen and (max-width:575px) {
   .navsection .navbar-brand {width: 30%;}
   .hero-section {
      position: relative;
      height: 100vh;
  }
  .heroimg { height: 100vh;}
  .heroimg img { width: 100%; height: 100%; object-fit: cover;}
   .hero-text {  margin-top: -260px;}
   .hero-text h1 {font-size: 30px;}
   .icon-text-full {
      bottom: -54px;
      position: relative;
  }
   /* .icon-sec-wrap {padding: 55px 0;} */
   .map-section h2.section-title {font-size: 48px;}
   .map-section h2.section-title:after { height: 10px;}
   .hero-text p {line-height: normal;}
   .icon-sec .icon {margin-bottom: 10px;}
   h2.section-title {font-size:50px;}
   .button-section { padding-bottom: 0;}
   .button-section ul { flex-direction: column; gap: 10px;}
   
}
@media only screen and (max-width:480px) {
   .hero-text h1 {font-size: 26px;letter-spacing: 0.003rem;}
   .icon-text-full {bottom: -160px;}
   .icon-sec .icon-title {
      font-size: 14px;
      line-height: normal;
  }
  .topbar-cont {width: 70%;}
  .topbar-cont ul li a {font-size: 11px;}
  /* .icon-sec-wrap { padding: 70px 0;} */
  .obligation h2.flurocent { font-size: 27px;}
   .obligation .icon-sec-wrap {padding: 40px 0 0 0; flex-direction: column; justify-content: center;align-items: center;}
   .obligation .icon-sec { padding: 0 0 20px;}
   .obligation .icon-sec .icon {padding: 0 0 20px;}
   .obligation .icon-sec .icon { width: auto; height: auto;}
   .obligation .icon-sec .icon-title { font-size: 16px;}
   .obligation .icon-sec .icon img { width: auto;}
   .stripbnimg ul {flex-direction: column;}
   .stripbnimg ul li { max-width: 100%;}
   .double-box-text:before, .double-box-text:after {height: 235px;}
   .inner-content {padding-top: 115px; padding-bottom: 20px; }
   .inner-content h1 {font-size: 34px;}
   .hero-text { margin-top: -500px;}
   .hero-text p { margin-bottom: 30px;}
   .hero-text h1 { margin-bottom: 20px;}
   .icon-sec .icon { width: 36%;}
   .service-section h2 {font-size: 32px;}
   .service-section h4 { text-align: center;}
   h2.section-title {
      font-size: 40px;
  }
  .about-cont-text p {
   line-height: 30px;
   font-size: 16px;
}
.about-bottom-pic { display: none;}
.double-box-text:before { display: none;}
.double-box-text:after { left: 0; width: 100%;}
.double-box-text ul { margin-left: 20px;}
.right-section {top: -30px;left: 0;}
.map-section h2.section-title {
   font-size: 36px;
}
.contact-cont { padding: 60px 30px;}
.f-logo { text-align: center;}
.copy { flex-direction: column; text-align: center;}
.foot-link-title { font-size: 20px;}
.location i, .call i, .social-media a i {
   font-size: 35px;
}
.map-section h2.section-title {
   font-size: 30px;
}
.getin-touch h4 {
   font-size: 20px;
}
.list-text ul li { width: auto;}
.inner-content h1 {
   font-size: 27px;
}
.service-txt-head {
   font-size: 32px;
   padding-top: 20px;
}
.trained-section-txt-head {
   font-size: 28px;
   padding-bottom: 10px;
   padding-top: 20px;
}
.service-txt p {
   font-size: 16px;
   line-height: 28px;
}
.trained-section-txt-cont ul li {
   padding: 10px 0 10px 30px;
}
.inner-content h5 {
   font-size: 18px;
}
.link-text, .location-text {
   font-size: 20px;
   line-height: normal;
}
h2.section-title {
   font-size: 34px;
}
h2.section-title:after {
   height: 6px;
}
}
 /* @media only screen and (max-width:375px) {
   .navsection .navbar-brand {padding: 10px 9px;}
   .hero-text {top: 36%;}
   .hero-text p {font-size: 15px;}
   .button-section ul li {min-width: 150px;margin: 0 5px;}
   .button-section ul li a {padding: 12px 20px;font-size: 12px;}
   .icon-sec-wrap {padding: 120px 0 20px;}
   .icon-sec .icon {margin-bottom: 0;}
   .icon-sec .icon-title {font-size: 11px;}
   .icon-sec .icon img { width: auto;}
   .service-section {padding: 200px 0 0 0;}
   .icon-text-full { bottom: -181px;}
   .icon-sec .icon-title:after {bottom: -6px;height: 5px;}
   .navbar-toggler {margin-top: -40px;}
   .inner-content h3 {font-size: 25px;padding-bottom: 10px;}
   .inner-content h1 {font-size: 25px;}
   .pic-text-wrap {margin-top: 20px;}
   .pic-text-title {font-size: 17px;}
   .double-box-text:after { left: 0;}
   
 } */