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

 * {
     padding: 0;
     margin: 0;
 }

 @font-face {
     font-family: 'Lato-Regular';
     src: url('../fonts/Lato-Regular.eot');
     src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype'), url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'Lato-Bold';
     src: url('../fonts/Lato-Bold.eot');
     src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype'), url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'Lato-Light';
     src: url('../fonts/Lato-Light.eot');
     src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato-Light.ttf') format('truetype'), url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'NotoSans-Bold';
     src: url('../fonts/NotoSans-Bold.eot');
     src: url('../fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Bold.woff') format('woff'), url('../fonts/NotoSans-Bold.ttf') format('truetype'), url('../fonts/NotoSans-Bold.svg#NotoSans-Bold') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'MyriadPro-Regular';
     src: url('../fonts/MyriadPro-Regular.eot');
     src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 html {
     min-height: 100%;
 }

 body {
     font-family: 'Lato-Regular', Arial, Helvetica, Sans-Serif;
     margin: 0;
     color: #000;
     /*overflow:hidden;*/
     background: #fff;
     font-size: 1em;
     height: auto;
     min-height: 100%;
 }

 a,
 a:focus {
     outline: none !important;
 }

 a:hover {
     text-decoration: none !important;
 }
 /************************ Custome Bootstrap *************************/
 /************************ End Custome Bootstrap *************************/

 .wrapper {
     position: relative;
 }
 /***************************** Header Styling ********************/

 .main-nav {
     background-color: rgba(255, 255, 255, 0.20);
     padding: 22px 0px;
 }

 .navbar-default {
     background-color: transparent;
     border-color: transparent;
     margin: 0px;
 }

 .navbar-default .navbar-brand {
     background: url(../images/logo.png) no-repeat left center;
 }

 .navbar-default .navbar-brand:hover {
     color: #fff
 }

 .navbar-default .navbar-brand {
     color: #fff;
     font-size: 30px;
 }

 .navbar-default .navbar-brand .second {
     font-family: 'NotoSans-Bold', Arial, Helvetica, Sans-Serif;
 }

 .navbar-default .navbar-brand .first {
     font-family: 'MyriadPro-Regular', Arial, Helvetica, Sans-Serif;
 }

 .logo-text {
     padding-left: 55px
 }

 .nav>li>a {
     position: relative;
     display: block;
     padding: 10px 15px;
     font-size: 20px;
     margin: 0px 0px 0px 30px;
     transition-duration: 300ms;
     -webkit-transition-duration: 300ms;
     -ms-transition-duration: 300ms;
     -moz-transition-duration: 300ms;
     transition-timing-function: ease-out;
 }

 .navbar-default .navbar-nav>li>a {
     color: #fff;
 }

 .navbar-default .navbar-nav>.active>a,
 .navbar-default .navbar-nav>.active>a:focus,
 .navbar-default .navbar-nav>.active>a:hover {
     color: #fff;
     background-color: #e66658;
 }

 .navbar-default .navbar-nav>li>a:focus,
 .navbar-default .navbar-nav>li>a:hover {
     color: #fff;
     background-color: #e66658;
 }

 .navbar-default .navbar-toggle:focus,
 .navbar-default .navbar-toggle:hover {
     background-color: #fff;
 }

 .page-title {
     font-family: 'Lato-Bold', Arial, Helvetica, Sans-Serif;
     font-size: 60px;
     color: #fff;
     bottom: 0px;
     top: 0px;
     text-align: left;
     display: table-cell;
     vertical-align: middle;
 }

 .container.title {
     height: 93px;
     display: table;
     /*height: 140px;*/
     position: relative;
 }

 .btn-primary {
     padding: 6px 25px;
     font-size: 24px;
     color: #fff;
     background-color: #e66658;
     border-color: #e66658;
 }

 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active {
     background-color: #e66658 !important;
     outline: none !important;
     border-color: #e66658 !important;
     color: #fff !important;
 }

 .btn-secondary {
     padding: 6px 25px;
     font-size: 24px;
     color: #fff;
     background-color: #a6a6a6;
     border-color: #a6a6a6;
 }

 .btn-secondary:hover,
 .btn-secondary:focus,
 .btn-secondary:active {
     background-color: #a6a6a6 !important;
     outline: none !important;
     border-color: #a6a6a6 !important;
     color: #fff !important;
 }

 .btn-modal-fertility {
     padding: 6px 25px;
     font-size: 20px;
     color: #fff;
     background-color: #d00072;
     border-color: #d00072;
     border-radius: 0;
 }

 .btn-modal-fertility:hover {
     cursor: pointer;
     color: #fff;
 }

 .btn-modal-hospital {
     padding: 6px 25px;
     font-size: 20px;
     color: #fff;
     background-color: #d22934;
     border-color: #d22934;
     border-radius: 0;
 }

 .btn-modal-hospital:hover {
     cursor: pointer;
     color: #fff;
 }
 /**************** Sub Nav Styling *****************/

 .sub-nav-btn {
     width: 100%;
     border-radius: 0px;
     background-color: #e66658;
     color: #fff;
 }

 .sub-nav-btn:focus {
     outline: none !important;
     box-shadow: none;
     background-color: #e66658;
     color: #fff;
 }

 .sub-nav {
     background-color: rgba(230, 102, 88, 0.70);
 }

 .sub-nav ul {
     text-align: center;
 }

 .sub-nav ul li {
     padding: 0px;
     margin: 0px 8px;
 }

 .sub-nav ul li a {
     line-height: 60px;
     font-size: 16px;
     color: #fff;
     padding: 20px 0px;
 }

 .sub-nav ul li:hover {
     box-shadow: inset 0 -3px 0 #FFFFFF;
     transition-duration: 300ms;
     -webkit-transition-duration: 300ms;
     -ms-transition-duration: 300ms;
     -moz-transition-duration: 300ms;
     transition-timing-function: ease-out;
 }

 .sub-nav ul li.active {
     box-shadow: inset 0 -3px 0 #FFFFFF;
 }

 .sub-nav-link {
     display: table;
     width: 100%;
     height: 100%;
 }

 .sub-nav-inner {
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     height: 400px;
     vertical-align: middle;
     display: table-cell;
     width: 100%;
 }
 /**************** Sub-nav Styling *****************/
 /****************** Background Banner Styling *****************/

 .home-bg {
     background-image: url(../images/home-bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     min-height: 100%;
 }

 .banner {
     min-height: 249px;
     background-size: cover;
     background-repeat: no-repeat;
     margin-bottom: 45px;
 }

 .banner.about {
     background-image: url(../images/banner/about-banner.jpg);
 }

 .banner.adolescence {
     background-image: url(../images/banner/adolescence-banner.jpg);
 }

 .banner.antenatal-classes {
     background-image: url(../images/banner/antenatal-classes-banner.jpg);
 }

 .banner.contact-us {
     background-image: url(../images/banner/contact-us-banner.jpg);
 }

 .banner.counseling {
     background-image: url(../images/banner/counseling-banner.jpg);
 }

 .banner.facilities {
     background-image: url(../images/banner/facilities-banner.jpg);
 }

 .banner.feel-best-40 {
     background-image: url(../images/banner/feel-best-40-banner.jpg);
 }

 .banner.gynec-problems {
     background-image: url(../images/banner/gynec-problems-banner.jpg);
 }

 .banner.media {
     background-image: url(../images/banner/media-banner.jpg);
 }

 .banner.news {
     background-image: url(../images/banner/news-banner.jpg);
 }

 .banner.pregnancy {
     background-image: url(../images/banner/pregnancy-banner.jpg);
 }

 .banner.schedule-appointment {
     background-image: url(../images/banner/schedule-appointment-banner.jpg);
 }

 .banner.testimonials {
     background-image: url(../images/banner/testimonials-banner.jpg);
 }
 /****************** Background Banner Styling *****************/
 /******************** Home Page Bottom Tabs *******************/

 .home-tabs {
     position: absolute;
     bottom: -2px;
     top: auto;
     width: 100%;
 }

 .home-tabs .col-md-4 {
     padding: 0px;
 }

 .tab-block {
     background-color: rgba(0, 0, 0, 0.30);
     border-right: 1px solid #bdbdbd;
     border-bottom: 1px solid #bdbdbd;
     min-height: 225px;
     padding-top: 30px;
 }

 .tab-block:hover {
     cursor: pointer;
 }

 .home-tabs .col-md-4:nth-child(1) .tab-block {
     border-top: 1px solid #bdbdbd;
 }

 .home-tabs .col-md-4:nth-child(2) .tab-block {
     border-top: 1px solid #bdbdbd;
 }

 .home-tabs .col-md-4:nth-child(3) .tab-block {
     border-top: 1px solid #bdbdbd;
 }
 /******************** End Home Page Bottom Tabs *******************/
 /********************* Footer Styling ********************/

 .footer {
     position: fixed;
     width: 100%;
 }

 footer {
     background-color: #2f333b;
     width: 100%;
     color: #fff;
     padding: 15px 0px 15px 0px;
 }

 footer .copy-right {
     line-height: 62px;
 }

 footer .social-panel {
     min-width: 215px;
 }

 footer .social-panel li span {
     float: left;
     display: inline-block;
     width: 80%;
     line-height: 30px;
 }

 footer .social-panel .icon {
     width: 30px;
     height: 30px;
     display: inline-block;
     transition-duration: 300ms;
     -webkit-transition-duration: 300ms;
     -ms-transition-duration: 300ms;
     -moz-transition-duration: 300ms;
     transition-timing-function: ease-out;
 }

 footer .social-panel .icon.fb {
     background: url(../images/fb-icon.png) no-repeat center center;
 }
 /*footer .social-panel .icon.fb:hover{ background: url(../images/fb-icon-over.png) no-repeat center center;}*/

 footer .social-panel .icon.olive {
     background: url(../images/olive-logo.png) no-repeat center center;
 }
 /*footer .social-panel .icon.olive:hover{ background: url(../images/olive-logo-over.png) no-repeat center center; }*/
 /********************* Footer Styling ********************/
 /*********Page Content ***********/
 /*.content-panel { padding-top: 35px;}*/

 .content-panel p {
     margin-bottom: 20px;
     line-height: 20px;
     color: #898989;
     font-size: 16px;
     font-family: 'Lato-Regular', Arial, Helvetica, Sans-Serif;
     text-align: justify;
 }
 /********************* About Page **********************/

 .doctor-img {
     margin: 0px 22px 20px 0px;
     border: 4px solid #e66658;
     border-radius: 4px;
     height: 124px;
 }

 .doctor-name {
     font-weight: bold;
     padding-top: 30px;
     color: #e66658 !important;
     margin-bottom: 7px !important
 }

 .doctor-degree {
     font-weight: bold;
 }

 .hospital-team {
     margin: 40px auto;
 }

 .panel-title {
     font-size: 30px;
     color: #666666;
     margin-bottom: 30px;
 }

 .panel-title span {
     font-size: 24px;
 }

 .common-big-icon {
     width: 59px;
     height: 60px;
     display: block;
 }

 .common-big-icon.team {
     height: 50px;
     background: url(../images/sprite.png) no-repeat 0px 0px;
 }

 .common-big-icon.locate {
     height: 50px;
     background: url(../images/sprite.png) no-repeat -434px 0px;
 }

 .common-big-icon.location-point {
     height: 42px;
     background: url(../images/sprite.png) no-repeat -369px 0px;
 }

 .common-big-icon.media {
     height: 42px;
     margin-bottom: 15px;
     background: url(../images/sprite.png) no-repeat -391px -82px;
 }

 .div-block {
     border: 1px solid #e5e5e5;
     min-height: 360px;
 }

 .block-header {
     padding: 15px;
 }

 .block-title {
     font-size: 18px;
     color: #666666;
     line-height: 20px;
 }

 .block-title .icon {
     width: 58px;
     height: 50px;
     display: inline-block;
     float: left;
 }

 .block-title .icon.gynecology {
     margin-right: 10px;
     background: url(../images/sprite.png) no-repeat -89px 0px;
 }

 .block-title .icon.pediatrics {
     margin-right: 0px;
     background: url(../images/sprite.png) no-repeat -182px 0px;
 }

 .block-title .icon.ultrasonography {
     margin-right: 20px;
     background: url(../images/sprite.png) no-repeat -268px 0px;
 }

 .div-block .block-body {
     padding: 21px 28px;
     min-height: 260px;
     background-color: #fcfcfc;
     border-top: 1px solid #e5e5e5;
     transition-duration: 300ms;
     -webkit-transition-duration: 300ms;
     -ms-transition-duration: 300ms;
     -moz-transition-duration: 300ms;
     transition-timing-function: ease-out;
 }

 .div-block:hover .block-body {
     padding: 21px 28px;
     background-color: #e66658;
 }

 .block-body li {
     color: #898989;
     margin-bottom: 15px;
     font-size: 18px;
 }

 .div-block:hover .block-body li {
     color: #fff;
 }

 .block-body li:last-child {
     margin-bottom: 0px;
 }
 /************************ Contact Us Page ********************/

 .map-panel {
     margin-bottom: 45px;
 }

 .map {
     min-height: 230px;
     max-height: 230px;
     border: 1px solid #e6e6e6;
     background-color: #e6e6e6;
 }

 .contact-block {
     margin-bottom: 40px;
 }

 .contact-block .block-body {
     padding: 30px 10px;
     background-color: #fcfcfc;
     border: 1px solid #e5e5e5;
     transition-duration: 300ms;
     -webkit-transition-duration: 300ms;
     -ms-transition-duration: 300ms;
     -moz-transition-duration: 300ms;
     transition-timing-function: ease-out;
 }

 .contact-block:hover .block-body {
     background-color: #e66658;
     color: #fff;
 }

 .contact-block .block-body p {
     margin-bottom: 10px;
 }
 /************************ Counseling Page ********************/

 .counseling-content {
     background-color: #fcfcfc;
     border: 1px solid #e5e5e5;
     padding: 18px 20px;
 }

 .order-list li {
     list-style: decimal inside;
     display: list-item;
 }

 ol {
     list-style: inside none decimal !important;
     padding-left: 20px;
 }

 ol li.list-group-item {
     list-style: decimal;
     display: list-item;
     padding: 0;
     background-color: transparent;
     border: none;
     margin-bottom: 25px;
 }

 ol li.list-group-item .title {
     margin-bottom: 8px;
     display: block;
     color: #000
 }

 .list-title {
     margin-bottom: 5px !important;
     color: #000 !important;
 }
 /************************ Adolescence Page ********************/

 .adolescence p {
     margin-bottom: 5px !important;
 }

 .content-block {
     border: 1px solid #e5e5e5;
     margin-bottom: 20px;
 }

 .content-block-header h4 {
     font-size: 22px;
     color: #e66658;
     padding: 16px 20px 20px 20px;
 }

 .content-block-body {
     padding: 17px 20px;
     background-color: #fcfcfc;
     border-top: 1px solid #e5e5e5;
 }

 .content-block-body p {
     color: #898989;
     font-size: 16px;
     line-height: 20px;
     text-align: justify;
 }

 .content-block-body .title {
     color: #000;
     margin-bottom: 7px!important;
     font-size: 18px;
 }

 .inside-listing li {
     padding: 5px 5px 5px 25px;
     color: #898989;
     background: url(../images/bullets.png) no-repeat left center;
 }
 /*********************** Facilities Page ***************************/

 .facilities .content-block {
     margin-bottom: 10px;
 }

 .content-block-outer-body {
     padding: 17px 20px;
     background-color: #fcfcfc;
     border: 1px solid #e5e5e5;
     margin-bottom: 20px;
     min-height: 196px;
 }

 .content-block-outer-body .title {
     color: #000;
     margin-bottom: 10px!important;
     font-size: 18px;
 }

 .content-block-outer-body ol li.list-group-item {
     margin-bottom: 20px;
 }

 .content-block-outer-body ol li.list-group-item:last-child,
 .content-block-outer-body ol {
     margin-bottom: 0px !important;
 }
 /*********************** Pregnancy Page ***************************/

 .quick-link {
     color: #e66658 !important:
 }

 .quick-link:hover,
 .quick-link:focus {
     color: #e66658;
     text-decoration: none;
 }

 .content-block-body .btn-para {
     line-height: 56px !important;
 }

 .pdf-btn {
     min-width: 185px;
     min-height: 56px;
     color: #fff!important;
     line-height: 56px !important;
     background-color: #e66658;
     display: block;
     float: right;
     text-align: center;
     font-size: 24px;
 }

 .pdf-btn a:hover,
 .pdf-btn a:focus {
     outline: none;
     text-decoration: none !important;
 }
 /*********************** Scheduled Appoinment Page ***************************/

 .schedule-block {
     background-color: #fff;
     border: 1px solid #f0f0f0;
 }

 .schedule-block-header {
     padding: 10px 24px 12px 24px;
 }

 .schedule-block-body {
     background-color: #a6a6a6;
     padding: 10px 24px 12px 24px;
     min-height: 175px;
 }

 .schedule-block:hover .schedule-block-body {
     background-color: #e66658;
 }

 .schedule-block-header .block-title {
     line-height: 50px;
 }

 .block-title .icon.doctor-male {
     margin-right: 10px;
     height: 50px;
     background: url(../images/sprite.png) no-repeat -143px -82px;
 }

 .schedule-block:hover .block-title .icon.doctor-male {
     margin-right: 10px;
     height: 50px;
     background: url(../images/sprite.png) no-repeat -213px -82px;
 }

 .block-title .icon.doctor-female {
     margin-right: 10px;
     height: 50px;
     background: url(../images/sprite.png) no-repeat 0px -82px;
 }

 .schedule-block:hover .block-title .icon.doctor-female {
     margin-right: 10px;
     height: 50px;
     background: url(../images/sprite.png) no-repeat -73px -82px;
 }

 .schedule-block .table {
     margin-bottom: 0px;
 }

 .schedule-block .table>tbody>tr>td,
 .table>tbody>tr>th,
 .table>tfoot>tr>td,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>thead>tr>th {
     border: none;
     color: #fff;
     font-size: 16px;
     padding: 8px 0px;
 }

 .doct-name {
     font-size: 22px !important;
     margin-bottom: 10px;
 }

 .deegree {
     font-size: 18px !important;
 }

 .list-inline.btn-group {
     width: 100%;
 }

 .list-inline.btn-group li {
     width: 49%;
 }
 /*********************** News Page ***************************/

 .news-list>li {
     margin-bottom: 35px;
     padding: 15px;
     transition: all 0.5s linear;
     -webkit-transition-duration: 0.5s;
     -ms-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     transition-timing-function: linear;
 }

 .news-list>li:hover {
     box-shadow: 1px 1px 10px #999;
 }

 .news-list li a {
     display: block;
 }

 .news-list li a:hover {
     cursor: pointer;
 }

 .news-list li a:hover,
 .news-list li a:focus {
     text-decoration: none;
 }

 .news-count {
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     color: #fff;
     display: block;
     margin-right: 20px;
     background-color: #a6a6a6;
     transition: all 0.5s linear;
     -webkit-transition-duration: 0.5s;
     -ms-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     transition-timing-function: linear;
 }

 .news-list li:hover .news-count {
     background-color: #e66658;
 }

 .news-panel {
     padding-left: 55px;
 }

 .news-panel .news-title {
     color: #e66658;
     font-size: 18px;
     margin-bottom: 20px;
 }

 .date-time {
     color: #e66658 !important;
     font-size: 16px;
     margin-top: 10px;
 }
 /*********************** Testimonials Page ***************************/

 .steps {
     margin: 0 auto;
     width: 930px;
     overflow: hidden;
     list-style: none;
     padding: 0;
     position: relative;
     margin-bottom: 40px;
 }

 .timeline-border {
     position: absolute;
     top: 0;
     left: 50%;
     border-left: 3px solid #e66658;
     height: 100%;
 }

 .step {
     width: 930px;
     float: right;
     text-align: left;
     margin: 0 0 10px;
     padding: 10px 0 0 493px;
     position: relative;
 }

 .step.even {
     float: left;
     text-align: right;
     padding: 10px 493px 0 0;
 }

 .icon-border i {
     line-height: 1;
     text-align: center;
     color: #fff;
     font-size: 20px;
     padding: 0;
     margin: 0 0 10px 0;
     display: table;
     width: 58px;
     height: 58px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     -webkit-transition: all 200ms ease-in;
     -o-transition: all 200ms ease-in;
     -moz-transition: all 200ms ease-in;
     box-shadow: 0px 0px 8px #747474;
     background-color: #a6a6a6;
 }

 .step:hover .icon-border i {
     background-color: #e66658;
 }

 .icon-border::before {
     content: "";
     display: block;
     width: 25px;
     border-bottom: 3px solid #e66658;
     position: absolute;
     top: 30px;
     left: -25px;
 }

 .step.even .icon-border:before {
     left: auto;
     right: -28px;
     width: 30px;
 }

 .step.even .icon-border i {
     left: auto;
     right: -41px;
     float: right;
 }

 .icon-border i {
     width: 58px;
     text-align: center !important;
     line-height: 58px;
 }

 .step .icon-border {
     position: relative;
 }

 .step h5 {
     color: #000;
     font-size: 20px;
     margin-bottom: 20px;
 }

 .step:hover h5 {
     color: #e66658 !important;
 }
 /*.step-two{ margin-top: -250px; }
.step-three{ margin-top: -85px; }
.step-four{ margin-top: -170px; }
.step-five{ margin-top: -185px; }
.step-six{ margin-top: -140px; }*/

 .step .test-content {
     padding: 20px 15px;
     background-color: #fcfcfc;
     border: 1px solid #e5e5e5;
     color: #898989;
 }
 /*********************** Styling For Image Gallery *************************/

 .demo-gallery>ul {
     margin-bottom: 0;
 }

 .demo-gallery>ul>li {
     float: left;
     margin-bottom: 60px;
     height: 165px;
 }

 .demo-gallery>ul>li a {
     border: 4px solid #e66658;
     border-radius: 4px;
     display: block;
     overflow: hidden;
     position: relative;
     float: left;
 }

 .demo-gallery>ul>li a>img {
     -webkit-transition: -webkit-transform 300ms ease 0s;
     -moz-transition: -moz-transform 300ms ease 0s;
     -o-transition: -o-transform 300ms ease 0s;
     transition: transform 300ms ease 0s;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
     height: 100%;
     width: 100%;
 }

 .demo-gallery>ul>li a:hover>img {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
 }

 .demo-gallery>ul>li a:hover .demo-gallery-poster>img {
     opacity: 1;
 }

 .demo-gallery>ul>li a .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.1);
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     -webkit-transition: background-color 0.15s ease 0s;
     -o-transition: background-color 0.15s ease 0s;
     transition: background-color 0.15s ease 0s;
 }

 .demo-gallery>ul>li a .demo-gallery-poster>img {
     left: 50%;
     margin-left: -10px;
     margin-top: -10px;
     opacity: 0;
     position: absolute;
     top: 50%;
     -webkit-transition: opacity 0.3s ease 0s;
     -o-transition: opacity 0.3s ease 0s;
     transition: opacity 0.3s ease 0s;
 }

 .demo-gallery>ul>li a:hover .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.5);
 }

 .demo-gallery .justified-gallery>a>img {
     -webkit-transition: -webkit-transform 0.15s ease 0s;
     -moz-transition: -moz-transform 0.15s ease 0s;
     -o-transition: -o-transform 0.15s ease 0s;
     transition: transform 0.15s ease 0s;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
     height: 100%;
     width: 100%;
 }

 .demo-gallery .justified-gallery>a:hover>img {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
 }

 .demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
     opacity: 1;
 }

 .demo-gallery .justified-gallery>a .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.1);
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     -webkit-transition: background-color 0.15s ease 0s;
     -o-transition: background-color 0.15s ease 0s;
     transition: background-color 0.15s ease 0s;
 }

 .demo-gallery .justified-gallery>a .demo-gallery-poster>img {
     left: 50%;
     margin-left: -10px;
     margin-top: -10px;
     opacity: 0;
     position: absolute;
     top: 50%;
     -webkit-transition: opacity 0.3s ease 0s;
     -o-transition: opacity 0.3s ease 0s;
     transition: opacity 0.3s ease 0s;
 }

 .demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.5);
 }

 .demo-gallery .video .demo-gallery-poster img {
     height: 48px;
     margin-left: -24px;
     margin-top: -24px;
     opacity: 0.8;
     width: 48px;
 }

 .demo-gallery.dark>ul>li a {
     border: 3px solid #04070a;
 }

 .home .demo-gallery {
     padding-bottom: 80px;
 }

 .photo-title {
     padding: 10px;
     text-align: center;
     color: #666666;
     max-height: 20px;
     bottom: -25px;
     position: absolute;
     width: 90%;
 }
 /*********************** End Styling For Image Gallery *************************/
 /*********************** Styling For Enquiery Form *************************/

 .form-inline .input-group {
     width: 100%;
     margin-bottom: 15px;
 }

 .contact-form .input-group-addon,
 .contact-form .form-control {
     border: none;
     box-shadow: none;
     background-color: transparent;
     min-height: 50px;
     border-bottom: 1px solid #d3d3d3;
 }

 .contact-form .input-group-addon {
     padding: 6px 0px 6px 12px;
     border-radius: 0px;
 }

 .contact-form .input-group-addon .fa {
     font-size: 22px;
     opacity: 1;
     float: right !important;
     color: #777777 !important;
 }

 .input-group-addon .glyphicon-calendar {
     font-size: 24px;
     color: #777777 !important;
     margin-right: 8px;
     float: right !important;
 }

 .contact-form .form-control {
     padding-left: 0px;
     border-radius: 0px;
 }

 .contact-form .form-control::-moz-placeholder {
     color: #898989 !important;
     opacity: 0.5;
     font-size: 16px;
 }

 .border-span {
     position: absolute;
     left: 50%;
     content: '';
     height: 40px;
     height: 2px;
     background: #e66658;
     transition: all 0.5s linear;
     -webkit-transition-duration: 0.5s;
     -ms-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     transition-timing-function: linear;
     width: 0;
     bottom: -2px;
 }

 .form-control:focus~span.border-span {
     width: 100%;
     margin-left: -50% !important;
 }

 .contact-form .form-control:-ms-input-placeholder {
     color: #898989;
 }

 .contact-form .form-control::-webkit-input-placeholder {
     color: #898989;
 }

 .catagory-dropdown-inner:focus~span.border-span {
     width: 100%;
     margin-left: -50% !important;
 }

 .border-div {
     border-bottom: 1px solid #e5e5e5;
     min-height: 50px;
     padding-top: 17px;
 }

 .border-div label {
     color: #898989;
 }
 /*********************** End Styling For Enquiery Form *************************/
 /******************** Modal Styling *************************/

 .vertical-alignment-helper {
     display: table;
     height: 100%;
     width: 100%;
 }

 .vertical-align-center {
     display: table-cell;
     vertical-align: middle;
 }

 .modal-backdrop.in {
     opacity: 0.8;
 }

 .modal-content {
     position: relative;
     border-radius: 0px;
 }

 .modal-header {
     position: absolute;
     width: 100%;
     height: 370px;
     padding: 0px;
 }

 .logo-panel {
     background-color: rgba(0, 0, 0, 0.50);
     padding: 7px 20px 7px 12px;
     border-radius: 0px;
     height: 92px;
     position: absolute;
     z-index: 1000;
     width: 100%;
 }

 .close {
     opacity: 1;
     color: #fff;
     position: absolute;
     right: -35px;
     top: -35px;
     font-size: 35px;
 }

 .welcome-panel {
     position: absolute;
     bottom: -16%;
     top: auto;
     left: 0;
     right: 0;
     margin: 0 auto;
     width: 125px;
     height: 125px;
     background-color: #c80162;
     border-radius: 50%;
     line-height: 25px;
     color: #fff;
     font-size: 20px;
     text-align: center;
 }

 .welcome-panel span {
     margin-top: 35px;
     display: block;
     line-height: 25px
 }

 .modal-body {
     /*margin-top: 370px; */
     padding-top: 85px;
     width: 100%;
     height: 650px;
     background-image: url(../images/modal-bg.jpg);
     background-size: cover;
     background-position: center top;
     background-repeat: no-repeat;
 }

 .modal-body.corona {
     /*margin-top: 370px; */
     padding-top: 85px;
     width: 100%;
     height: auto;
     background-image: url(../images/modal-bg-corona.jpg);
     background-size: contain;
     background-position: center top;
     background-repeat: no-repeat;
     overflow-y: auto;
     background-attachment: fixed;
 }

 .modal-body.corona {
     color: #fff!important;
 }

 .modal-body.corona .highlights {
     font-weight: bold;
     text-transform: uppercase;
     color: #fff;
     font-size: 20px;
 }

 .modal-body.corona p {
     color: #fff;
     font-size: 16px;
     line-height: 22px;
     margin-bottom: 10px;
     text-align: justify;
     text-align-last: left;
 }

 .desc-para {
     margin-bottom: 40px;
 }

 .modal-body p {
     color: #7f7f7f;
     font-size: 16px;
     line-height: 20px;
 }

 .modal-body p .bolder {
     color: #000000;
 }

 .name-plate {
     background-color: #f0f0f0;
     padding: 15px;
     text-align: center;
     color: #c80162;
     font-size: 20px;
     margin-bottom: 20px;
 }

 .address-header {
     background-color: #c80162;
     padding: 15px;
     text-align: center;
     color: #fff;
     font-size: 20px;
 }

 .address-box {
     width: 100%;
     background-color: #ffffff;
     box-shadow: 0px 0px 8px #ccc;
     /*margin-bottom: 20px;*/
 }

 .address-body {
     padding: 20px 70px;
 }

 @media only screen and (max-width: 767px) {
     .close {
         opacity: 1;
         color: #fff;
         position: absolute;
         right: 0px;
         top: -8px;
         font-size: 35px;
     }
     .address-body {
         padding: 20px 15px;
     }
     .welcome-panel {
         font-size: 19px;
     }
     .modal-body p {
         font-size: 14px;
     }
     .name-plate,
     .address-header {
         font-size: 18px;
     }
 }
 /******************** End Modal Styling *************************/

 .name-panel {
     position: absolute;
     bottom: 0px;
     top: auto;
     left: 0;
     right: 0;
     margin: 0 auto;
     padding: 25px 0px;
 }

 .name-panel h3.fertility {
     font-size: 20px;
     color: #521436;
     margin-bottom: 25px;
 }

 .name-panel h3.hospital {
     font-size: 20px;
     color: #ffffff;
     margin-bottom: 25px;
 }
 /* Large Devices, Wide Screens */

 .modal-dialog.custom-width {
     width: 80%;
 }

 .modal-logo img {
     margin-right: 15px;
 }

 .modal-logo {
     font-size: 24px;
     font-family: 'Lato', sans-serif;
     color: #000;
     font-weight: 900;
     line-height: 50px;
     margin-bottom: 30px;
 }

 .left-side-text {
     color: #313d57;
     font-size: 22px;
     line-height: 36px;
 }

 .dr-content {
     background-color: #ea3438;
     padding: 65px 20px 35px 20px;
     margin-top: 120px;
 }

 .dr-img-holder {
     position: absolute;
     left: 0;
     right: 0;
     top: 20px;
     bottom: auto;
     margin: 0 auto;
     width: 140px;
     height: 148px;
     border: 5px solid #ea3438;
     box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.35);
 }

 .dr-content p {
     color: #fff;
     font-size: 26px;
     line-height: 36px;
 }

 .dr-content p span {
     font-weight: 700;
 }

 .payment-details .caption {
     color: #000;
     font-weight: 700;
     font-size: 22px;
     line-height: 30px;
     margin-top: 20px;
 }

 .payment-details p {
     color: #313d57;
     font-size: 18px;
     line-height: 28px;
 }

 .special-box {
     padding: 20px;
     background-color: #ea3438;
     margin-bottom: 20px;
 }

 .special-box p {
     color: #fff;
     font-size: 20px;
     text-transform: uppercase;
     text-align: center;
     margin-bottom: 15px;
 }

 .special-box p:last-child {
     margin-bottom: 0;
 }

 .special-desc {
     text-align: justify;
     text-align-last: center;
     font-size: 24px;
     color: #313d57 !important;
     line-height: 30px !important;
 }

 .muhs-list  a{
    margin-bottom: 30px;
    border:1px solid #ebebeb;
    border-radius: 6px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #898989;
    min-height: 200px;
    box-shadow:0 0 15px rgba(138, 138, 138, 0.2);
     transition-duration: 300ms;
     -webkit-transition-duration: 300ms;
     -ms-transition-duration: 300ms;
     -moz-transition-duration: 300ms;
     transition-timing-function: ease-out;
}
.muhs-list a:hover{
    color: #000000;
    text-decoration: underline;
    box-shadow:0 0 15px rgba(0, 0, 0, 0.50);
}
.muhs-list a .fa{
    font-size: 80px;
    display: block;
    margin: 0 auto 15px auto;
}
.muhs-list a span{
    line-height: 20px;
}

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

 @media only screen and (max-width: 1024px) {
     .navbar-default .navbar-brand {
         font-size: 24px;
     }
     .nav.navbar-nav {
         margin-top: 5px;
     }
     .nav>li>a {
         padding: 10px;
         margin: 0px 10px 0px 10px;
         font-size: 18px;
     }
     .sub-nav.desktop {
         display: none;
     }
     .sub-nav-btn {
         display: block !important;
     }
     input[type="radio"]+label span {
         margin: -1px 9px 0 0 !important;
     }
     .checkbox-inline {
         padding-left: 0px;
     }
 }

 @media only screen and (max-width: 992px) {
     footer .social-panel .icon {
         float: right;
     }
     footer {
         position: relative;
     }
     .main-nav {
         padding: 12px 0px;
     }
     .navbar-default .navbar-brand {
         font-size: 24px;
     }
     .nav.navbar-nav {
         margin-top: 5px;
     }
     .nav>li>a {
         padding: 10px;
         margin: 0px 7px 0px 7px;
         font-size: 16px;
     }
     .sub-nav ul {
         text-align: left;
     }
     .home-bg {
         background-image: url(../images/768_1024.jpg);
     }
     .div-block {
         margin-bottom: 20px;
     }
     .page-title {
         font-size: 50px;
     }
     .container.title {
         height: 140px;
     }
     .schedule-block {
         margin-bottom: 30px;
     }
     .col-md-6:last-child .schedule-block,
     .col-md-12:last-child .schedule-block {
         margin-bottom: 0px;
     }
     .schedule-block-body {
         min-height: 82px !important;
     }
     .margin-btm-zero {
         margin-bottom: 0px;
     }
     .banner.about {
         background-image: url(../images/banner/768/about-banner.jpg);
     }
     .banner.adolescence {
         background-image: url(../images/banner/768/adolescence-banner.jpg);
     }
     .banner.antenatal-classes {
         background-image: url(../images/banner/768/antenatal-classes-banner.jpg);
     }
     .banner.contact-us {
         background-image: url(../images/banner/768/contact-us-banner.jpg);
     }
     .banner.counseling {
         background-image: url(../images/banner/768/counseling-banner.jpg);
     }
     .banner.facilities {
         background-image: url(../images/banner/768/facilities-banner.jpg);
     }
     .banner.feel-best-40 {
         background-image: url(../images/banner/768/feel-best-40-banner.jpg);
     }
     .banner.gynec-problems {
         background-image: url(../images/banner/768/gynec-problems-banner.jpg);
     }
     .banner.media {
         background-image: url(../images/banner/768/media-banner.jpg);
     }
     .banner.news {
         background-image: url(../images/banner/768/news-banner.jpg);
     }
     .banner.pregnancy {
         background-image: url(../images/banner/768/pregnancy-banner.jpg);
     }
     .banner.schedule-appointment {
         background-image: url(../images/banner/768/schedule-appointment-banner.jpg);
     }
     .banner.testimonials {
         background-image: url(../images/banner/768/testimonials-banner.jpg);
     }
     .steps {
         width: 100%;
     }
     .timeline-border {
         display: none;
     }
     .steps {
         margin-bottom: 0px;
     }
     .step,
     .step.even {
         width: 100%;
         float: none;
         text-align: center;
         margin: 0 0 50px;
         padding: 0;
         position: relative;
     }
     .icon-border::before {
         display: none;
     }
     .icon-border i,
     .step.even .icon-border i {
         display: block;
         margin: 5px auto 20px auto;
         float: none;
     }
     .pdf-btn {
         float: left !important;
         min-width: 175px;
         min-height: 46px;
         line-height: 46px !important;
         font-size: 21px;
     }
 }

 @media only screen and (max-width: 767px) {
     .wrapper {
         height: auto !important
     }
     .banner {
         margin-bottom: 25px;
     }
     /*********** Footer ************/
     footer {
         text-align: center;
     }
     footer .copy-right {
         line-height: 20px;
         margin-bottom: 15px;
     }
     .social-panel.pull-right {
         float: none !important;
     }
     footer .social-panel ul {
         width: 205px;
         margin: 0 auto
     }
     footer .social-panel li span {
         width: auto;
     }
     .banner.about {
         background-image: url(../images/banner/480/about-banner.jpg);
     }
     .banner.adolescence {
         background-image: url(../images/banner/480/adolescence-banner.jpg);
     }
     .banner.antenatal-classes {
         background-image: url(../images/banner/480/antenatal-classes-banner.jpg);
     }
     .banner.contact-us {
         background-image: url(../images/banner/480/contact-us-banner.jpg);
     }
     .banner.counseling {
         background-image: url(../images/banner/480/counseling-banner.jpg);
     }
     .banner.facilities {
         background-image: url(../images/banner/480/facilities-banner.jpg);
     }
     .banner.feel-best-40 {
         background-image: url(../images/banner/480/feel-best-40-banner.jpg);
     }
     .banner.gynec-problems {
         background-image: url(../images/banner/480/gynec-problems-banner.jpg);
     }
     .banner.media {
         background-image: url(../images/banner/480/media-banner.jpg);
     }
     .banner.news {
         background-image: url(../images/banner/480/news-banner.jpg);
     }
     .banner.pregnancy {
         background-image: url(../images/banner/480/pregnancy-banner.jpg);
     }
     .banner.schedule-appointment {
         background-image: url(../images/banner/480/schedule-appointment-banner.jpg);
     }
     .banner.testimonials {
         background-image: url(../images/banner/480/testimonials-banner.jpg);
     }
     .main-nav {
         padding: 10px 0px 10px 0px;
     }
     .navbar-default .navbar-collapse,
     .navbar-default .navbar-form {
         margin: 0px -5%;
     }
     .navbar-default .navbar-brand {
         font-size: 20px;
     }
     .nav.navbar-nav {
         float: none !important;
     }
     .nav>li>a {
         margin: 0px;
         font-size: 16px;
     }
     .navbar-default .navbar-collapse,
     .navbar-default .navbar-form {
         border-color: transparent;
         box-shadow: none;
         position: absolute;
         width: 110%;
         background-color: rgba(0, 0, 0, 1);
         margin: 11px -18px auto -16px;
         z-index: 100;
         padding: 0px;
     }
     .nav.navbar-nav {
         margin: 0px;
     }
     .navbar-toggle {
         margin-right: 0px;
         background-color: #fff;
         border: 1px solid #e66658;
     }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #e66658;
     }
     .home-tabs {
         position: relative;
         top: 0px;
     }
     .home-bg {
         background-image: url(../images/640_1500.jpg);
         height: 980px !important;
     }
     .home-tabs .col-md-4:nth-child(1) .tab-block {
         border-top: none;
     }
     .home-tabs .col-md-4:nth-child(2) .tab-block {
         border-top: none;
     }
     .home-tabs .col-md-4:nth-child(3) .tab-block {
         border-top: none;
     }
     .tab-block {
         min-height: 125px;
         padding-top: 10px;
     }
     .tab-block>.icon {
         margin-top: 10px !important;
     }
     .mask,
     .content {
         height: 125px !important;
         padding-top: 10px !important;
     }
     .mask .icon {
         margin-top: 10px !important;
     }
     .tab-block h2 {
         font-size: 18px !important;
     }
     .footer {
         position: relative;
         bottom: auto;
     }
     .page-title {
         bottom: 0px;
         font-size: 35px;
         text-align: center;
         width: 100%;
     }
     .content-panel p,
     .block-body li {
         font-size: 16px;
     }
     .panel-title {
         font-size: 24px;
     }
     .div-block .block-body,
     .div-block {
         min-height: auto;
     }
     .hospital-team {
         margin-bottom: 0px;
     }
     .contact-block {
         margin-bottom: 30px;
     }
     .contact-block .panel-title {
         margin-bottom: 15px;
     }
     .panel-title span {
         font-size: 20px;
     }
     .deegree {
         font-size: 16px !important;
     }
     .doct-name {
         font-size: 18px !important;
     }
     .margin-btm-zero {
         margin-bottom: 25px;
     }
     .border-div>label {
         display: block;
         margin-bottom: 20px;
     }
     .radio-panel {
         float: none !important;
         padding: 0px;
     }
     .radio-panel .checkbox-inline {
         padding: 0px 20px 10px 0px;
     }
     .news-list li {
         margin-bottom: 0;
         border-bottom: 1px solid #f5f5f5;
     }
     .btn-primary {
         padding: 7px 15px;
         font-size: 18px;
     }
     .btn-secondary {
         padding: 7px 15px;
         font-size: 18px;
     }
     .content-block-body .btn-para {
         line-height: 20px !important;
         padding: 15px 0px;
     }
     .pdf-btn {
         min-width: 125px;
         min-height: 36px;
         line-height: 36px !important;
         font-size: 18px;
     }
 }

 @media only screen and (max-width: 360px) {
     .content-block-body p {
         text-align: left !important;
     }
     .schedule-block-header {
         padding: 10px;
     }
     .block-title .icon.doctor-female {
         width: 40px;
         height: 60px;
     }
     .checkbox-inline+.checkbox-inline,
     .radio-inline+.radio-inline {
         margin-top: 0;
         margin-left: 7px;
     }
     .radio-panel .checkbox-inline {
         padding: 0px 0px 10px 0px;
     }
 }

 @media only screen and (max-width: 320px) {
     .navbar-brand {
         padding: 15px 0px 15px 15px;
     }
 }
 /*.datetimepicker-inline {
    width: 220px;
    position: absolute;
    left: 0px;
    top: 50px;
    background: #fff;
    box-shadow: 1px 1px 10px #666;
}*/
 /******************************* Checkbox and Radio Buttons Styling *******************************/

 .checkbox,
 .radio {
     margin: 0px;
 }

 .radio label,
 .checkbox label {
     padding-left: 0px;
 }

 input[type="checkbox"] {
     display: none;
 }

 input[type="checkbox"]+label span {
     display: inline-block;
     width: 16px;
     height: 17px;
     margin: -1px 15px 0 0;
     vertical-align: middle;
     background: url(../images/sprite.png) no-repeat -95px -82px;
     cursor: pointer;
 }

 input[type="checkbox"]:checked+label span {
     display: inline-block;
     width: 16px;
     height: 17px;
     background: url(../images/sprite.png) no-repeat -95px -1412px;
 }

 input[type="radio"] {
     display: none;
 }

 input[type="radio"]+label span {
     display: inline-block;
     width: 20px;
     height: 20px;
     float: left;
     margin: -1px 15px 0 0;
     vertical-align: middle;
     background: url(../images/sprite.png) no-repeat -343px -82px;
     cursor: pointer;
 }

 input[type="radio"]:checked+label span {
     display: inline-block;
     width: 20px;
     height: 20px;
     background: url(../images/sprite.png) no-repeat -300px -82px;
 }
 /****************************** Checkbox and Radio Buttons Styling ******************************/
 /****************************** Dropdown Select Option Styling *******************************/

 .custom-select {
     width: 100%;
     position: relative;
 }

 .custom-select select {
     border: 0 !important;
     /*Removes border*/
     -webkit-appearance: none;
     /*Removes default chrome and safari style*/
     -moz-appearance: none !important;
     /* Removes Default Firefox style*/
     background: transparent url(../images/drop-arrow.png) no-repeat 100% center;
     width: 100% !important;
     /*Width of select dropdown to give space for arrow image*/
     text-indent: 0.01px;
     /* Removes default arrow from firefox*/
     text-overflow: "";
     /*Removes default arrow from firefox*/
     /*My custom style for fonts*/
     color: #898989;
     padding: 5px;
     border: 1px solid #CCCCCC !important;
     outline: none !important;
     border: none !important;
     border-bottom: 1px solid #CCCCCC !important;
     min-height: 50px;
     line-height: 20px;
 }

 .custom-select select.custom-style {
     border-bottom: 1px solid #CCCCCC !important;
     outline: none !important;
     height: 50px;
 }

 .custom-select select.custom-style option {
     width: 100%;
     border: none;
     padding: 3px 10px !important;
     outline: none !important;
     border-right: 1px solid #CCCCCC;
     border-color: #CCCCCC;
     border-width: 1px !important;
 }

 .custom-select select.balck option:hover {
     border-right: 1px solid #CCCCCC;
 }
 /******************************* End dropdown select option styling *******************************/