/*MEDIA QUERY*/
@media screen and (min-width: 240px) and (max-width: 768px) {
.carousel-fade .carousel-inner .carousel-caption h2{font-weight: 500; margin-bottom: 0px; font-size: 16px; }	
.bottom-banner ul{ margin-top: 0px; }	
.bottom-banner ul li{ width: auto; min-height: 0px; }
.why-choose-us ul li{ width: 100%; } 
.testimonial .testimonial-view{ margin:0 0 70px 0; min-height: 220px;}
.top-footer ul li{ width: 100%; border: none; }
.testimonial table{ position: absolute; bottom: 30px; }
.main-banner h2{ text-align:center; }
.breadcrumb{ text-align:center; }
.eye-specialist .eye-specialist-view ul li{ float: none;}
.padleft10{ padding: 10px; }
.navbar{ padding-top: 0px;}

.icon-bar {
    position: fixed; bottom: -89px; left: 100px; z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: rotate(-90deg);
}
.icon-bar i{transform: rotate(90deg);}
.ad{ position:fixed; right:10px; top:150px; width:100px; z-index:99; }

.hospital h2 {
    font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
}

.hospital h3 {
font-size: 15px;
        line-height: 22px;
        letter-spacing: 0;
}
}



@media screen and (min-width: 320px) { 
.carousel-fade .carousel-inner .carousel-caption h2{font-weight: 500; margin-bottom: 0px; font-size: 16px; }	
.bottom-banner ul{ margin-top: 0px; }	
.bottom-banner ul li{ width: auto; min-height: 0px; }
.why-choose-us ul li{ width: 100%; } 
.testimonial .testimonial-view{ margin:0 0 70px 0; min-height: 220px;}
.top-footer ul li{ width: 100%; border: none; }
.testimonial table{ position: absolute; bottom: 30px; }
.main-banner h2{ text-align:center; }
.breadcrumb{ text-align:center; }
.eye-specialist .eye-specialist-view ul li{ float: none;}
.padleft10{ padding: 10px; }
.navbar{ padding-top: 0px;}

.icon-bar {
    position: fixed; bottom: -89px; left: 100px; z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: rotate(-90deg);
}
.icon-bar i{transform: rotate(90deg);}
.ad{ position:fixed; right:10px; top:190px; width:100px; z-index:99; }


.hospital h2 {
    font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
}

.hospital h3 {
font-size: 15px;
        line-height: 22px;
        letter-spacing: 0;
}


}







@media screen and (min-width: 480px) and (max-width: 800px) {
.carousel-fade .carousel-inner .carousel-caption h2{font-weight: 500; margin-bottom: 0px; font-size: 20px; }	
.bottom-banner ul{ margin-top: 0px; }	
.bottom-banner ul li{ width: auto; min-height: 0px; }
.why-choose-us ul li{ width: 100%; } 
.testimonial .testimonial-view{ margin:0 0 70px 0; min-height: 200px;}
.top-footer ul li{ width: 100%; border: none; }
.testimonial table{ position: absolute; bottom: 30px; }
.main-banner h2{ text-align:center; }
.breadcrumb{ text-align:center; }
.eye-specialist .eye-specialist-view ul li{ float: none;}
.padleft10{ padding: 10px; }
.navbar{ padding-top: 0px;}

.icon-bar {
    position: fixed; bottom: -89px; left: 100px; z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: rotate(-90deg);
}
.icon-bar i{transform: rotate(90deg);}
.ad{ position:fixed; right:10px; top:150px; width:100px; z-index:99; }

.hospital h2 {
    font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
}

.hospital h3 {
font-size: 15px;
        line-height: 22px;
        letter-spacing: 0;
}

}





@media screen and (min-width: 768px) { 
.carousel-fade .carousel-inner .carousel-caption h2{font-weight: 700; margin-bottom: 80px; font-size: 30px; }	
.bottom-banner ul{ margin-top: -100px; }	
.bottom-banner ul li{ width: auto; min-height: 240px; }
.why-choose-us ul li{ width: 50%; } 
.testimonial .testimonial-view{ margin:0; min-height: 200px;}
.top-footer ul li{ width: 33.33%; border-right: 1px solid #ccc; }
.testimonial table{ position: absolute; bottom: -40px; }
.main-banner h2{ text-align: left; }
.breadcrumb{ text-align: right; }
.eye-specialist .eye-specialist-view ul li{ float: left;}
.padleft10{ padding: 0 0 0 10px; }
.navbar{ padding-top: 20px;}
.icon-bar {
  position: fixed;
  top: 65%; z-index: 99; left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.icon-bar i{transform: rotate(0deg);}
.ad{ position:fixed; right:10px; top:200px; width:150px; z-index:99; }


.hospital h2 {
    font-size: 35px;
    line-height: 30px;
    letter-spacing: 5px;
 }
.hospital h3 {
    font-size: 19px;
    line-height: 26px;
    letter-spacing: 5px;
}

}




@media screen and (min-width: 1000px) { 
.carousel-fade .carousel-inner .carousel-caption h2{font-weight: 700; margin-bottom: 10px; font-size: 30px; }	
.bottom-banner ul{ margin-top: -100px; }	
.bottom-banner ul li{ width: auto; min-height: 240px; }
.why-choose-us ul li{ width: 50%; } 
.testimonial .testimonial-view{ margin:0; min-height: 200px;}
.top-footer ul li{ width: 33.33%; border-right: 1px solid #ccc;}
.testimonial table{ position: absolute; bottom: -40px; }
.main-banner h2{ text-align: left; }
.breadcrumb{ text-align: right; }
.eye-specialist .eye-specialist-view ul li{ float: left;}
.padleft10{ padding: 0 0 0 10px; }
.navbar{ padding-top: 20px;}
.icon-bar {
  position: fixed;
  top: 65%; left: 0; z-index: 99;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.icon-bar i{transform: rotate(0deg);}
.sticky { position: -webkit-sticky; position: sticky; top: 0; z-index:9;}
.dropdown:hover .dropdown-menu {
  display: block;
}
.ad{ position:fixed; right:10px; top:200px; width:150px; z-index:99; }



.hospital h2 {
    font-size: 35px;
    line-height: 30px;
    letter-spacing: 5px;
 }
.hospital h3 {
    font-size: 19px;
    line-height: 26px;
    letter-spacing: 5px;
}

}