@media only screen and (min-width:1024px) and (max-width:1440px) {
.usp ul li{font-size: 20px;}
.stellarnav > ul > li > a { padding: 20px 0px 0px 20px !important; font-size: 15px;}
.stellarnav li a { padding: 8px; display: block; text-decoration: none; color: #333333; text-transform:none; font-size: 14px;  }

}
@media only screen and (min-width:820px) and (max-width:1199px) {
    .clinical-left p {
    font-size: 14px;
    line-height: 26px;
    padding-top: 17px;
}
}
@media only screen and (min-width:678px) and (max-width:1023px) {
.usp ul li{font-size: 20px;}
.stellarnav > ul > li > a { padding: 20px 0px 0px 10px !important; }
.contat-left{width: 49%;}
.contact-right{width: 49%;}
}

@media only screen and (min-width:230px) and (max-width:767px) {
.hero-content-upper h2 {font-size: 30px;}
.custom-container {padding: 0px 25px;}
.banner-text {transform: translateY(-29%);}
.banner-text h5 {font-size: 5vw;}
.banner-text h5 {margin-bottom: 28px;}
.banner-text a {font-size: 14px;padding: 10px 28px;}
.contact-card {padding: 15px;}  
.contact-card .icon {margin-right: 10px;}
.contact-card .icon img {max-width: 40px;}
.contact-card .card-details h5 a {font-size: 19px;}
.contact-card .card-details h6 {font-size: 16px;color: #666;margin-bottom: 0;}
.usp ul li{font-size: 16px; margin: 10px 20px 10px 0px; padding: 12px 16px;}
.banner_image{height: 50vh;}
.aboutsection-row{flex-direction: column;}
.banner-text h1{font-size: 21px;}
.banner-text h1 {letter-spacing: 1px;}
.aboutsection-left{width: 100%;}
.aboutsection-right{width: 100%;}
.heading{font-size: 31px;margin-top: 22px;}
.heading2{font-size: 28px;}
.aboutsection-right p {font-size: 18px; line-height: 30px;}
.clinicalsection{padding: 45px 0px;}
.clinical-row{flex-direction: column-reverse;}
.clinical-left{width: 100%;}
.clinical-left p{font-size: 18px; line-height: 30px;}
.clinical-right{width: 100%; margin-top:50px;}
.contact-row{flex-direction: column;}
.contat-left{width: 100%;}
.contact-right{width: 100%;}
.footer-row{flex-direction: column;}
.footer-left{width: 100%; margin-bottom: 20px;}
.footer-right{width: 100%;}
.footer-right ul li {font-size: 20px; margin-bottom: 7px;}
.stellarnav.mobile.dark ul{    background: #fff !important;}

}




