@media (max-width: 768px) { 
  .services-grid{ grid-template-columns: 1fr;}
  .service-1{ grid-row: span 1;}
}
@media(max-width: 1899px) {

}

@media(max-width: 1799px) {

}

@media(max-width: 1599px) {
.container{ padding-left: 25px; padding-right: 25px;}
.hm-banner{ min-height: 750px; background-size: 60% auto;}
.hm-banner aside{ max-width: 590px;}
}

@media(max-width: 1439px) {

}

@media(max-width: 1365px) {
}

@media(max-width: 1279px) {
.icon-title-sec aside{ width: 33.33%;}
}

@media(max-width: 1199px) {
.icon-title-sec h4{ padding: 0 15px;}
}

@media(max-width: 1151px) {

}

@media(max-width: 1055px) {
}

@media(max-width: 1023px) {
}

@media(max-width: 991px) {
.navbar-toggler{ width: 30px;height: 24px;position: relative;padding: 0;}
.toggler-icon,
.toggler-icon:before,
.toggler-icon:after{ content: '';position: absolute;width: 100%;height: 3px;background: var(--bs-white);transition: all 0.3s ease;left: 0;}
.toggler-icon{ top: 50%;transform: translateY(-50%);}
.toggler-icon::before{ top: -8px;}
.toggler-icon:after{bottom: -8px;}
.navbar-toggler:not(.collapsed) .toggler-icon{ background-color: transparent;}
.navbar-toggler:not(.collapsed) .toggler-icon::before{ transform: rotate(45deg);top: 0;}
.navbar-toggler:not(.collapsed) .toggler-icon::after{ transform: rotate(-45deg);bottom: 0;}
.main-header .navbar{ justify-content: end; position: static;}
.main-header .navbar-toggler:focus{ box-shadow: none;}
.main-header .navbar-collapse{ position: absolute; width: 100%; top: 101px; left: 0; background: var(--light-blue); padding: 30px 20px 30px;}
.main-header ul.navbar-nav li.nav-item a{ color: var(--black);}
.icon-title-sec aside{ padding: 0 15px;}
.hm-banner h1{ background-size: 230px auto; background-position: right -40px bottom; display: inline-block;}
}

@media(max-width: 969px) {
}

@media(max-width: 899px) {
.main-header .navbar-collapse{ top: 81px;}
}

@media(max-width: 799px) {
}

@media(max-width: 767px) {
.hm-banner, .inner-banner{ background-image: none !important; padding-top: 110px; padding-bottom: 0; min-height: auto;}
.banner-mob-img{ display: block; padding-top: 30px;}
.main-header figure img{ max-width: 270px;}
h1, .inner-banner h1{ font-size: 1.5em;}
h2, .quot-sec h2{ font-size: 1.4em;}
.hm-banner p{ font-size: 1em;}
.hm-banner .container, .inner-banner .container{ padding: 0;}
.hm-banner aside, .inner-banner aside{ padding: 0 25px;}
.bttn{ min-width: 100%;}
.icon-title-sec aside{ padding-bottom: 30px;}
.main-footer .mf-left{ text-align: center; padding-bottom: 40px;}
.main-footer .mf-right{ justify-content: center;}
.copy-right p{ width: calc( 100% - 24px );}
.copy-right a{ width: 24px; height: 24px; display: block;}
.cont-form-sec p{ max-width: 100%;}
.quot-sec{ padding: 50px 0 60px;}
.quot-sec .quot-sec-in{ padding: 66px 16px 30px;}
.services-sec .services-grid{ display: block;}
.services-grid .service-grid{ margin: 0 0 30px;}
.icon-title-sec aside{ width: 100%;}
.services-sec .title-sec{ display: block;}
.services-sec select{ width: 100%; margin-top: 15px;}
.services-grid .service-grid{ padding: 38px 20px;}
.services-sec .title-sec h4{ padding-right: 0; padding-bottom: 15px;}
.icon-title-sec{ padding: 60px 0 0;}
}

@media(max-width: 735px) {
}

@media(max-width: 666px) {
}

@media(max-width: 575px) {
.icon-title-sec h4{ padding: 0; font-size: .9em; line-height: 22px;}
}

@media(max-width: 479px) {
}

@media(max-width: 413px) {
}

@media(max-width: 374px) {

}

@media(max-width: 320px) {
}