@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Handlee');

/*-----------clearfix-----------*/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear{clear:both;}
/*-----------clearfix-----------*/

*{margin:0; padding:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

body{ margin:0; padding:0; line-height:20px; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400;}
a{-webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;}
a:hover{ text-decoration:none;}
a:focus{ text-decoration:none;}

.header{ width:100%; float:left;}
.head-top-wrap{ padding:12px 0; width:100%; float:left; background:#163977;}
.head-social{ float:left;}
.head-social a{ color:#fff; display:inline-block; margin:0 5px 0 0; font-size:18px;}
.head-info{ float:right;}
.head-info h2{ font-weight:400; font-size:14px; color:#fff; margin:0; padding:0 20px; border-right:solid #fff 1px; display:inline-block;}
.head-info h2 a{ color:#fff;}
.language-drop{ float:right; margin:0 0 0 20px;}
.language-drop li{ list-style:none;}
.language-drop li a{ color:#fff;}
.language-drop li .dropdown-menu{ left:auto; right:0; min-width:90px;}
.language-drop li .dropdown-menu a{ color:#163977; }
.nav-section{ width:100%; float:left; padding:30px 0;}
.logo{ float:left;}
.nav-section .navbar{ float:right; border-radius:0; border:none; margin:25px 0 0 0;}
.nav-section .navbar-nav li a{ color:#163977; font-size:14px; text-transform:uppercase; padding:10px 12px;}
.nav-section .navbar-nav li a:hover{background:#163977; color:#fff;}
.nav-section .navbar-nav li.active a{ background:#163977; color:#fff;}
.nav-section .navbar-nav li.active a:hover{background:#163977; color:#fff;}
.nav-section .container-fluid{ float:left;}
.head-phone{ float:right; margin-top:3px;}
.head-phone img{ float:left; margin:0 5px 0 0;}
.head-phone h2{ margin:0; padding:0; font-size:14px; font-weight:400; color:#666666; float:left; line-height:22px;}
.head-phone h2 strong{ font-weight:400; font-size:16px; color:#163977;}
.slider{ width:100%; float:left; position:relative; overflow:hidden;}
.caption-box{ position:relative; float:left; top:50%; width:100%; text-align:center; z-index:99;}
.caption-box h1{ text-transform:uppercase; font-size:52px; font-weight:700; line-height:normal; color:#fff; margin:0 0 20px; padding:0;} 
.caption-box p{font-family: 'Handlee', cursive; font-size:22px; margin:0 0 30px; padding:0; color:#fff;}
.caption-box a{ display:inline-block; font-size:14px; color:#fff; background:#163977; border-radius:20px; padding:18px 55px;}
.caption-box a:hover{background:#234F9F;}
.flex-caption { 
     position:absolute; width:100%; text-align:center; top:50%; left:0; transform:translate(0%,-50%);
	-webkit-transform:translate(0%,-50%);
}
.service-section{ width:100%; float:left; padding:50px 0;}
.service-section .col-md-4{ padding:0; margin:0 1px 1px 0; width:33%; position:relative; overflow:hidden;}
.service-section .col-md-4:nth-child(3){ margin-right:0;}
.service-content{ position:absolute; width:100%; height: 100%; padding:40px 20px; left:0; top:0; }
.service-content p{ text-align:justify; font-size:14px; color:#fff; position:relative; z-index:9; margin:20px 0 0 0; padding:0;}
.service-content i{ float:left; margin:8px 0 10px 0; width:100%; }
.service-content h2{ font-weight:700; font-size:20px; color:#fff; text-transform:uppercase; margin:0; padding:0; }
.service-more{   position:absolute; bottom:-50px; left:0; width:100%; background:rgba(255,255,255,0.80); padding:15px 25px; color:#2b2b2b; text-transform:uppercase; font-weight:700; font-size:20px; z-index:99;}
.service-section .col-md-4:hover .service-more{   bottom:0;}

.video-section{ width:100%; float:left; background:url(../images/video-section-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; padding:100px 0 60px;}
.no-padding{ padding:0;}
.left-padding{ padding-left:0;}
.video-section-left { background:#2c4575; padding:45px 60px; width:100%; float:left; min-height: 460px;}
.video-section-left h2{ font-weight:700; font-size:26px; color:#fff; margin:0 0 18px; padding:0;}
.video-section-right{ width:100%; float:left; background:#223761; padding:; padding:45px 50px; min-height:460px;}
.video-section-right h2.sec-hd{ font-weight:700; font-size:26px; color:#fff; margin:0 0 18px; padding:0;}
.video-section-right .nav-tabs > li{ margin:0;}
.video-section-right .nav-tabs > li > a{ text-transform:uppercase; font-size:16px; font-weight:700; color:#bbbbbb; padding:0; margin:0 20px 0 0; background:none; border:none; border-radius:0;}
.video-section-right .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus{ background:none; color:#fff; border:none; border-bottom:solid #fff 1px; }
.video-section-right .nav-tabs > li > a:hover{border-bottom:solid #fff 1px; color:#fff;}
.video-section-right .nav-tabs > .active a{ color:#fff; border-bottom:solid #fff 1px; background:none;}
.video-section-right .nav-tabs{ border-bottom:none; margin:0 0 40px;}
.video-section-right h2{font-weight:700; font-size:26px; color:#fff; margin:0 0 33px; padding:0;}
.video-section-right .row{ width:100%; float:left; margin:0 0 20px; padding:10px 0; border-bottom:solid #3b598d 1px;}
.video-section-right h3{font-weight:400; font-size:14px; color:#fff; margin:0 0 0; padding:0; float:left;}
.video-section-right h4{font-weight:400; font-size:14px; color:#fff; margin:0 0 0; padding:0; float:right;}
.doctor-show{ width:100%; position:absolute; bottom:-280px; left:0; background:rgba(22,57,119,0.88); padding:20px 0 0 0; opacity:0; -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;}
.doctor-show h2{ font-weight:600; font-size:20px; color:#fff; padding:0 10px; margin:0 0 5px;}
.doctor-show p{ margin:0 0 15px; padding:0 10px; font-size:14px; color:#fff; }
.doctor-more{ float:left; width:35%; background:#8a8a8a; color:#fff; text-transform:uppercase; font-size:14px; padding:15px 10px; text-align:center;}
.doctor-appointmnt{ float:right; width:65%; background:#163977; color:#fff; text-transform:uppercase; font-size:14px; padding:15px 10px; text-align:center; font-weight:700;}
.home-doctor-slide{ width:100%; float:left; padding:70px 0; position:relative;}
.home-doctor-slide h1{ text-align:center; font-size:34px; font-weight:700; margin:0 0 15px; padding:0 0 10px; position:relative; color:#232323;}
.home-doctor-slide h1:after{ position:absolute; content:""; left:0; right:0; bottom:0; width:90px; height:3px; background:#163977; margin:0 auto;}
.home-doctor-slide h3{ margin:0; padding:0; color:#6c6c6c; text-align:center;}
.home-doctor-slide .owl-carousel{ margin:45px 0 0 0;}
.home-doctor-slide .owl-theme .owl-controls .owl-page span{ opacity:1; background:#959595;}
.home-doctor-slide .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background:#163977;}
.home-doctor-slide .item{ margin:0 45px 0 0; width:100%; float:left;}
.home-doctor-slide .item:hover .doctor-show{ opacity:1; bottom:0;  }
.doctor-thumb{ width:100%; float:left; padding:30px 0 0 0;}
.doctors-sec{text-align:center;  width:100%; float:left;}
.doctors-sec h3{ font-size:14px; color:#6c6c6c; text-align:center; font-weight:700; padding:10px 0;}
.doctors-sec p{ font-size:14px; color:#6c6c6c; text-align:center;}
.service-and-offers{background:#eeeeee; width:100%; float:left; padding:50px 0;}
.service-and-offers h2{text-align:justify; font-size:34px; font-weight:700; margin:0 0 15px; padding:0 0 10px; position:relative; color:#232323;}
.service-and-offers h2:after{ position:absolute; content:""; left:0; bottom:0; width:90px; height:3px; background:#163977; margin:0 auto;}
.service-and-offers img{ margin:0 0 10px;}
.service-and-offers .col-md-4{ padding-right:30px;}
.service-and-offers h3{ margin:0; padding:0; color:#6c6c6c; text-align:justify;}
.footer-section{background:#313131; width:100%; float:left; padding:50px 0 0;}
.footer-section h2{ margin:0 0 30px; padding:0; color:#fff; text-align:justify; font-size:22px;}
.footer-section h3{ float:left; margin:0; padding:0; color:#fff; text-align:justify;}
.footer-address-sec{  text-align:center; width:100%; padding:10px 0;}
.footer-address-sec img{  width: auto;  text-align:center;}
.footer-address-sec p{  margin:0; padding:0; color:#fff; text-align:left;}
.social-sec{ width:100%;}
.footer-logo{ padding:0 40px 0 0;}
.footer-logo img{ margin:0 0 15px;}
.footer-logo p{ color:#fff; line-height:20px; margin:0; padding:0; text-align:justify;}
.photostream{ padding:0 15px 0 0;}
.photostream img{ width:120px; height:112px; margin:0 1px 1px 0; float:left;}
.social-footer{ padding-top:15px; padding-left:0;}
.social-footer a{ display:inline-block; margin:0 12px 0 0;}
.social-footer a:hover{ opacity:.5;}
.footer-copyright{ width:100%; float:left; background:#202020; margin:45px 0 0 0; padding:10px 0; text-align:center; font-size:14px; color:#fff;}


.img-gallery{
	float: left;
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
}
.img-gallery img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*inner pages start*/

.inner-banner{ padding:0; margin:0; width:100%; float:left; position:relative; }
.inner-banner img{ width:100%;}
.inner-banner h1{font-family: 'Roboto', sans-serif; font-size:52px; color:#fff; text-align:center; text-transform:uppercase; margin:0; padding:0; position:absolute; top:50%; left:0; width:100%; font-weight:700;}
.welcome-section{float:left;}
.welcome-section .abt-img{
  width: 100%;
  padding: 70px 0 0 0;
}
.welcome-section .abt-img img{width:100%;}
.welcome-section h2{ font-size:26px; color:#163977; font-weight:700; line-height:34px; padding:60px 0 22px;}
.welcome-section strong{ font-size:32px; color:#163977; font-weight:700;}
.welcome-section p{ font-size:14px; color:#676565; line-height:22px; text-align:justify; margin:0 0 15px;}
.about-section02{background:#e9e9e9; padding:60px 0 30px; float:left; width:100%;}
.about-section02 h2{position: relative; font-size:24px; color:#535353; font-weight:700; padding: 10px 0 15px;}
.about-section02 h2:after{ content:""; background-color: #173978;position: absolute; left: 0; bottom: 0; width: 87px; height: 3px;}
.about-section02 .col-md-5 p{font-size:14px; color:#676565; line-height:22px; text-align:justify; padding:20px 0 0 0;}
.about-section02 .col-md-5 a{ display:inline-block; background:#163977; padding:12px 40px; margin:15px 0 0 0; text-transform:uppercase; font-size:14px; color:#fff; text-align:center;}
.about-view-more{ background:#163977; padding:10px;}
.about-section02 .panel-body{ border:none !important;}
.about-section02 .collapse.in{ border-top:none !important; background:#e9e9e9; margin:-1px 0 0 0;}
.wrapper{ width:100%; float:left;} 

/*doctors details start*/
.doctors-details{ margin:70px 0 0;}
.doctors-details h2{position: relative;font-size:24px; color:#535353; font-weight:500; padding: 10px 0;}
.doctors-details h2:after{ content:""; background-color: #173978;position: absolute; left: 0; bottom: 0; width: 87px; height: 3px;}
.doctors-details p{font-size:14px; color:#676565; line-height:22px; text-align:justify; padding: 10px 0;}
.doctors-details img{text-align:center;}
.doctors{ margin:0px 0 0; float:left;}
.doctors h2{ font-size:32px; color:#474747;font-weight:700; padding:20px 0;}
.doctors h3{ font-size:16px; color:#163977;font-weight:700;}
.doctors p{font-size:14px; color:#676565; line-height:22px; text-align:justify; padding: 10px 0;}
.doctors a{ font-size:14px; color:#fff; text-align:center; font-weight:700; padding:10px; background:#db4437; text-transform:uppercase; float:left; margin-top:20px; margin-bottom:20px;}
.shadow{background:url(../images/doc-shadow.png) repeat; height:26px; width:100%; position:relative; bottom:26px;}

/*doctors details end*/



/*Cataract start*/

.cataract-container{ float:left; margin:50px 0;}
.cataract-container h2{ font-size:26px; font-weight:700; color:#787878;padding: 14px 0;}
.cataract-container strong{ font-size:48px; font-weight:700; color:#163977;}
.cataract-container h3{ font-size:24px; font-weight:700; color:#404040;padding: 14px 0;}
.cataract-container p{ font-size:14px; color:#676565; text-align:justify; font-weight:600;padding: 14px 0;}
.cataract-video-sec{ background:#5586ce; padding:50px 0; position:relative;}
.cataract-video-sec:after{ position:absolute; width:50%; right:0; top:0; background:#6492d1; content:""; z-index:99;}
.cataract-video-sec h2{ font-size:26px; font-weight:700; color:#fff; padding: 14px 0;}
.cataract-video-sec p{ font-size:14px; color:#fff; text-align:justify; font-weight:600; padding: 14px 0;}
.cataract-risk-sec{ padding:50px 10;}
.cataract-risk-sec h2{ font-size:26px; font-weight:700; color:#2c2c2c; padding: 14px 0;}
.cataract-risk-sec p{ font-size:14px; color:#323232; text-align:justify; font-weight:600; padding: 14px 0;}
.cataract-note-sec{ padding:20px 0; background:#f6f6f6;}
.cataract-note-sec h3{ font-size:16px; font-weight:700; color:#1d1d1d; padding: 14px 0;}
.cataract-note-sec p{ font-size:14px; /*color:#323232;*/ text-align:justify; font-weight:600; padding: 14px 0;}

/*Cataract end*/


/*contact  strat*/

.contact-sec{ margin:70px 0 0;}
.contact-sec h2{position: relative; font-size:24px; color:#535353; font-weight:500; padding: 10px 0;}
.contact-sec h2:after{ content:""; background-color: #173978;position: absolute;left: 0;bottom: 0px; width: 87px;height: 3px;}
.contact-sec p{font-size:14px; color:#676565; line-height:22px; text-align:justify; padding: 10px 0;}
.contact-sec-input{ border:1px solid #bfbfbf; padding:10px; outline:none; width:100%; margin:20px 0; font-size:14px; color:#676565; font-weight:400;}
.contact-sec-textarea{ border:1px solid #bfbfbf; padding:10px; outline:none; width:100%; font-size:14px; color:#676565; font-weight:400; resize:none; height:100px;}
.contact-sec-send{ border:1px solid #bfbfbf; padding:10px; outline:none; width:100%; margin:20px 0; background:none; font-size:14px; color:#676565; font-weight:400;}
.contact-sec-send:hover{ background:#163977; color:#fff;}
.contact-address-sec-shadow{ background:url(../images/address-shadow.png) repeat-y;}
.contact-address-sec{ margin:20px 0px; background:url(../images/shadow.png) no-repeat; background-position:100% 0; padding-right:25px; padding-top:15px; min-height:285px;  opacity:.5;}
.contact-address-sec.active{ opacity:1; -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  transition: 0.5s ease-out;}
.contact-address-sec:hover{ opacity:1; -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  transition: 0.5s ease-out;}
.contact-address-sec h3{position: relative;font-size:24px; color:#535353; font-weight:700; padding: 10px 0; margin:0 0 20px; position:relative;}
.contact-address-sec h3:after{ content:""; background-color: #173978;position: absolute;left: 0;bottom: 0px; width: 87px;height: 3px;}
.contact-address-sec p{font-size:14px; color:#2a2a2a; line-height:22px; text-align:justify;padding: 10px 0px 0 16px; float:left; width:90%;}
.contact-address-sec li{ list-style:none; width:100%; float:left;}
.contact-address-sec i{ float:left; padding:10px 0; font-size:20px; width:10%;}
.contact-address-sec img{ float:left; margin:10px 0 0 0;}
.red-color{ color:#db4437 !important;}
.last-address-sec{ background:none;}
.map-wrap{ width:100%; float:left;}
.map-wrap iframe{ width:100%; height:350px;}
.map-window{ width:100%; float:left; position:relative; height:350px;}
.map-wrap{
    display:none;
    position:absolute; top:0; width:100%; left:0;
}
.map-wrap.active{
    display:block;
    -webkit-animation:fadeUp ease-in-out 0.5s;
    animation:fadeUp ease-in-out 0.5s;
}
@-webkit-keyframes fadeUp{
	from{opacity:0;margin-top:30px;}
	to  {opacity:1;margin-top:0;}
}
@keyframes fadeUp{
	from{opacity:0;margin-top:30px;}
	to  {opacity:1;margin-top:0;}
}
/*contact  end*/




/*inner pages end*/


.panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE; background:none;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color:transparent;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
		background:#e9e9e9 !important;
		border:1px solid #bababa !important;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
		font-size:18px; color:#474747; font-weight:700;
		text-align-last:left;
    }

    .more-less {
        float: right;
        color: #212121;
		font-weight:900;
		font-size:20px;
		border:1px solid #474747 !important;
		padding:2px 14px;
    }
	
	.panel-body p{ font-size:14px; color:#474747; line-height:22px; float:left; padding:0 0 0 10px;}
	.panel-body img{ float:left; width:100%;}

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }a

 
.no-padding{ padding:0;}
.left-padding{ padding-left:0;}
.right-padding{ padding-right:0;}


#mrbtm{
  margin-bottom:15px;
}

.subhed {
    font-size:18px;
    height: auto;
    left: 16px;
  float:left;
    top: 41px;
  padding-bottom:15px;
    width: 100%;
}
.panel-body ul{
  width:100%;
  display:block;
  float:left;
  margin:20px;
}
.panel-body ul li{
  width:100%;
  padding:5px 0px 5px 30px;
  box-sizing:border-box;
  background:url(../images/bulletpoint.png) no-repeat left center;
  display:block;
}

.isobg{
  width:auto;
  position:absolute;
  top:2px;
  right:100px;
  z-index:600;
}

/*Tab menu style starting*/

/* Navigation */

.tab{
  width:100%;
  height:auto;
  float:left;
  box-sizing:border-box;
  padding:25px 15px;
}
.tab nav {
  margin-bottom: 30px;
  position: relative;
}

.tab nav ul {
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 5px solid #bbb;
}

.tab nav li {
  float: left;
  margin-right: 35px;
}

.tab nav li a {
  color: #666;
  font-weight: bold;
}

.tab nav li a:hover,
.tab nav li a:focus,
.tab nav li a.current {
  color: #000;
}

.tab nav #indicator {
  position: absolute;
  left: 15px;
  bottom: 5px;
  width: 12px;
  height: 7px;
  background-image: url(../images/notch.png);
}

/* Content */

.content section {
  display: none;
  box-sizing:border-box;
  padding:0 15px;
}

.content p {
  margin-bottom: 1em;
  max-width:100%;
  line-height: 1.6;
}
/*Tab menu style ending*/

.tab-box{
  width:33.2%;
  float:left;
  text-align:justify;
  padding:15px 1.910%;
  box-sizing:border-box;
  background-color:#FFF;
}
.tab-box h2{
  width:100%;
  padding:5px 0 15px 0;
  text-align:left;
  font-size:20px;
  color:#000;
  float:left;
}
.tab-box h2{
  width:100%;
  padding:5px 0 15px 0;
  text-align:left;
  font-size:20px;
  color:#000;
  float:left;
}
.tab-box p{
  padding:0 0 15px 0;
  float:left;
}

.tab-box img{
  max-width: 100%;
  margin-bottom:15px;
}

.tab-box ul{
  width:100%;
  display:block;
  float:left;
  margin:0;
}
.tab-box ul li{
  width:100%;
  padding:5px 0px 5px 30px;
  box-sizing:border-box;
  background:url(../images/bulletpoint.png) no-repeat left top 10px;
  display:block;
}

#collapseOne{
  background-color:#FFF !important;
}
#collapseTwo{
  background-color:#FFF !important;
}
#collapseThree{
  background-color:#FFF !important;
}
#collapsefour{
  background-color:#FFF !important;
}

#collapsefive{
  background-color:#FFF !important;
}

/*===============Appointment Form Style Starting==================*/

.form-hed{
  width:94%;
  padding:8px 3%;
  font-size:20px;
  color:#163977;
  font-weight:bold;
}
.form-mainbg{
  width:100%;
  height:auto;
  font-size:18px;
  padding:10px 3%;
}
.form-row{
  width:100%;
  padding:0px 0 0 0;
}
.form-rowlt{
  width:47%;
  margin:10px 0;
  float:left;
}
.form-row-namebg{
  /*font-family: 'DINAlternate-Regular';*/
  font-size:14px;
  float:left;
  color:#333;
}
.form-row-formbg{
  width:100%;
  height:40px !important;
  border:1px solid #CCC;
  font-family: 'DINAlternate-Regular';
  font-size:14px;
  float:right;
  color:#333;
}
.form-row-formbg-list{
  width:100%;
  height:40px !important;
  border:1px solid #CCC;
  font-family: 'DINAlternate-Regular';
  font-size:14px;
  float:right;
  color:#333;
}
  
.form-rowrt{
  width:47%;
  margin:10px 0;
  float:right;
}

.form-rowlt2{
  width:52%;
  margin:10px 0;
  padding-right:5%;
  box-sizing:border-box;
  float:left;
}
.form-rowlt3{
  width:52%;
  margin:10px 0;
  padding-right:5%;
  float:left;
}
.form-row-formbg2{
  width:100%;
  height:80px !important;
  border:1px solid #CCC;
  font-family: 'DINAlternate-Regular';
  font-size:14px;
  float:right;
  color:#333;
}
.form-btn{
  padding:4px 25px;
  float:right;
  font-size:12px;
  color:#FFF;
  background-color:#163977;
}

.innercontent{
  width:100%;
  float:left;
  margin-top:50px;
  color:#3a3c41;
  padding-bottom:50px;
}
.innercontent{
  width:100%;
  font-family:"Raleway";
  font-size:16px;
  line-height:28px;
  text-align:justify;
  float:left;
  color:#3a3c41;
  padding-bottom:50px;
}
.collapse.in {
  background-color: #FFF !important;
}
/*===============Appointment Form Style Ending==================*/




@media screen and (max-width: 1200px) {
.container{ width:100%;} 
.video-section-right{ padding:45px 25px;}
}

@media screen and (max-width: 1100px) {
.logo{ width:245px;}
}

@media screen and (max-width: 1020px) {
.logo{ width:100%; text-align:center;}
.logo img{ width:245px; display:inline-block;}
.nav-section .navbar{ width:100%;} 
.caption-box h1{ font-size:32px;}
.service-section .col-md-4{ float:left;}
.service-content{ padding:10px;}
.service-content p{ margin:10px 0 0 0; line-height:18px;}
.service-content h2{ font-size:16px;}
}

@media screen and (max-width: 990px) {
.photostream{ width:100%; float:left;}
.footer-address{ width:100%; float:left; padding:0; margin:10px 0 0 0;}
.footer-address-sec p{ text-align:center;}
.footer-logo{ text-align:center; margin:0 0 15px;}
.footer-logo img{ display:inline-block;}
.footer-logo p{ text-align:center;}
.footer-section h2{ text-align:center;}
.social-footer{ text-align:center;}
}

@media screen and (max-width: 900px) {
.service-section .col-md-4{ width:44%;}
}

@media screen and (max-width: 770px) {
.header .container-fluid{ padding:0;}
.head-phone h2{ float:none;}
.head-phone br{ display:none;}
.head-phone img{ display:none;}
.head-phone{ text-align:center; width:100%;}
.inner-banner h1{ font-size:32px;}
}

@media screen and (max-width: 767px) {
.logo{ width:100%; text-align:center;}
.logo img{ display:inline-block;}	
.nav-section .container-fluid{ width:100%;}
.nav-section .navbar{ width:100%; background:none;} 
.navbar-toggle{ display:flex; margin:0 auto 20px; float:none; background:url(../images/nav-icon.png) no-repeat; border:none; width:35px; height:35px; padding:0; }
.navbar-toggle:hover{background:url(../images/nav-icon.png) no-repeat !important;}
.header .collapse.in{ background:none !important; border:none !important; }

  .head-info {
    float: left;
  }
  .head-info h2 {
    font-size: 12px;
    padding: 0 8px 0 0;
  }
  .language-drop {
    float: left;
    margin: 0 0 0 0;
  }
  .nav-section {
    padding: 20px 0;
  }
  .nav-section .navbar {
    margin: 10px 0 0 0;
  }
  .logo img {
    width: 175px;
  }
  .service-section {
    padding: 20px 0;
  }
  .service-content h2 {
    font-size: 14px;
    margin: 15px 0 10px;
  }
  .service-more {
    padding: 10px;
    font-weight: 600;
    font-size: 13px;
  }
  .video-section {
    padding: 20px 0 20px;
  }
  .video-section-left {
    padding: 20px 20px;
    min-height: auto;
  }
  .video-section-left h2 {
    font-weight: 600;
    font-size: 16px;
  }
  .video-section-right {
    padding: 20px 20px;
    min-height: auto;
  }
  .video-section-right h2.sec-hd {
    font-weight: 600;
    font-size: 16px;
  }
  .video-section-right h2 {
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 30px;
  }
  .video-section-right .nav-tabs {
    margin: 0 0 15px;
  }
  .video-section-right .nav-tabs > li > a {
    font-size: 14px;
    font-weight: 600;
  }
  .home-doctor-slide {
    padding: 30px 0;
  }
  .home-doctor-slide h1 {
    font-size: 22px;
    font-weight: 600;
  }
  .doctors-details{
    margin: 30px 0 0 0;
  }
  .doctor-more {
    width: 50%;
    font-size: 14px;
    padding: 15px 5px 5px;
    min-height: 50px;
  }
  .doctor-appointmnt {
    width: 50%;
    font-size: 14px;
    padding: 5px;
    font-weight: 600;
    min-height: 50px;
  }
  .home-doctor-slide .owl-theme .owl-controls {
    display: none !important;
  }
  .service-and-offers {
    padding: 30px 0;
  }
  .service-and-offers h2 {
    text-align: left;
    font-size: 22px;
    font-weight: 600;
  }
  .service-and-offers {
    padding: 10px 0;
  }
  .service-and-offers .col-md-4 {
    padding-right: 0;
    margin-bottom:  20px;
  }
  .service-and-offers img {
    width: 100%;
  }
  .footer-section {
    padding: 30px 0 0;
  }
  .footer-section h2 {
    margin: 10px 0 15px;
    font-size: 20px;
  }
  .footer-logo img {
    width: 175px;
  }
  .photostream {
    padding: 0 0 0 0;
  }
  .footer-address-sec img {
    width: 20px;
    margin: 0 0 10px 0;
  }
  .social-footer img{
    width: 32px;
  }
  .welcome-section .abt-img {
    padding: 30px 0 0 0;
  }
  .welcome-section h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    padding: 25px 0 15px;
  }
  .welcome-section strong {
    font-size: 24px;
  }
  .about-section02 {
    padding: 30px 0 20px;
  }
  .panel-title > a {
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
  }
  .more-less {
    font-weight: 600;
    font-size: 16px;
    padding: 2px 10px;
    margin: -4px 0 0 0;
  }
  .cataract-container h2 {
    font-size: 20px;
    font-weight: 600;
  }
  .cataract-container strong {
    font-size: 26px;
    font-weight: 600;
  }
  .contact-sec {
    margin: 30px 0 0;
  }
  .contact-sec-input {
    margin: 5px 0;
  }
  .contact-address-sec{
    min-height: 240px;
    margin-bottom: 25px;
  }
  .contact-address-sec h3 {
    font-size: 16px;
    font-weight: 600;
  }
  .doctors h2 {
    font-size: 18px;
    font-weight: 600;
    padding: 15px 0;
  }
  .doctors h3 {
    font-size: 14px;
    font-weight: 600;
  }
  .doctors a {
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 10px;
    float: none;
    margin: 20px auto;
  }
}

@media screen and (max-width: 700px) { 
.flex-direction-nav{ display:none;}
.flex-control-nav{ bottom:0;}
.service-section .col-md-4{ width:100%; margin:0 0 1px;}
.service-section .col-md-4 img{ width:100%;}
.service-content i img{ width:auto !important;}
.service-content .img-responsive{ width:auto !important;}
.caption-box a{ padding:10px; border-radius:10px;}
.caption-box p{ margin:0 0 5px;}
}

@media screen and (max-width: 640px) { 
.tab nav li{
	width:50%;
	margin:10px 0 !important;
	text-align:center;
}
.isobg{
	display:none;
}
.tab-box{
	width:100% !important;
}
}


@media screen and (max-width: 560px) {
.caption-box h1{ font-size:15px; margin:0;}  
}

@media screen and (max-width: 540px) {
	.form-rowlt{
		width:100% !important;
	}
	.form-rowrt{
		width:100% !important;
	}
	.form-rowlt2{
		padding-right:0px !important;
		width:100% !important;
	}
	.form-rowlt3{
		padding-right:0px !important;
		width:100% !important;
	}
}

@media screen and (max-width: 450px) {
  .head-info h2 {
    font-size: 12px;
    padding: 0 6px 0 0;
  }
  .language-drop {
    display: inline-block;
    float: none;
    margin: 0 0 0 0;
  }
  .photostream img {
    width: 33%;
    height: auto;
    margin: 0;
    padding: 0 1px 1px 0;
  }
}

@media screen and (max-width: 420px) { 
.tab nav li{
	width:100%;
	margin:10px 0 !important;
	text-align:center;
}
}

@media screen and (max-width: 412px) {
.service-section .col-md-4{ background:#163977;}
.inner-banner h1{ font-size:22px;}
.video-section-right .nav-tabs > li{ width:50%; min-height:35px;}
.video-section-right h3{ width:100%; margin:0 0 5px;}
.video-section-right h4{ width:100%;}
}

@media screen and (max-width: 350px) {
  .head-info h2 {
    font-size: 10px;
    padding: 0 4px 0 0;
  }
  
}