@media (max-width: 420px) { .navbar-wrap .navbar-brand { font-size: 22px;}
}

@media (max-width: 575.98px) { .carousel-item { padding-left: 25px; padding-right: 25px;}
.carousel-control-next, .carousel-control-prev { opacity: unset; width:15%} 
.diagnostic-box ul li { width: 100%;}
}


@media (max-width: 767.98px) { .welcome .inside-box br { display: none;} 
.about-us ul li { width: 100%; text-align: center;}
 }


@media (max-width: 991.98px) { .navbar-wrap .nav-link { text-align:center !important; }
.navbar-collapse { background: #FFF;} 
.navbar-wrap .nav-item { text-align:center !important; border-bottom: 1px solid #f0f0f0; }
.navbar-wrap .nav-link { text-align:center !important; }
.navbar-wrap .btn-quote-button { margin: 0px auto; width:200px; display: block; margin-top: 10px;}
.welcome { height: auto;} .welcome .inside-box  { padding-top: 250px; padding-bottom: 100px;}
.about { padding-top: 80px; padding-bottom: 80px;} .about ul li { text-align: center;} 
.services-box { padding-top: 80px; padding-bottom: 80px;}
.different { padding-top: 80px; padding-bottom: 80px;}
.services { padding-top: 80px; padding-bottom: 80px;}
.diagnostic-box { padding-top: 80px; padding-bottom: 80px;}
.testimonial { padding-top: 80px; padding-bottom: 80px;}
.contact-us { padding-top: 80px; padding-bottom: 80px;}  .body-title br { display:none;}
.about-box { padding-top: 80px; padding-bottom: 80px;}
.about-us {  padding-bottom: 80px;}
.video-box { padding-top: 80px; padding-bottom: 80px;}
.process { padding-top: 80px; padding-bottom: 80px;}
.faq { padding-top: 80px; padding-bottom: 80px;}  .body-title { padding-top: 70px; padding-bottom: 70px;}
}

@media (max-width: 1199.98px) { .navbar-wrap .navbar-brand { font-size: 26px;} }


@media (max-width: 1399.98px) { ... }