@media (max-width: 400px) {
  h1, .h1 {font-size: 30px;}
  .page-404 {padding-top: 150px;}
}
@media (max-width: 575px) {
  .section {padding: 80px 0;}
  .page-404 {padding-top: 250px;}
  .nav-tabs .nav-item {margin-bottom: 10px;}
  .top-header ul.top-list li:last-child {display: none;}
  .navigation.navbar-fixed-top {margin-top: -8px !important;}
  .mt-0 {padding-top: 19vh;}
  .pt-page-0 {padding-top: 45vh;}
  .hero-slider-item {padding: 45px 0; height: 81vh;}
  .hero-content h1 {font-size: 40px;}
  .hero-content p {line-height: normal; font-size: 15px; width: 100%;}
  .hero-content p.font-weight-bold {width: 70%; font-size: 18px;}
}
@media (max-width: 767px) {
  .navigation.navbar-fixed-top {margin-top:14px;}
  .call-btn:hover {width: 50%;}
  .page-404 {padding: 450px 0 50px;}
  .automotive-banner {background-position: right -400px bottom;}
  .page-title.about-bg {background-position: center center;}
  .page-title.contact-bg {background-position: center center;}
  .page-title.service-bg {background-position: center right;}
  .page-title.emergency-bg {background-position: center center;}
  .page-title.automotive-bg {background-position: center center;}
  .page-title.commercial-bg {background-position: center left -180px;}
}
@media (min-width: 768px) and (max-width: 1023px) {
  .call-btn:hover {width: 30%;}
  .hero-content p {width: 80%;}
  .hero-slider-item {padding: 80px 0;}
  .page-title.contact-bg {background-position: center top;}
  .page-title.service-bg {background-position: center bottom;}
}
@media (max-width: 991px) {
  .mb-md-50 {margin-bottom: 50px;}
  .navigation .navbar-brand {position: relative; height: unset; width: unset; box-shadow: none; top: 45px; background: none; margin: 0; padding: 15px 0 20px;}
  .navigation .navbar-brand img {height: 70px; width: auto; margin-top: -22px;}
  .navigation .navbar .nav-item {padding: 0;} 
  .navigation .navbar .nav-item .nav-link {padding: 15px 0; font-size: 14px; text-align: center;}
  .navigation .navbar .nav-item:last-child {padding: 0; margin-bottom: 20px;}
  .navigation .navbar .dropdown-menu {display: none; opacity: 1; visibility: visible; transform: scaleY(1); transform-origin: unset;}
  .navigation .navbar .dropdown-menu.show {display: block;}
  .navigation .navbar .dropdown-item {text-align: center;}
  .navigation .navbar .dropdown-item::before {display: none;}
  .navigation.navbar-fixed-top {margin-top: 13px;}
  .top-header ul.top-list {text-align: center; padding: 0; margin: 0;}
  .top-header ul.top-list li {display: block; border: 0; padding: 0; margin: 2px 0; font-size: 14px; line-height: 1.4;}
  .clients {background-size: cover !important; background-position: center center; text-align: center;}
  .service-menu li.active::before {display: none;}
  .nav-tabs {-ms-flex-pack: center; justify-content: center;}
}
@media (max-width: 1199px) {
  .pb-xl-200-lg-100 {padding-bottom: 100px;}
  .mb-xl-150-lg-100 {margin-bottom: 100px;}
  .navigation .navbar .nav-item .nav-link {font-size: 12px; padding: 15px 6px;}
  .top-header ul.top-list li {font-size: 14px;}
  .process-item {width: unset;}
  .process-item-number {top: -35px; left: 50%; transform: translateX(-50%);}
  img.arrow-top {display: none;}
  img.arrow-bottom {display: none;}
}

@media (min-width: 1025px) {
  .page-title.about-bg {background-position: center -130px;}
  .page-title.contact-bg {background-position: center center;}
  .page-title.faqs-bg {background-position: right center; padding: 160px 0 150px;}
  .page-title.service-bg {background-position: center -250px;}
  .page-title.automotive-bg {background-position: center bottom -250px;}
  .page-title.emergency-bg {background-position: center top -250px;}
  .page-title.commercial-bg {background-position: center center;}
  .page-title.residential-bg {background-position: center center;}

}