@charset "UTF-8";
/* Media Quiries */

@media (min-width: 576px) {
  .container {max-width: 100%;}
}
@media (min-width: 768px) {
  .container{max-width: 100%;}
}
@media (min-width: 992px) {
  .container {max-width: 95%;}
}
@media (min-width: 1200px) {
  .container {max-width: 90%;}
}
@media (min-width: 1599px) {

}

@media (min-width:1680px){.container{max-width:1536px;}
}

@media only screen and (min-width:992px){

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

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

}
@media only screen and (max-width:1680px){  
.ba-titlesec h1{font-size:var(--h1-size-sm);}
.blockquote p{font-size: 26px;}
.img-services > .img-caps > span{font-size: 14px;}
}
@media only screen and (max-width:1600px){  
  .ba-titlesec h1{font-size:35px;}
  
}
@media only screen and (max-width:1540px){
 
}
@media only screen and (max-width:1440px){
.service-img-card{gap:15px}
.img-services > .img-caps > span > img{width: 10px;height: 15px;}
.service-sec .service-col:last-of-type{padding-left: 15px;}
.service-sec .service-col:first-of-type{padding-right: 15px;}
.blockquote{max-width:80%;}
}
@media only screen and (max-width:1400px){

}
@media only screen and (max-width:1366px){
.img-services > .img-caps > span{font-size: 13px;}
}
@media only screen and (max-width:1280px){
.service-sec .service-col:first-of-type{width: 45%;}
.service-sec .service-col:last-of-type{width: 55%;}
.service-card{padding: 20px;}
.service-card .service-img{margin-right: 0;}
.service-card .service-content{width: calc(100% - 75px);}
.service-card .service-content h4{font-size:var(--h5-size);}
}
@media only screen and (max-width:1200px){
.ba-titlesec h1{font-size:var(--h2-size);}
}
@media only screen and (max-width:1199px){ 

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



}
@media only screen and (max-width:1024px){
.service-sec .service-col:first-of-type{width: 100%;}
.service-sec .service-col:last-of-type{width: 100%;}
.service-sec .service-col .service-card:last-of-type{margin-bottom: 30px;}
}
@media only screen and (max-width:991px){
.phone-numbers{flex-direction: row;}
.main-menu.main-menu-open{transform: translateX(0px);}
.bannerwrap{height:500px;display: flex;}
.bannerwrap img{height: 100%;object-fit: cover;object-position:center;}
.doctor-img figure{aspect-ratio: 1/1;margin:0;}
.ba-titlesec h1{margin-bottom: 30px;}
.ba-titlesec .button{left: 50%;transform:translateX(-50%);}
.video-card{height: auto;}
.videos{min-height:350px;margin-bottom: 30px;}
.hospital-loc-sec .h-loc-col:first-of-type{padding-right: 15px;margin-bottom: 30px;}
.blockquote{max-width:90%;top:-150px;}
}
@media only screen and (max-width:900px){

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

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

}
@media only screen and (max-width:767px){
.phone-btn > img{width: 10px;height: 10px;position: relative;top:5px;}
.phone-btn{font-size: 12px;}
.phone-btn > span > small{font-size: 12px;}
.top-btnsec{position: initial;width: 100%;display: block;margin-top: 15px;}
.menu-toggle{position: absolute;right:10px;height:44px;min-height: inherit;top:45px;}
.menu-toggle .menu-txt{display: none;;}
.btn-group{flex-direction:row;margin-top: 10px;justify-content: center;align-items: center;flex-wrap: wrap;}
.btn-group .button{min-width:0;}
.blockquote{padding: 20px;}
.blockquote p{font-size: 20px;}
.footerwrap{padding-top: 150px;}
.innerpagefooter{padding-top: 60px;}
.ft-address{margin-bottom: 30px;}
.service-sec .service-col .service-card:last-of-type{margin-bottom:30px;}
.img-services{width: calc(100% / 1 - 20px);height: auto;}
.service-sec .service-col:last-of-type{padding-left: 15px;}
.navbar-brand{margin-left:0!important;}
.slick-arrow.slick-prev{left:0;z-index: 99;}
.slick-arrow.slick-next{right: 0;z-index: 99;}
.cataract-sec{background-position: center center;}
.alignleft{float: none;width:100%;}
.alignright{float: none;width:100%;}
.h-50{height: auto !important;}
}
@media only screen and (max-width:600px){

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

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

}
@media only screen and (max-width:480px){
.svg-logo{height: 40px;}
}
@media only screen and (max-width:430px){
.menu-toggle{top:60px}
.top-phonenoSec{width: 100%;}
.phone-btn > span > small{display: block;}
.btn-group .button{padding:8px 10px;min-height: auto;font-size: 11px;}
.banner-content .banner-title{font-size:var(--h1-size);}
.banner-content .banner-title br{display: none;;}
.bannerwrap{height:500px;}
.ba-titlesec h1 br{display:none;}
.cataract-sec h2{font-size: var(--h3-size);}
.cataract-sec p br{display: none;}
.videos{height: auto;min-height:200px;}
.blockquote p br{display: none;}
}
@media only screen and (max-width:414px){

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

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

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

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

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

}