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

.title{height:97px; margin:0 auto;}
.title h1{font-family:Verdana, Geneva, sans-serif; font-size:20px; font-weight:bold; margin:0; color:#fff; text-align:center;}
.title .fa-stethoscope{font-weight:bold; font-size:20px;}
.title1{height:70px; margin:0 auto;}
.title1 h1{font-family:Verdana, Geneva, sans-serif; font-size:20px; font-weight:bold; margin:0; color:#08364b; text-align:center;}
.title1 .fa-stethoscope{font-weight:bold; font-size:20px;}
.title1 .g-brd-primary {
    border-color: #08364b !important;
}
.title1 .g-bg-primary {
    background-color: #359ce9 ! important;
	padding:5px;
}
.title1 .u-divider__icon--indented {
    -webkit-box-shadow: 0 0 0 7px #359ce9;
    box-shadow: 0 0 0 7px #359ce9;
}
.title1 .g-my-80{
    margin-top: 3.71429rem !important;
    margin-bottom: 3rem !important;
}
.g-my-80 {
    margin-top: 3.71429rem !important;
    margin-bottom: 5.71429rem !important;
}
.title .g-brd-primary {
    border-color: #fff !important;
}
.u-divider-center {
    text-align: center;
}
.u-divider {
    position: relative;
    border-top-width: 1px;
}
.u-divider-db-solid {
    height: 5px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.mr-auto, .mx-auto {
    margin-right: auto!important;
}
.w-50 {
    width: 50%!important;
}
.u-divider-center .u-divider__icon {
    left: auto;
    right: auto;
    margin-left: -1.42857rem;
}
.g-color-white {
    color: #fff !important;
}
.title .g-bg-primary {
    background-color: #3398dc ! important;
	padding:5px;
}
.u-divider__icon--indented {
    -webkit-box-shadow: 0 0 0 15px #fff;
    box-shadow: 0 0 0 7px #fff;
}
.u-divider__icon {
    position: absolute;
    top: -1.42857rem;
    width: 2.85714rem;
    height: 2.85714rem;
    font-size: 1.28571rem;
    line-height: 2.85714rem;
    text-align: center;
    font-style: normal;
}
.fa {
    
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa, .fa-stack {
    display: inline-block;
}
.rounded-circle {
    border-radius: 50%!important;
}
.text-align{text-align:center;}
.text-align img{width:100%;}
.navbar-inverse {
    background-color: #0154F8 !important;
    border-color: #0154F8 !important;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #08364b!important;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff !important;
}
.nav-wrapper {
    top: 110px;
}
.navbar {
    margin-top: 36px !important;
}
.phn{font-family: Verdana, Geneva, sans-serif;
    font-size: 1.3rem;
    color: #484545;
    padding: 5px;
    padding-left: 34px;}
.add{font-family: Verdana, Geneva, sans-serif;
    font-size: 1.3rem;
    color: #484545;
    padding: 5px;
    padding-left:25px;}
.padding-top-10{padding-top:10px;}
.bottom-margin{margin-bottom:2px;}
.fa-phone-square{animation: blink 2s ease-in infinite;
    color: #ec606a;
    font-size: 28px;
    position: absolute;
    top: 10px;
    left: 1px;}
.fa-map-marker{animation: blink 2s ease-in infinite;
    color: #ec606a;
    font-size: 28px ;
    position: absolute;
    top: 10px;
    left: 1px;}
@keyframes blink {
  from, to { opacity: 1 }
  50% { opacity: 0 }
}
.tagline{/*position:relative; top:-234px;height: 150px; z-index: -1;*/ padding: 10px 10px 10px 80px; color: #2d2f2f; margin:10px 0 0 0;}
.shortcode-html{background:linear-gradient(rgb(53 156 233), rgb(53 156 233 / 83%)), url(../img/calltoaction.png);background-size: 100%; padding: 10px 10px 10px 80px; margin: 0 auto;width: 90%;color: #fff;}
.g-brd-around {
    border: solid 1px transparent !important;
	border-radius: 3px !important;
	    padding: 114px 50px 106px 175px;
    width:96%;
    margin: 0px auto 0 auto;
}
.g-brd-gray-light-v4 {
    border-color: #eee !important;
}
.g-brd-blue-left {
    border-left-color: #3398dc !important;
}
.g-brd-left-4 {
    border-left-width: 4px !important;
}
.g-color-blue {
    color: #3398dc !important;
}
.g-font-weight-600 {
    font-weight: 600 !important;
}
.g-font-size-16 {
    font-size: 1.7rem !important;
}
.bottom-content{position:relative; top:-140px;}
.topslider-new {width:100%;margin:0px auto; background-color:#363a4b; padding: 0%;position: relative; min-height:300px;}
.header-text {position: absolute;top: 20%;left: 10%;color: white;padding-left: 20px;padding-right: 20px;font-size: 12px; width:50%;}
.header-text h1{font-size: 2vw; font-weight: bold; color: #ffffff;margin: 0 0 10px 0;}
.header-text h2{font-size: 1vw; color: #0b9bdf; margin: 0; padding: 0; line-height:26px;}
.text-block {position: absolute;top: 20%;left: 10%;color: white;padding-left: 20px;padding-right: 20px;font-size: 12px;}
.text-block h1{font-size: 2vw; font-weight: bold; color: #ffffff;margin: 0 0 10px 0;}
.text-block h2{font-size: 1.2vw; font-weight: bold; color: #0b9bdf; margin: 0; padding: 0;}
.text-block h3{font-size: 1vw;font-weight: bold; color: #ffffff; margin-bottom: 20px;}
.text-block h4{font-size: 1vw;font-weight: bold; color: #ffffff;}
.text-block h4 ul{padding:0; margin:0; line-height: 20px; list-style: none;  }
.text-block h4 ul li{padding: 0 0 0 19px ; font-size: 1vw; font-weight: normal; list-style: none; background-image: url(../img/next.png); background-repeat: no-repeat; background-size:10px;line-height: 25px; background-position: left 8px; }
.underline{text-decoration-line: underline;text-decoration-style: double; text-underline-offset: 10px;}
.text-block-T {
    position: absolute;
    top: 50%;
    right: 10%;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
}
.text-block-T h1{font-size: 2vw; font-weight: bold; color: #ffffff;margin: 0 0 10px 0; text-align: center;}
.text-block-T h2{font-size: 1.2vw; font-weight: bold; color: #0b9bdf; margin: 0; padding: 0;}
.text-block-Y {
    position: absolute;
    top: 30%;
    right: 17%;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
}
.text-block-Y h1{font-size: 2vw; font-weight: bold; color: #ffffff;margin: 0 0 10px 0;}
.text-block-Y h2{font-size: 1.2vw; font-weight: bold; color: #0b9bdf; margin: 0; padding: 0;}
#wel-content p{margin:0; padding:5px 0 0 0; line-height:25px; text-align:justify;}
@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

.fa-phone-square{font-size: 20px; top: 8px;}
.fa-map-marker{font-size:20px; top: 8px;}
}
/*******carousal caption style
.carousel-caption h3{font-family:"Lucida Handwriting"; font-size:2.1vw; color:#000; font-weight:bold; line-height:3.6vw; font-style:italic; text-decoration:none; text-shadow:none;}
.carousel-caption h3 span{color:#e7323f; font-size:2.5vw; font-weight:bold; font-style:none;}
.carousel-indicators li {
    display: inline-block;
    width: 0.7vw;
    height: 0.7vw;
    margin: 0px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #4e5153;
    background-color: #4e5153);
    border: 1px solid #4e5153;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 0.7vw;
    height: 0.7vw;
    margin: 0;
    background-color: #e35b60;
	border: 1px solid #e35b60;
}
.carousel-indicators{left:23%;}***/
#wel-content{width:100%;/*background:#d9dcde; background:linear-gradient(to right, rgb(5, 36, 97), rgb(30, 87, 173));*/ background:#e8f2fc; font-size:13px; font-family:Verdana, Geneva, sans-serif; color:#595858; padding:0; margin-top:30px;transform:none; }
#wel-content .container{ padding: 0px; transform:none; }
#wel-content img{width:65%; border: 6px solid #fff;    box-shadow: -6px 7px 2px 0px rgba(0, 0, 0, 0.28), 0 6px 20px 0 rgba(0, 0, 0, 0.19) }
#wel-content h3{font-family:Verdana, Geneva, sans-serif; font-size:30px; font-weight:bold; font-style:italic; color:#359ce9; margin:0 0 10px 0; padding:5px; position: relative;}
#wel-content p{margin:0; padding:10px 0 0 0; line-height:25px; text-align:justify;}
#wel-content .btn-primary{margin-top:10px; background-color: #359ce9; border:0px;}
.personal_info{background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6) ), url(../img/harmonybg.jpg); background-size: auto, auto;  min-height:500px; background-position-y: center; background-position-x: 246px; margin: 20px 0 20px 0; padding: 15px; color:#fff; background-size: 100%;}
.services{
   /* position: relative;
    top: -303px;
    padding-top: 10px;
    padding-bottom: 25px;
    background-color: #04283e;*/
	  background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(0, 0, 0, 0.4), 
      rgba(0, 0, 0, 0.4)
    ),
    /* bottom, image */
    url(../img/bg2.jpg);
	background-size:100%;
	padding: 0px 0 61px 0;
    margin-top: 30px;
    transform: skew(0deg, -5deg) translateY(-170px);}
.info{font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#363434; padding-bottom: 15px;}
.info p{padding:0; margin:5px 0; padding:0 0 0 5px; line-height:24px; text-align: justify;}
.info img{float:left; width:100%; height:auto; margin-left:15px; border:1px solid; color:#cbcbcb;}
.info h3{padding:5px; color:#062339; font-family:Verdana, Geneva, sans-serif; font-size:25px; font-weight:bold; font-style:italic;}
.info ul{list-style:none; padding:0;}
.info ul li{list-style:none;  margin: 1em; margin-left: 3em;}
.info ul li:before {content: '\f006';font-family: 'FontAwesome';float: left;margin-left: -1.5em;color: #ec606a;}

.mb-3 {
    margin-bottom: 1rem!important;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-header {
    padding: 1.2rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgb(76, 86, 106);
	font-size: 16px;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-body p{margin : 0;}
.card-body ul{list-style-type: none;
  margin: 0;
  padding: 0;}
  .card-body ul li{margin:0 0 19px 0;}
.card-body .fa-check-circle{margin-right:5px;}
.bg-info {background-color:#101E3B!important; color:#fff;}
.bg-dark {
    background-color: #343a40!important; opacity: 0.91;
}
.bg-dark .card-body ul{list-style-type: none; margin: 0 40px 0 0; padding: 0; float:left;}
.bg-dark .card-body ul li{margin:0 0 15px 0;}
  
span.blue {
  background: #359ce9;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
  font-size: 11px;
}
.googlemap{position:relative; padding:0; margin:15px 0 0 0;}
.address{position:absolute; top:0;}
.address button{background-color: #359ce9;
color: #fff;
border: 0px;
padding: 10px;
width: 100%;
text-align: left;
font-size: 15px;
font-weight: bold;}
.box1{overflow: hidden; background: #101e3b; color: #fff; line-height: 35px;}
    /* Add padding and border to inner content
    for better animation effect */
    .box-inner{
        width: 400px;
        padding: 10px;
        border: 3px solid #359ce9; font-size: 13px; line-height: 28px;}
.box-inner h2{font-size: 15px;font-weight: bold;}

.googlemap iframe{width:100%;}

/* (PART A) GALLERY CONTAINER */
.gallery {
    /* (A1) GRID LAYOUT - 3 PER ROW */
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  
    /* (A2) OPTIONAL */
    grid-gap: 10px;
    /*max-width: 800px;*/
    padding: 10px; margin: 0 auto;
    overflow: hidden;
  }
  
  /* (PART B) IMAGES */
  .gallery > img {
    width: 100%; object-fit: cover;
    aspect-ratio: 1/1;
    transition: all 0.3s;
  }
  .gallery > img:hover{cursor: pointer;}
 
@media (min-width: 1080px) and (max-width: 1920px) {
#wel-content{padding:29px 0px; margin-top:0;}	
/*.tagline{top:18px; height:auto;}*/
.g-brd-around{padding:0px 50px 20px 20px;}
.services{padding: 0px 0 20px 0;margin-top: 10px;transform: none; }
.bottom-content{position: unset;margin-top: 10px;}
}


@media (min-width: 768px) and (max-width: 1024px){
.text-align img{width:64%;}	
/*#mainCarousel {margin-top: 19px;}
.carousel-caption{left:-36%;}
.carousel-indicators {bottom: 0px;}*/
#wel-content {
width: 100%;background: #d9dcde;background: linear-gradient(to right,rgb(5, 36, 97),rgb(30, 87, 173));font-size: 13px;font-family: Verdana, Geneva,sans-serif;color:#fff;padding: 10px 0 20px 0;margin-top:0px;transform: none;}
#wel-content .container {padding: 0;transform:none;}
#wel-content img {width: 100%; margin-top: 22px;}
.services {background-color:#04283e;padding: 15px 0 15px 0;margin-top: 0px;transform: none;}
#mixedSlider {padding: 0px 0px 0px 0px !important;transform: none !important;}
#mixedSlider .MS-content .item { width: 48% !important;}
.tagline {position: relative;top:0;height: auto;z-index: -1;}
.g-brd-around {padding: 5px 10px 5px 10px;}
.bottom-content{top:0; padding:10px 2px 2px 2px;}
.title{height:100px;}
.title1{max-height:70px;}
}
 /* (PART C) SMALL SCREENS - 2 PER ROW */
 @media screen and (max-width:640px) {
    .gallery {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  /* (PART D) ENLARGE ON MOUSE HOVER */
  .gallery > img:hover:not(.full) {
    transform: scale(1.1);
  }
  /* (PART E) SHOW SELECTED IMAGE IN FULLSCREEN */
.gallery > img.full {
    position: fixed; top: 0; left: 0; z-index: 999;
    width: 100vw; height: 100vh;
    object-fit: scale-down;
    background: rgba(0, 0, 0, 0.5);
  }
@media (min-width: 320px) and (max-width: 480px) {
.title1{height:69px;}
.title1 {height: 100px;}
}
@media (min-width: 320px) and (max-width: 568px) {
.phn{font-size: 50%;}
.add{font-size: 39%;}	
.text-align img {width: 99%;padding-top: 3px;}
/*.carousel-caption{left:-36%; top:-39px;}*/
#wel-content {width: 100%;background-color: #ffffff;font-size: 13px;font-family: Verdana, Geneva,sans-serif;color:#fff;padding: 10px 5px 20px 5px;margin-top:0px;transform: none;}
#wel-content .container {padding: 0;transform: none;}
#wel-content img {width: 100%; margin-top: 22px;}
.services {background-color:#04283e;padding: 15px 0 15px 0;margin-top: 0px;transform: none;}
#mixedSlider {padding: 0px 0px 0px 0px !important;transform: none !important;}
.tagline{top:0; height:auto; z-index:-1;}
.g-brd-around{padding:0 5px;}
.title1{height:100px;}
.bottom-content{top:0; padding-top:10px; width:98%; margin:0 auto;}
}
@media (min-width: 375px) and (max-width: 667px) {
.text-align img{width:95%;}	
/*.carousel-caption{left:-36%; top:-39px}*/
#wel-content {
width: 100%;background-color: #ffffff;font-size: 13px;font-family: Verdana, Geneva,sans-serif;color:#fff;padding: 10px 5px 20px 5px;margin-top:0px;transform: none;}
#wel-content .container {padding: 0;transform: none;}
#wel-content img {width: 100%; margin-top: 22px;}
.services {background-color:#04283e;padding: 15px 0 15px 0;margin-top: 0px;transform: none;}
.bottom-content{top:0; padding-top:10px; width:98%; margin:0 auto;}
.blogTitle{height:75px;}
/*#mainCarousel{margin-top:5px;}*/
@media (min-width: 414px) and (max-width: 736px) {
.text-align img{width:90%;}	
/*.carousel-caption{left:-36%;}*/
#wel-content {
width: 100%;background-color: #ffffff;font-size: 13px;font-family: Verdana, Geneva,sans-serif;color:#595858;padding: 10px 5px 20px 5px;margin-top:0px;transform: none;}
#wel-content .container {padding: 0;transform: none;}
#wel-content img {width: 100%; margin-top: 22px;}
#wel-content h3{font-size: 4vw; margin: 0 0 0px 0;}
.services {background-color:#04283e;padding: 15px 0 15px 0;margin-top: 0px;transform: none;}
#mixedSlider {padding: 0px 0px 0px 0px !important;transform: none !important;}
.bottom-content{top:0; padding-top:10px; width:98%; margin:0 auto;}
.counter-panel img{width:85%;}
.title1{height:76%;}
.shortcode-html{padding-left:10px;width:100%;}
.tagline{padding-left: 10px;}

}

@media (min-width: 300px) and (max-width: 767px) {
	
/**new added**/
#wel-content {transform:none; padding:10px 5px 20px 5px; margin-top: 0;}
#wel-content .container{transform:none; padding: 0px 0px 0px 0px;}
#wel-content h3{font-size: 4vw; margin: 0 0 0px 0;}
.services{transform:none;}
#mixedSlider {padding: 0px 0px 0px 0px !important;transform: none !important;}
#mixedSlider .MS-content .item { width: 48%;}
.text-align > a{width: 100% !important; display: block !important;}
.text-align img{width: 259px;padding-top: 0;}
.tagline{position:unset; top:0; height:auto; z-index:-1;}
.g-brd-around{padding:0;}
.Endo img{width: 100%;margin-bottom: 10px;}
.info img{margin-left:0; margin-bottom:10px;}
/*****************************/
.phn{font-size:50%; padding-left: 24px;}
.add{font-size:50%; padding-left: 19px;}
.fa-map-marker{top: 5px; font-size:20px;}
.fa-phone-square{top: 5px; font-size:20px;}
.nav-wrapper {
    top: 67px;
}
.topslider-new{min-height: 96px;}
.header-text {position: absolute;top: 20%;left: 10%;color: white;padding-left: 20px;padding-right: 20px;font-size: 12px; width:85%;}
.header-text h1 .headtext{font-size: 2.5vw; font-weight: bold; color: #ffffff;margin: 0 0 10px 0; line-height:10px; text-align: center; display: block;}
.header-text h2 .headtext1{font-size: 2vw; color: #0b9bdf; margin: 0; padding: 0; line-height:19px; text-align: center; display: block;}
.header-text h1{font-size: 3.5vw; font-weight: bold; color: #ffffff;margin: 0 0 10px 0; line-height:25px;}
.header-text h2{font-size: 2.5vw; color: #0b9bdf; margin: 0; padding: 0; line-height:20px;}
.text-block-Y {
    position: absolute;
    top: 30%;
    right: 0%;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
}
.text-block-Y h1{font-size: 3vw; font-weight: bold; color: #ffffff;margin: 0 0 5px 0;}
.text-block-Y h2{font-size: 2.5vw; font-weight: bold; color: #0b9bdf; margin: 0; padding: 0;}
.text-block {position: absolute;top: 20%;left: 0%;color: white;padding-left: 20px;padding-right: 20px;font-size: 12px;}
.text-block h1{font-size: 3vw; font-weight: bold; color: #ffffff;margin: 0 0 5px 0;}
.text-block h2{font-size: 2.5vw; font-weight: bold; color: #0b9bdf; margin: 0; padding: 0;}
.text-block-T {
    position: absolute;
            top: 53%;
            right: 0;
            color: white;
            padding-left: 20px;
            padding-right: 20px;
            font-size: 12px;
            text-align: center;
    
}
.text-block-T h1{font-size: 3vw; font-weight: bold; color: #ffffff;margin: 0 0 5px 0;}
.text-block-T h2{            font-size: 1.8vw;
            font-weight: bold;
            color: #0b9bdf;
            margin: 0;
            padding: 0 0px 0 0;
            word-wrap: break-word;
            width: 92%;
            line-height: 13px;
            text-align: center;
            float: right;}

}
@media (min-width: 600px) and (max-width: 800px) {
.text-align img { width: 53%; padding-top: 6px;}
/*.carousel-caption{left:-36%;}*/
.bottom-content{top:0; padding:10px 2px 2px 2px;}
.title1{height:70px}
.title1{height:98px}
}

@media (min-width: 768px) and (max-width: 991px) {
	
.phn{padding-left: 24px;}
.add{ padding-left: 19px;}
#wel-content img {
    width: 100%;}
}


/*@media (min-width: 736px) and (max-width: 414px){
#mainCarousel {margin-top: 19px;}	
}*/
/**slider top style here**/
.main-text
{
    position: absolute;
    top: 50px;
    width: 96.66666666666666%;
    color: #FFF;
}
.btn-min-block
{
    min-width: 170px;
    line-height: 26px;
}
.btn-clear
{
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
    margin-right: 15px;
}
.btn-clear:hover
{
    color: #000;
    background-color: #FFF;
}
/*****Additional changes**/
.carousel-inner .item  img{width: 100% !important;}

}