.hero-banner { margin-top: 145px; }
.slider-banner2 {
	border-bottom: 8px solid transparent;
	background-image: url(../images/line-bottom.jpg);
    background-position: center;
    background-size: contain;
}
.vision-inovation { background-image: url('../images/home-vision1.jpg'); }
.vision-medical   { background-image: url('../images/home-vision2.jpg'); }
.vision-healing   { background-image: url('../images/home-vision3.jpg'); }
.vision-inovation, .vision-medical, .vision-healing {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  	height: 580px;
}
.center-to-center {
    position: absolute;
    margin: auto;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	width: 80%;
  	height: 40%;
    color: #fff;
    opacity: 0.8;
    text-align: center;
    padding: 15px;
    font-size: 1.5rem;
    cursor: pointer;
}
.line-around-box {
  border: 1px solid #fff;
  padding-top: 15px;
  width: 100%;
  height: 100%;
}

/* OWL carousel 2 */
.owl-prev span:hover, 
.owl-next span:hover {
	color: #8199A3;
}

.owl-prev, .owl-next {
	position: absolute;
	top: 0;
	height: 100%;
}

.owl-prev { left: 7px; }
.owl-next { right: 7px; }

/* removing blue outline from buttons */
button:focus, button:active {
   outline: none;
}

.content {
  overflow:hidden;
  margin-bottom: 50px;
}


.vision--header { 
  font-size: 1.925rem;  
}
.vision--header.th {  margin-top: 15px; }
.vision--header.en {  margin-top: 15px; }
.vision--header.cam {  margin-top: 8px; }
.vision--info { 
  font-size: 1.65rem;
  line-height: 1.55rem;
}
.vision--info.en, .vision--info.cam {
  line-height: 1.5;
}
.vision--info p { 
  margin-bottom: 0;
}

.hospital--info {
  padding: 25px;
  height: 460px;
}
.hospital--header {
  font-size: 1.825rem;
}
.hospital--detail {
  font-size: 1.5rem;
}

.blog_card { padding: 0 25px; }
.blog-card-thumbnail100 { width: 100% !important; }
.health--info-header { 
  font-size: 1.825rem;
  margin-top: 15px;
}
.health--info-header a {
  color: #000;
}
.health--info-detail {
  font-size: 1.35rem;
  line-height: 1;
  color: #000;
  height: 125px;
}

.card-block a {
  color: #000;
}
.health--info-iconext {
  font-size: 1rem;
}
.health--info-icognext {
  margin: 5px 25px;
}
.ico_goto {
  display: inline-block !important;
  margin-top: 5px;
}


/* override */
.card {
  border: none;
  border-radius: 0;
  overflow: hidden;
}
.carousel-indicators {
	z-index: 2;
}
.owl-carousel .owl-item img {
  width: auto;
}


@media (max-width: 992px) {
  .hero-banner { margin-top: 120px; }
  .vision--header { font-size: 1.5rem;}
  .vision--header.cam { margin-top: 6%;}
  .vision--info { 
    font-size: 1.385rem;
  }
}