@import url('font.css?v=19');
@import url('icon.css?v=17');
@import url('first.css?v=17');
/* @import url('bird.css'); */
@import url('global.css?v=20');
@import url('shared-font.css?v=29');

/* css for TV */
.headder-tv {
  height: 120px;
}

.footer-tv {
  height: 200px;
  padding: 50px 0px 50px 0px;
}

.w100 {
  width: 100%;
  box-sizing: border-box;
}

.col-c-1 {
  width: 8.33%;
  float: left;
}

.col-c-2 {
  width: 16.66%;
  float: left;
}

.col-c-3 {
  width: 25%;
  float: left;
}

.col-c-4 {
  width: 33.33%;
  float: left;
}

.col-c-5 {
  width: 41.66%;
  float: left;
}

.col-c-6 {
  width: 50%;
  float: left;
}

.col-c-7 {
  width: 58.33%;
  float: left;
}

.col-c-8 {
  width: 66.66%;
  float: left;
}

.col-c-9 {
  width: 75%;
  float: left;
}

.col-c-10 {
  width: 83.33%;
  float: left;
}

.col-c-11 {
  width: 91.66%;
  float: left;
}

.col-c-12 {
  width: 100%;
  float: left;
}

.bg-blue-footer {
  background-color: #142c53;
}

.text-blue {
  color: #002d55;
}

.text-black {
  color: #35363A;
}

.text-black-subtitle {
  color: #343C3D;
}


/* end css TV*/
.navbar-tel {
  display: inline-block;
  /* float: right; */
  padding-top: 2%;
  padding-bottom: 2%;
  color: #002d55;
  font-size: 300%;
  text-align: right;
}

.navbar-logo-tv {
  width: auto;
  height: 100%;
}

.box-center {
  justify-content: center;
}

.article-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  right: 14px;
  left: 14px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 18.23px;
  font-weight: 500;
  line-height: 28.93px;
  color: #fff;
}

footer .footer-tv ul {
  display: block;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  padding-top: 53px;
}

footer .footer-tv ul .item {
  display: inline-block;
  vertical-align: top;
  width: 16%;
  padding-left: 5px;
  padding-right: 5px;
}

footer .footer-tv ul .item .item-name {
  margin-top: 5px;
  font-size: 75%;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='number']:focus,
[type='text'].form-control:focus,
[type='password'].form-control:focus,
[type='email'].form-control:focus,
[type='tel'].form-control:focus,
[contenteditable].form-control:focus {
  /* box-shadow: inset 0 -1px 0 #ddd; */
  outline: none;
  border: 0;
}

input[type='search']:focus {
  outline: 0;
  box-shadow: none !important;
  border: 1px solid #bbbbbb;
}

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none !important;
}

.selectize-input.focus {
  outline: 0;
  box-shadow: none !important;
  border: 1px solid #bbbbbb;
}

.selectize-input:focus {
  outline: 0 !important;
  border-color: 0px !important;
  box-shadow: 0px !important;
}

a:focus {
  outline: 0 !important;
  border-color: 0px !important;
  box-shadow: 0px !important;
}

/*facebook messenger*/
.fb-customerchat span iframe {
  height: auto !important;
}

iframe[name='f1e238dabce687'] {
  height: auto !important;
}

/* fixed slick */
.slick-dots li.slick-active button:before {
  color: #faa635 !important;
}

.slick-dots li button:before {
  font-size: 40px !important;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  color: #faa635 !important;
}

.slick-dots {
  position: static !important;
  margin-top: 1% !important;
}

.hide {
  display: none;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

body .fb_dialog {
  visibility: hidden;
}

/* Social */
.btn-chat-container {
  position: fixed;
  bottom: 80px;
  right: 10px;
  z-index: 98;
}

.btn-chat-container .btn.btn-chat {
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 201000000;
}

.btn-chat-container .btn.btn-chat.selected {
  background-color: #636363;
}

.btn-chat-container .btn.btn-chat .icon {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(../images/chartSocial/icon-chat-blue.png);
  margin: 7px 8px 8px 7px;
  background-size: 35px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.btn-chat-container .btn.btn-chat.selected .icon {
  background-color: #636363;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../images/chartSocial/icon-close.png);
  margin: 13px;
  background-size: 24px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.btn-chat-container .btn.btn-chat .close-icon {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  background-image: url(../images/chartSocial/icon-close.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 50%;
  margin: 0;
  background-size: 24px;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  opacity: 0;
}

.btn-chat-container .btn.btn-chat.selected .icon {
  transform: rotate(540deg);
}

.btn-chat-container .btn.btn-chat.selected .close-icon {
  background-color: #85cf2f;
  transform: rotate(360deg);
  opacity: 1;
}

.btn-chat-container .btn.btn-chat .text {
  display: block;
  color: #fff;
  margin-left: 30px;
}

.btn-chat-container .btn.btn-chat.selected .text {
  color: white;
}

.btn-chat-container .btn .text {
  line-height: 24px;
  top: 10px;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
}

.btn-chat-container .social-button {
  list-style: none;
  padding: 0;
  margin: 0;
  top: 0;
  position: absolute;
  pointer-events: none;
}

.btn-chat-container .social-button.show {
  pointer-events: all;
}

.btn-chat-container .social-button .btn {
  position: absolute;
  top: 0;
  float: none;
  width: 50px;
  height: 50px;
  padding: 0;
  background-color: deepskyblue;
  border-radius: 50%;
  transition: top 0.5s ease, opacity 0.2 ease;
  -webkit-transition: all 0.6s ease;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  z-index: 1;
  opacity: 0;
}

.btn-chat-container .social-button .btn a {
  display: block;
  padding: 10px;
  line-height: 0;
}

.btn-chat-container .social-button .btn .icon {
  width: 30px;
  height: 30px;
  background-size: contain;
  background-color: white;
}

.btn-chat-container .btn.btn-chat .text,
.btn-chat-container .social-button .btn .text {
  color: white !important;
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 14px;
  position: absolute;
  right: 60px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}

.btn-chat-container .social-button .btn-facebook {
  background-color: #0084ff;
}

.btn-chat-container .social-button .btn-facebook .icon {
  background-image: url(../images/chartSocial/icon-facebook.png);
  background-color: #0084ff;

  /* -webkit-mask-image:url(../images/chartSocial/facebook.png);
  mask-image:url(../images/chartSocial/facebook.png) */
}

.btn-chat-container .social-button .btn-line {
  background-color: #00c300;
}

.btn-chat-container .social-button .btn-line .icon {
  background-image: url(../images/chartSocial/icon-line.png);
  background-color: #00c300;

  /* -webkit-mask-image:url(../images/chartSocial/line.png);
  mask-image:url(../images/chartSocial/line.png) */
}

/*
.btn-chat-container .social-button .btn-whatsapp{
  background-color:#25D366
}
.btn-chat-container .social-button .btn-whatsapp .icon{
  -webkit-mask-image:url(../images/whatsapp.svg);
  mask-image:url(../images/whatsapp.svg)
}
 .btn-chat-container .social-button .btn-email{
  background-color:#FE7A16
}
.btn-chat-container .social-button .btn-email .icon{
  background:transparent url(../images/email.png) no-repeat center
}
.btn-chat-container .social-button .btn-mobile{
  background-color:#00a2ff
}
.btn-chat-container .social-button .btn-mobile .icon{
  background:transparent url(../images/telephone.png) no-repeat center
} 
.btn-chat-container .social-button .btn-sms{
  background-color:#666
}
.btn-chat-container .social-button .btn-sms .icon{
  background:transparent url(../images/sms.png) no-repeat center
}
*/
.btn-chat-container .social-button.show .btn {
  opacity: 1;
}

.btn-chat-container .social-button.show .btn:nth-child(1) {
  top: -60px;
}

.btn-chat-container .social-button.show .btn:nth-child(2) {
  top: -120px;
}

.btn-chat-container .social-button.show .btn:nth-child(3) {
  top: -180px;
}

.btn-chat-container .social-button.show .btn:nth-child(4) {
  top: -240px;
}

.btn-chat-container .social-button.show .btn:nth-child(5) {
  top: -300px;
}

.btn-chat-container .social-button.show .btn:nth-child(6) {
  top: -360px;
}

.btn-chat-container .social-button.show .btn:nth-child(7) {
  top: -420px;
}

.btn-chat-container .btn.btn-chat.selected .text {
  display: none;
}

.btn-chat-container .btn.btn-chat::hover .text {
  opacity: 1;
}

.btn-chat-container .btn.btn-chat .text {
  opacity: 0;
  animation: fade-out 10s;
  -webkit-animation: fade-out 10s;
}

.btn-gold {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  background-color: #A39161;
  border: 1px solid #FFFFFF;
  color: #ffffff;
}

/* social */
.dataTables_wrapper .dataTables_processing {
  z-index: 99999;
  background: red;
  border: 1px solid black;
  border-radius: 3px;
  padding: 0px;
}

.circular--square {
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
  height: 210px;
  width: 210px;
}

.widescreen {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.widescreen iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.color-gray {
  color: #707070;
}

#selectCategory {
  visibility: hidden;
}

.roomServicesBlog,
.activitiesBlog,
.tripBlog {
  visibility: hidden;
}

.slick-initialized {
  visibility: visible;
}

a:focus {
  outline: none;
}

.c-pointer {
  cursor: pointer;
}

.not-border {
  border: 0px !important;
}

.page-tips .icon-dot-text-72 {
  margin-top: -33px;
  margin-bottom: -40px;
  margin-right: 1rem;
}

/* fix color clockpicker*/
.clockpicker-button {
  color: #555555;
}

/* fix color clockpicker*/

/* ckeditor plugin layoutmanager */
.layoutmanager {
  width: 100%;
}

/* Start Header */

.navbar-link {
  width: 100%;
  height: 42px;
  background-image: linear-gradient(to left, #00325e, #142c53),
    linear-gradient(to bottom, #142c53, #142c53);
  line-height: 42px;
  display: flex;
  align-items: center;
}

.navbar-link.nav-white {
  background: white;
}

.navbar-link.nav-blue {
  background: #002D56;
  padding: 0 15px;
}

.navbar-link a {
  font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  vertical-align: middle;
}

.navbar-link.nav-white a {
  color: #636363;
}

.navbar-link.nav-blue a {
  color: #FFFFFF;
}

.navbar-link a:hover {
  color: #ffffff;
}

.navbar-link.nav-white a:hover {
  color: #636363;
}

.navbar-link .active {
  color: #ffffff;
}

.navbar-link.nav-white .bread-active {
  color: #002D56 !important;
}

.navbar-link.nav-blue .bread-active {
  color: #ffffff !important;
}

.navbar-link i {
  color: #ffffff;
  padding: 4px;
  vertical-align: middle;
}

.navbar-link.nav-white i {
  color: #5F5F5F;
  padding: 4px 10px;
}

.navbar-link.nav-blue i {
  color: #fff;
  padding: 4px 10px;
}

header {
  background-color: #ffffff;
  margin-bottom: 1rem !important;
}

/* .navbar-logo {
  width: 202px;
  height: auto;
} */

.navbar-logo {
  width: auto;
  height: 50px !important;
}

header .navbar {
  padding: 0;
}

header .navbar-search {
  font-size: 12px;
}

header .navbar-search:hover,
header .navbar-search:focus {
  color: #002d55;
}

header .navbar-search,
header .navbar-search-icon {
  background-color: #f8f8f8;
}

header .navbar-search-icon {
  color: #002d55;
}

header .navbar-search input {
  font-size: 12px;
  color: #002d55;
}

header .btn-navbar-search {
  border: 0px solid #dee2e6 !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-left: transparent !important;
  background-color: #f8f8f8;
}

header .nav-brand {
  margin-left: 1.5 !important;
}

header .navbar-brand {
  margin-top: -0.5rem;
  padding-top: 0;
}

header .navbar-nav-pc {
  display: flex !important;
}

header .navbar-nav-pc .nav-link,
header .dropdown-lang a {
  color: #002d55;
}

header .group-search {
  margin-left: auto !important;
}

header .navbar-icon-logo {
  text-align: right;
  font-size: 10px;
  color: #002d55;
  /* margin: 0.5rem 1.5rem -1rem 0; */
  padding-top: 22px;
  /* padding-right:178px; */
}

header .navbar-icon-logo ul {
  list-style: none;
  margin-bottom: 0.5rem;
}

header .navbar-icon-logo ul li {
  display: inline;
}

header .navbar-icon-logo ul li:not(:first-child) {
  margin-left: 11px;
}

header .navbar-icon-logo ul li img {
  width: 29px;
  height: auto;
  margin-right: 5px;
}

header .group-phone {
  margin-top: -0.25rem;
  vertical-align: middle;
  color: #000000;
  font-size: 30px;
}

header .group-phone a {
  color: #000000 !important;
  font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
  letter-spacing: -2px;
}

header .group-phone img {
  width: 25px;
  height: auto;
}

header .dropdown-lang-pc {
  padding-left: 0;
  padding-top: 0.25rem;
  text-align: right;
  margin-left: 11px;
  font-size: 100%;
}

.dropdown-lang-pc .dropdown-menu a {
  font-size: 100%;
}

header .nav-item:not(:last-child) {
  padding-right: 0.75rem;
}

header .nav-item:not(:first-child) {
  padding-left: 0.75rem;
}

header .nav-item:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 14px;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: #002d55;
}

header .searchbar {
  margin-bottom: -0.5rem;
  display: flex !important;
  flex-direction: row !important;
}


header .input-group .form-control {
  color: #002d55;
}

.navbar.navbar-expand-lg {
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
}

.dropdown-lang-pc .dropdown-menu {
  min-width: 5rem;
  left: -13px;
}

/* End Header */

/* Start Footer */
footer {
  display: block;
  background-color: #002D56;
  text-align: center;
  color: #fff;
  /* padding-top:63px; */
  /* padding: 20px 0 0; */
}

/* footer .container-fluid .no-gutters { */
footer .container-fluid .row:first-child {
  padding-top: 63px;
  padding-bottom: 44px;
}

footer div .footer-row {
  padding-left: 0;
  padding-right: 0;
  background-size: cover;

}

footer .siph-name {
  font-size: 25px;
  height: 28px;
  /* margin-bottom: 30px; */
  margin-bottom: 30px;
}

footer .submenu li a {
  font-size: 20px;
}

footer .col-location img {
  height: 50px;
  width: auto;
}

footer .form-control {
  border: #fff;
}

footer form {
  display: inline-block;
}

footer .form-control {
  border: #fff;
}

footer .input-group-text,
header .input-group-text {
  border: none;
}

footer input[type='text']::placeholder {
  margin-top: 13px;
}

footer input[type='text'] {
  text-align: center;
}

footer input[type='text'],
header input[type='text'] {
  border-radius: 0 8px 8px 0 !important;
  padding-right: 50px;
}

footer .input-group-text {
  border-radius: 8px 0 0 8px;
  background: #fff;
}

footer ul.submenu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style: none;
  padding: 0;
}

footer ul.submenu li {
  display: block;
  padding: 0 15px;
  position: relative;
  height: 20px;
}

footer ul.submenu li:last-child:before {
  display: none;
}

footer ul.submenu li:before {
  content: '';
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 19px;
  background-color: #fff;
}

footer ul.menu-location {
  padding-bottom: 41px;
  margin: 0;
}

footer ul.submenu.menu-location li img {
  width: 25px;
  height: 25px;
}

footer ul.menu-contact a {
  margin-top: 30px;
}

footer ul.submenu li a {
  color: #fff;
}

footer ul.submenu li a:hover {
  color: black;
}

footer ul.social {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 53px;
}

footer ul.social li a {
  border-radius: 50%;
  margin: 0 8px;
  display: block;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

footer ul.social li img {
  width: 35px;
  height: 35px;
}

footer ul.social li a:hover {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

footer .col-location input::placeholder {
  font-size: 20px;
}

footer ul.menu-contact {
  padding-top: 35px;
  height: 23px;
}

footer ul.submenu li a:hover {
  color: #faa635;
}

.copyright {
  width: 100%;
  /* padding: 5px 0; */
  text-align: center;
  background-color: #002147;
  color: #fff;
  font-size: 16px;
  /* height: 40px; */
  padding-top: 13px;
  padding-bottom: 13px;
  line-height: 18.45px;
}

.sub-copyright {
  width: 100%;
  /* padding: 5px 0; */
  text-align: center;
  background-color: #A39161;
  color: #fff;
  font-size: 16px;
  height: 40px;
  padding-top: 13px;
}

/* End Footer */

/*start content*/

.shortcut-menu a,
.shortcut-menu a:hover {
  color: #ffffff;
}

.header-content {
  background-color: #f8f8f8;
  min-height: 144px;
}

.header-content .header-search {
  width: 80%;
  margin: auto;
}

.header-search .select-search {
  text-align: left !important;
}

.content-underline,
.content-underline hr {
  margin-top: 0px;
}

.related-content {
  padding-left: 0;
}

.related-content p {
  margin-bottom: 0;
}

.related-content h3 {
  margin-bottom: 5px;
}

/*content detail*/
.share-post-content small {
  font-size: 20px;
}

.share-post-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.share-post-content li {
  display: inline;
}

.share-post-content li:not(:last-child) {
  margin-right: 10px;
}

.share-post-content li img {
  width: 37px;
  height: auto;
}

.counter-share {
  width: 25px;
  height: 25px;
  font-size: 12px;
  background-color: #efefef;
}

.content-detail {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 22px;
}

.content-detail h3 {
  font-weight: bold;
  font-size: 22px;
}

.content-detail ul.social {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
}

.content-detail ul.social li {
  margin-right: 10px;
}

.content-detail ul.social img {
  width: 25px;
  height: auto;
}

.content-detail .related {
  background-color: #f8f8f8;
  padding: 10px 15px;
}

.content-detail .related:first-child {
  margin-top: 15px;
}

.btn-releted-article {
  color: #ffffff;
  text-align: center;
  padding: 15px 0;
  font-size: 10px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
}

.btn-releted-article img {
  /* height: 28px; */
  height: 36px;
  width: auto;
  vertical-align: top;
  margin-top: 10px;
}

/* .shortcus-menu img{
  vertical-align: top;
} */

.shortcut-menu .text {
  display: inline-block;
  padding-left: 0.5rem;
  margin-top: 10px;
}

.btn-releted-article.first {
  background-color: #002d55;
}

.btn-releted-article.second {
  background-color: #a39160;
}

.btn-releted-article.third {
  background-color: #636363;
}

.btn-releted-article p {
  font-size: 10px;
}

.content-detail .btn-releted-article p {
  margin-bottom: 0;
}

/*content detail*/

/*End content*/

/*Home*/
.home .carousel-item img {
  width: 100%;
  height: auto;
}

.page-home .check-symptoms {
  margin-top: 44px;
}

.shortcut-menu-home {
  margin-top: -2rem;
}

.stepper_symptoms {
  padding-top: 29px;
  text-align: center;
}

.stepper_symptoms ul {
  display: flex;
  list-style: none;
}

.stepper_symptoms ul li {
  width: auto;
}

.stepper_symptoms ul li span.circle {
  border-radius: 50% !important;
  width: 40px;
  height: 40px;
  background-color: #b8b7b3;
  font-size: 30px;
  font-weight: bold;
  font-family: 'pslxtextregular', Arial, Helvetica, sans-serif;
  padding: 2px 15px 5px 15px;
}

.stepper_symptoms ul li div.text {
  color: #b8b7b3;
  font-size: 24px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  display: inline-block;

  position: absolute;
  margin-left: 10px;
  /* margin-top: 1%; */
}

.flex-organ {
  margin-top: 1%;
}

.stepper-pc {
  text-align: left;
}

.stepper_symptoms ul li a {
  color: #ffffff;
  display: inline-block;
}

.stepper_symptoms ul li a.active span.circle,
.stepper_symptoms ul li a:hover span.circle {
  background-color: #162f55;
  color: #ffffff;
}

.stepper_symptoms ul li a.active div.text,
.stepper_symptoms ul li a:hover div.text {
  color: #162f55;
}

.stepper_symptoms ul li a:hover,
.stepper_symptoms ul li a:focus {
  color: #ffffff;
}

ul.organ {
  list-style: none;
  /* display: flex; */
  padding-left: 15px;
}

ul.organ li {
  border-radius: 5%;
  width: 100px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #636363;
  display: inline-block;
  /* margin-top: 10px; */
  vertical-align: top;
  min-height: 157px;
}

ul.organ li:not(:last-child) {
  margin-right: 12px;
}

/*start organ icon*/
ul.organ li div.text {
  margin-top: 7px;
}

ul.organ li div:first-child {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f4f5f5;
  height: 100px;
}

/*end organ icon*/

/*start hover organ icon*/
ul.organ li:hover div.text,
ul.organ li.active div.text {
  color: #142c53;
}

ul.organ.medical-center li:hover div:first-child,
ul.organ.medical-center li.active div:first-child {
  background-color: #b56027;
}

ul.organ li:hover div:first-child,
ul.organ li.active div:first-child {
  background-color: #faa635;
}

/*end hover organ icon*/

.btn-home {
  width: 184px;
  height: 48px;
  padding: 12px 0px;
}

.btn-home:hover,
.btn-home:focus {
  width: 184px;
  height: 48px;
  /* color: #faa635; */
  color: #ffffff;
}

.siph-channel p {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #646569;
}

/*Home*/

/*medical center*/
.medical-center p {
  color: #646569;
  text-align: center;
  font-size: 12px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
}

.medical-center div.col-4 {
  padding-right: 5px;
  padding-left: 5px;
}

.medical-center .thumbnail img {
  background-color: #eeeeee;
  width: 100%;
  height: auto;
  padding: 10px;
}

/*content-detail*/
.content-detail .medical-center h1 {
  color: #002d55;
}

.content-detail .medical-center h1 img {
  height: 38px;
  width: auto;
}

.medical-center .accordion {
  width: 85% !important;
  border: 0;
}

.medical-center .accordion .card {
  border: 0;
  border-color: #ffffff;
  background-color: #ffffff;
}

.medical-center .accordion .card-header {
  background-color: #ffffff;
  color: #142c53;
  font-size: 16px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
}

.medical-center .related {
  color: #474646;
  font-size: 10px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
}

.medical-center .related strong {
  font-size: 12px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
}

.medical-center .related img {
  width: 31px;
  height: auto;
  margin-right: 15px;
  stroke: #909090;
}

/*medical center*/

/*activities*/
.activities {
  background-color: #f8f8f8;
  margin: 0;
}

.activities .banner {
  height: auto;
  margin: 0 auto;
}

.main-content.activities {
  padding-right: 15px;
  padding-left: 15px;
}

.activities .carousel-control-prev {
  left: -30px;
}

.activities .carousel-control-next {
  right: -30px;
}

.activities .carousel-item {
  background-color: #ffffff;
  color: #000000;
}

.activities .carousel-item h3 {
  padding: 15px;
  padding-bottom: 0;
}

.activities .carousel-item p {
  padding: 0 15px;
}

.carousel-control-prev i,
.carousel-control-next i {
  font-size: 30px;
  color: black;
}

/*activities*/

/*content*/

.group-get-direction {
  width: 80%;
}

.group-get-direction input {
  height: 39px;
  border-radius: 20px;
  border: solid 1px #ffffff;
  background-color: #ffffff;
}

.group-get-direction .input-group-append {
  height: 39px;
  border: 0;
  background-color: #ffffff;
}

.footer-menu-link li a {
  color: #ffffff;
}

/* contact */

.contact .tripBlog a div.image {
  width: 240px;
  height: 240px;
  background-color: #f8f8f8;
  background-position: center;
  background-repeat: no-repeat;
}

.contact .tripBlog a:hover div.image,
.contact .tripBlog a:focus div.image,
.contact .tripBlog a.active div.image {
  background-color: #002d55;
}

/* contact */

/* mutual clients*/
.mutual-mt-20 {
  margin-top: -20px;
}

.separator {
  display: flex;
  align-items: center;
  text-align: center;
  color: #142c53;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #dddddd;
}

.separator::before {
  margin-right: 0.25em;
}

.separator::after {
  margin-left: 0.25em;
}

.articlesBlog .slick-prev,
.articlesBlog .slick-next {
  margin-top: 6rem;
}

/* mutual clients*/

/* doctor */
.selectize-control.multi .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: calc(0.75rem + 5px);
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #343a40 transparent transparent transparent;
}

.selectize-control.multi .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #343a40 transparent;
}

/* doctor */

/* home slider*/
.carousel.slide {
  width: 100%;
}

.thumbnailImg {
  overflow: hidden;
  position: relative;
}

.thumbnailImg::before {
  content: '';
  display: block;
  width: 100%;
}

.thumbnailImg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
}

.thumbnailImg-main img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

/* กิจกรรมเพื่อสังคม */
.thumbnailImg.activities img {
  width: 100%;
  height: 100%;
}

.thumbnailImg.activities-share-small img {
  width: 100%;
  height: auto;
}

.thumbnailImg.activities::before {
  padding-bottom: 68%;
}

.thumbnailImg.activities-share::before {
  padding-bottom: 67%;
}

.thumbnailImg.activities-share-small::before {
  padding-bottom: 100%;
}

/* สารสุขภาพ */
.thumbnailImg.article-main img {
  width: 100%;
  height: auto;
}

.thumbnailImg.article img {
  width: 100%;
  height: 100%;
}

.article.bg-light-blue {
  background: #DBECFF4D;
  padding: 56px 0;
  -webkit-box-shadow: inset 0px 18px 109px -87px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 18px 109px -87px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 18px 109px -87px rgba(0, 0, 0, 0.75);
}

.thumbnailImg-share.article-share img {
  width: 100%;
  height: auto;
}

.thumbnailImg.article-share-small img {
  width: 100%;
  height: auto;
}

.thumbnailImg.article-small img {
  width: 100%;
  height: auto;
}

.thumbnailImg.article::before {
  padding-bottom: 64%;
}

.thumbnailImg.article-small::before {
  padding-bottom: 55%;
}

.thumbnailImg.article-siph {
  background-color: #fff;
}

.thumbnailImg.article-siph::before {
  padding-bottom: 53%;
}

.thumbnailImg.article-share::before {
  padding-bottom: 60%;
}

.thumbnailImg.article-share-small::before {
  padding-bottom: 60%;
}

/* siph update */
.thumbnailImg-main.new-article-main img {
  width: 100%;
  height: auto;
}

.thumbnailImg.new-article img {
  width: 100%;
  height: 100%;
}

.thumbnailImg.new-article-share-small img {
  width: 100%;
  height: auto;
}

.thumbnailImg.new-article-small img {
  width: 100%;
  height: auto;
}

.thumbnailImg.new-article::before {
  padding-bottom: 64%;
}

.thumbnailImg.new-article-small::before {
  padding-bottom: 55%;
}

.thumbnailImg.new-article-siph::before {
  padding-bottom: 68%;
}

.thumbnailImg.new-article-share::before {
  padding-bottom: 60%;
}

.thumbnailImg.new-article-share-small::before {
  padding-bottom: 60%;
}

.title-history-logo {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #a39160;
  padding-top: 50px;
  padding-bottom: 10px;
}

.card-history-logo {
  padding: 0px;
}

.card-history-logo .card-history-img {
  border-bottom: solid 2px #d8d8d8;
  margin-bottom: 10%;
}

.contact-section {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.page-contact .contact-title {
  font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 38.09px;
}

.page-contact .travel-map {
  margin-bottom: 99px;
}

.page-contact .travel-map-icon {
  width: auto;
  height: 32px;
}

.contact-information {
  width: 25%;
  min-width: 319px;
  max-height: 453px;
}

.contact-information .contact-info_list {
  display: flex;
  flex-direction: column;
}

.contact-map {
  width: auto;
  max-height: 453px;
}

.contact-map img {
  width: auto;
  max-height: 453px;
}

.contact-information .box-title {
  margin-top: 0rem !important;
  padding: 32px 0;
}

.contact-information .box-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  row-gap: 12px;
  padding: 0 34.5px;
  margin-top: 0rem !important;
  height: 96px;
}

.contact-information .horizon-line {
  width: 65%;
  border-top: 1px solid #fff;
  margin: 0 auto 16px;
}

.contact-information .box-content .text-content {
  width: 80%;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 23.81px;
  text-align: left;
}

.transition-title {
  font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 31.74px;
  color: #002D56;
}

.transition-title-info {
  font-family: 'sukhumvitbold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28.8px;
  color: #002D56;
}

.transition-desc-info {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 25.39px;
  color: #000;
}

.transition-desc-info-mobile {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 25.39px;
  color: #000;
}

.g-recaptcha {
  display: flex;
  justify-content: center;
  margin: 12px auto;
}

.button-submit_contact {
  font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 31.74px;
  color: #fff;
  padding: 8px 56px;
  border-radius: 6px;
  border: none;
}

/* สิ่งอำนวย*/
.shop-item-content {
  overflow: hidden;
}

#cookit {
  border-top: 1px solid #f8f8f8;
}

#cookit #cookit-container p {
  max-width: 88%;
}

#cookit #cookit-container #cookit-button {
  color: #ffffff !important;
}

.page-policy .wrap-container .container p.indent {
  text-indent: 2em;
}

.btn-mail-to-executive img {
  width: 20px;
  margin-right: 16px;
}
.block-banner1 {
  width: 100%;
  display: flex;
  justify-content: end;
}
.block-banner2 {
  width: 100%;
  display: flex;
  justify-content: start;
}
.block-banner1.banner .block-banner2.banner {
  z-index: 1;
}

.btn-mail-to-executive.under-banner1 {
  width: 360px;
  margin-right: 5vw;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}

.btn-mail-to-executive.under-banner2 {
  width: 360px;
  margin-left: 10vw;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}

.btn-get-direction img {
  width: 24px;
  margin-right: 8px;
}

.mail-to-executive-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
}


.footer-services-btn {
  line-height: 13px;
  padding: .375rem 8px;
  border-radius: 8px;
  pointer-events: auto;
}

.banner.home-banner .carousel-control-prev,
.banner.home-banner .carousel-control-next {
  width: 8%;
}

.banner.home-banner .carousel-control-prev span {
  width: 64px;
  height: 64px;
  background: url(../../images/icons/arrow-left-white.png) no-repeat center !important;
}

.banner.home-banner .carousel-control-next span {
  width: 64px;
  height: 64px;
  background: url(../../images/icons/arrow-right-white.png) no-repeat center !important;
}

.home-banner-desc-container {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0px 10%;
  margin-left: auto;
  margin-right: auto;
}

.lang-menu {
  width: 51px;
  height: 32px;
  background: #35363A;
  opacity: 0.3;
}


.lang-menu-selected {
  width: 51px;
  height: 32px;
  background: #35363A;
}

header .navbar-icon-logo ul li img.logo-mu {
  width: 71px;
  height: auto;
}

.med-center-dots {
  display: flex;
  align-items: center;
  min-height: 14px;
}

.med-center-dots .slick-dots {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 0 !important;
}

.med-center-dots .slick-dots li {
  width: 10px;
  height: 10px;
}

.med-center-dots .slick-dots li.slick-active {
  width: 14px;
  height: 14px;
}

.med-center-dots .slick-dots li button:before {
  color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #002D56;
  border-radius: 50px;
  opacity: 1;
  content: "";
  width: 10px;
  height: 10px;
}

.med-center-dots .slick-dots li.slick-active button:before {
  color: #002D56 !important;
  background: #002D56 !important;
  border: 1px solid #002D56;
  border-radius: 50px;
  opacity: 1;
  content: "";
  width: 14px;
  height: 14px;
}

.med-center-dots-line {
  width: 70px;
  height: 1px;
  background-color: #002D56;
}

.standard-blog .slick-list {
  box-sizing: initial;
  padding: 25px 0px;
}

.medical-center-blog .slick-list {
  margin: 0px 6px;
}

.submenu-header-container {
  position: absolute;
  background: white;
  z-index: 99;
  width: 100%;
}

.submenu-header-container .modal-backdrop {
  display: none;
}

.submenu-header-container.show .modal-backdrop {
  display: block;
}

.submenu-header-container-bg {
  position: absolute;
  background: red;
  z-index: 98;
  width: 100%;
  height: 100%;
}

.siph-end-line {
  height: 6px;
}

.mobile-siph-channel .channel-header {
  position: relative;
  z-index: 90;
  background-size: cover;
  background-repeat: no-repeat;
}

.channel-title-mobile {
  position: relative;
  width: max-content;
}

/* .channel-title-mobile::before{
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 2px;
  background-image: url(../../images/header/header-line-mobile.jpg);
  background-size: contain;
} */

/* .home-banner-slick .slick-slide .slide-image-banner::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(81,81,81,0.66) 0%, rgba(81,81,81,0.5) 27%, rgba(0,0,0,0) 77%, rgba(0,0,0,0) 93%);
} */

.home-banner-slick .slick-slide,
.home-banner-slick .slick-slide .slide-image-banner {
  max-height: calc(100vh - 158.83px);
}


.footer-fixed {
  display: block;
  position: sticky;
  bottom: 0;
  width: 100%;
  z-index: 97;
}

.footer-fixed.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.1s linear;
}

.footer-fixed.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.1s, opacity 0.1s linear;
}


.footer-fixed-bg {
  height: 115px;
}

.about-menu-container {
  max-width: 70%;
  margin: 0 auto;
  color: #636363;
}

.about-menu {
  display: flex;
  justify-content: space-evenly;
  list-style: none;
  padding: 20px 0;
  margin: 0;
  white-space: nowrap;
  overflow-x: auto;
}

.about-menu .about-item.active div a,
.about-menu .about-item.active div a:hover {
  color: #A39161 !important;
}

.about-menu .separator {
  background: #636363;
  width: 1px;
  display: inline;
}

.about-item {
  display: inline;
}

.show_mobile_only {
  display: none !important;
}

.show_desktop_only {
  display: block !important;
}

.header-submnenu-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  transition: opacity .15s linear;
  pointer-events: none;
}

.header-submnenu-backdrop.fade {
  opacity: 0;
}

.header-submnenu-backdrop.show {
  opacity: .5;
  pointer-events: auto;
}

.text-head-header {
  font-size: 36px !important;
  line-height: 41px;
}

.lang-menu,
.lang-menu-selected {
  width: 38px;
  height: 24px;
}

#cookit {
  position: sticky !important;
  top: 0 !important;
  bottom: initial !important;
}

.footer-services-icon {
  width: 24px;
  height: auto;
}

.banner-gradient-overlay {
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 46.88%, rgba(0, 45, 86, 0.4) 89.06%, rgba(0, 45, 86, 0.7) 100%);
  background-blend-mode: darken;
  pointer-events: none;
}

.sound-icon-div {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 8;
  display: none;
}

.sound-icon {
  width: 32px;
  height: auto;
  cursor: pointer;
  pointer-events: all;
  transition: visibility .15s linear;
}

.sound-icon.unmute {
  width: 27px;
}

.view-all-div {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.view-all-div img {
  width: 24px;
  height: 24px;
}

.view-all-content {
  display: flex;
  align-items: center;
  margin-bottom: auto;
}

.home-topic span:first-child {
  color: #A39161 !important;
}

.home-topic span:last-child {
  color: #002D56 !important;
  margin-left: -3px;
}

.home-topic-subtitle {
  color: #636363;
}

.arrow-view-all {
  color: #002147;
}

.home-topic-icon {
  width: 50px;
  height: auto;
}

.home-topic-div {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.channel-arrow {
  width: 24px;
  height: 24px;
}

.home-news-md-text {
  font-size: 14px;
  line-height: 22px;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.searchbar .group-search {
  flex: 0 0 60%;
  max-width: 100%;
  margin-right: 0px;
  margin-bottom: 15px;
}

#headerSearch {
  padding: .375rem .1rem 0rem .1rem;
  /* padding-bottom: 0px; */
}

.col-standard {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%
}

.doctor-biography {
  padding-top: 23px;
}

.doctor-biography .text-page-title {
  font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
  color: #002D56;
  width: fit-content;
  font-size: 48px;
  line-height: 76.18px;
  font-weight: 600;
  margin: 0;
}

.doctor-biography .img-profile-doctor-detail {
  border-radius: 0;
}

.mt-4 {
  margin-top: 16px;
}

.mt-6 {
  margin-top: 24px;
}

.mt-8 {
  margin-top: 32px;
}

.mb-8 {
  margin-bottom: 32px;
}

.mt-12 {
  margin-top: 48px;
}

.mb-4 {
  margin-bottom: 16px;
}

.pb-8 {
  padding-bottom: 32px;
}

.pt-8 {
  padding-top: 32px;
}

.vertical-line {
  width: 100%;
  border-top: 1px solid #C2C7D0;
}

.vertical-line-gold {
  width: 100%;
  border-top: 1px solid #A39161;
}

.vertical-line-dark {
  width: 100%;
  border-top: 1px solid #636363
}

.w-full {
  width: 100%;
}

.doctor-biography .doctor-content {
  display: flex;
  flex-direction: row;
}

.doctor-biography .doctorname-content {
  margin-left: 40px;
  width: 60%;
}

.doctor-content .action-button button .text-button {
  color: #000;
}

.doctor-content .action-button button:hover .text-button {
  color: #fff;
}

.lg-hidden {
  display: none;
}

.lg-show {
  display: block;
}


.doctor-biography .doctor-title {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 50.78px;
  color: #002D56;
}

.doctor-title.text-gold {
  color: #A39161;
}

.doctor-biography .doctor-title-desc {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 38.09px;
  color: #002D56;
}

.doctor-biography .doctor-subtitle,
.doctor-subtitle.post-health {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #002D56;
}

.doctor-subtitle.post-health {
  margin: 32px 0;
}

.doctor-biography .doctor-subvalue {
  padding: 8px;
  background: #F4F4F4;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
}

.doctor-biography .doctor-schedule {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 25.39px;
  color: #A39161;
}

.doctor-biography .doctor-qualification {
  font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 249px;
  color: #A39161;
}

.doctor-biography .image-content {
  width: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.doctor-biography .image-content .img-profile-doctor-detail {
  width: 260px;
  height: 260px;
}

.page-promotion .action-button,
.doctor-biography .action-button,
.doctor-card .action-button {
  display: flex;
  width: 100%;
  margin: 4px 0;
  justify-content: center;
}

.doctor-card {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  align-items: center;
  padding: 44px;
}

.page-promotion .action-button {
  margin-bottom: 32px;
  margin-top: 32px;
}

.doctor-card .action-button button {
  margin: 0 4px;
  width: 100%;
  height: 48px;
  border-radius: 6px;
  outline: none;
  border: none;
}

.page-promotion .action-button button {
  margin: 0 4px;
  width: 200px;
  height: 50px;
  border-radius: 6px;
  outline: none;
  border: none;
}

.page-promotion .action-button button svg,
.doctor-card .action-button button svg {
  height: 24px;
}


.action-button button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.action-button button .text-button {
  display: flex;
  align-items: center;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24.2px;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-left: 8px;
}

.more-board .content {
  display: flex;
  flex-direction: row;
  height: auto;
  width: 100%;
}
.more-board .content .more-board-text {
  width: 50% !important;
  display: flex;
   flex-direction: column;
   align-items: center;
   padding-right: 20px;
 }

 .more-board .content .img-content {
  width: 50%;
  height: auto;
 }

 .more-board .content .img-content img {
  height: auto;
  width: 100%;
 }

  .more-board .content .more-board-text .quote1,
  .more-board .content .more-board-text .quote2,
  .more-board .content .more-board-text .quote3 {
    text-indent: 2em;
    text-align: justify;
  } 
  .more-board .content .more-board-text .more-name{
    margin-bottom: 0;
  }
  .more-board .content .more-board-text .more-name,
  .more-board .content .more-board-text .more-desc{
    align-self: self-end;
  }

.doctor-card .action-button button .text-button {
  color: #FFFFFF;
}

.page-promotion .action-button button.phone,
.doctor-card .action-button button.phone {
  background: #002D56;
}

.page-promotion .action-button button.phone:hover,
.doctor-card .action-button button.phone:hover {
  background: #001c36;
}

.page-promotion .action-button button.line,
.doctor-card .action-button button.line {
  background: #a39161;
}

.page-promotion .action-button button.line:hover,
.doctor-card .action-button button.line:hover {
  background: #918156;
}

.doctor-card .action-button button.disabled {
  background: #dddddd;
  pointer-events: none;
}

.doctor-card .action-button button.disabled path {
  fill: #fff;
}

.doctor-card .action-button button.appointment {
  background: #A39161;
}

.doctor-card .action-button button.appointment:hover {
  background: #8b7d53;
}

.page-promotion .action-button button path,
.doctor-card .action-button button path {
  fill: #fff;
}

.doctor-card .text-desc-card {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28.57px;
  color: #000;
  margin: 8px 0;
}

.doctor-card .text-appo-title {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28.57px;
  color: #000;
  margin: 16px 0 8px;
  text-align: left;
}

.doctor-biography .action-button button {
  background: #F4F6F9;
  margin: 32px 8px 0 8px;
  width: 100%;
  height: 64px;
  padding: 8px 18px 8px 18px;
  gap: 8px;
  border-radius: 8px;
  outline: none;
  border: none;
  transition: all .2s;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.19);
}

.doctor-biography .action-button button path {
  fill: #002D56;
}

.doctor-biography .action-button button:hover path {
  fill: #FFFFFF;
}

.doctor-biography .action-button button.phone:hover {
  background: #002D56;
}

.doctor-biography .action-button button.line:hover {
  background: #a39161;
}

.doctor-biography .action-button button.disabled {
  background: #dddddd;
  pointer-events: none;
}

.doctor-biography .action-button button.disabled path {
  fill: #fff;
}

.doctor-biography .action-button button.appointment:hover {
  background: #A39161;
}

.doctor-biography .doctor-value {
  margin-top: 12px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #636363;
}

.doctor-biography .doctor-value-expert {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
  background: #F4F4F4;
  padding: 8px;
}

.doctor-biography .doctor_schedule {
  margin-top: 16px;
  width: 100%;
}

.doctor-biography .doctor_schedule-card,
.doctor-biography .doctor_schedule-card-nodata {
  width: 100%;
  display: flex;
  background: #F4F6F9;
  margin: 4px 0;
  padding: 8px;
  border-radius: 5px;
}

.doctor-biography .doctor_schedule-card-nodata .no-data {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  width: 100%;
  color: #636363;
  margin: 8px auto;
}

.doctor-biography .doctor_schedule-card.monday {
  border-left: 5px solid #FBBF24;
}

.doctor-biography .doctor_schedule-card.tuesday {
  border-left: 5px solid #EC4899;
}

.doctor-biography .doctor_schedule-card.wednesday {
  border-left: 5px solid #22C55E;
}

.doctor-biography .doctor_schedule-card.thursday {
  border-left: 5px solid #FF8A00;
}

.doctor-biography .doctor_schedule-card.friday {
  border-left: 5px solid #23C2E5;
}

.doctor-biography .doctor_schedule-card.sunday {
  border-left: 5px solid #F6534A;
}

.doctor-biography .doctor_schedule-card.saturday {
  border-left: 5px solid #A855F7;
}

.doctor-biography .doctor_schedule-card .day_column {
  width: 98px;
}

.doctor-biography .doctor_schedule-card .day_column .title,
.doctor-biography .doctor_schedule-card .title_row p.title_location {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #636363;
  margin: 0;
}

.doctor-biography .doctor_schedule-card .data_font {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}

.doctor-biography .doctor_schedule-card .title_row,
.doctor-biography .doctor_schedule-card .data_row {
  display: flex;
}

.doctor-biography .doctor_schedule-card .data_row .data_time {
  width: 285px;
}

.doctor-biography .doctor_schedule-card .title_row p.title_time {
  width: 285px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #636363;
  margin: 0;
}

.doctor-search-content {
  margin-top: 103px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.doctor-box-search .title-search-doctor {
  margin-bottom: 56px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 76.18px;
  letter-spacing: -0.25px;
  text-align: center;
  color: #002D56;
}

.page-treatment .treatment-center-box-search .title-search-center {
  margin-top: 63.29px;
  margin-bottom: 56px;
  font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 76.18px;
  letter-spacing: -0.25px;
  color: #002D56;
  text-align: center;
}

.page-treatment .subtitle-search-center {
  font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.22px;
}

.page-treatment .subsubtitle-search-center {
  font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.22px;
}

.page-treatment .treatment-center-box-search .input-box {
  font-size: 20px;
  height: 56px;
  width: 530px;
  margin: 0 auto;
}

.doctor-box-search {
  padding: 25px 40px;
  margin-top: 57px;
  border-radius: 8px;
  border: solid 1px #f3f3f3;
  border-bottom: 5px solid #a39160;
}

.doctor-box-search .w-2 {
  width: 8%;
  margin-bottom: 20px;
}

.doctor-box-search .w-4 {
  width: 46%;
  margin-bottom: 20px;
}

.treatment-center .header-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.treatment-center .button-section {
  display: flex;
  flex-direction: row;
  height: fit-content;
}

.treatment-center .title-btn {
  height: 55px;
  display: flex;
  align-items: center;
  border-radius: 6px;
}

.treatment-center .title-btn.find {
  border: none;
  /* padding: 0 34.5px; */
  background-color: #002D56;
}

.treatment-center .title-btn.appoint {
  border: 1px solid #636363;
  padding: 0 30.5px;
  background-color: #fff;
  margin-left: 16px;
}

.treatment-center .title-btn h1 {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px;
}

.treatment-center .title-btn h1.find-doctor {
  color: #fff;
  height: fit-content;
}

.treatment-center .title-btn h1.appoint-doctor {
  color: #636363;
  height: fit-content;
}

.box-search {
  margin-bottom: 40px;
}

.px-44px {
  width: auto;
  padding: 0 44px;
  margin: 0 -22px;
}

.page-board .background-title {
  box-shadow: 0px 10px 40px 0px #0000001A;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
  height: 103px;
  width: 100%;
}

.page-board .background-title h1.page-board-title {
  font-weight: 600;
  line-height: 55px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  color: #A39161;
  font-size: 38px;
}

.page-board h1.page-board-desc {
  font-weight: 600;
  line-height: 40px;
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  color: #002D56;
  font-size: 28px;
  text-align: center;
  margin: 40px 0;
}

.page-board .banner-shadow {
  box-shadow: 0px 10px 40px 0px #0000001A;
}

.page-board .board-list-section {
  margin-top: 75px;
  margin-bottom: 114px;
}

.page-board .board-img-doctor {
  border-radius: 2%;
  width: 240px;
  height: auto;
  margin: 24px 0;
}

.page-board .board-list-section .background-doctor .container .row {
  display: flex;
  justify-content: center;
}

.page-board .board-list-section .background-doctor:nth-child(2n) {
  background: linear-gradient(90deg, rgba(0, 45, 86, 0.08) 0%, rgba(235, 246, 255, 0.08) 100%);
  margin: 56px 0;
  padding-bottom: 16px;
}

.page-board .board-list-section .background-doctor:nth-child(4n) {
  background: linear-gradient(90deg, rgba(235, 246, 255, 0.08) 0%, rgba(0, 45, 86, 0.08) 100%);
  margin: 56px 0;
  padding-bottom: 16px;
}


.page-board .board-group-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page-board .board-list-name {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  width: 240px;
  white-space: nowrap;
  letter-spacing: 0.15px;
  text-align: left;
  color: #002D56;
}

.page-board .send-message {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.page-board .board-list-position {
  font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  width: 240px;
  letter-spacing: 0.15px;
  text-align: left;
  color: #002D56;
}

.box-board {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.box-board.show_mobile_onlyy {
  display: none;
}

.tyroid-text {
  font-size: 36px;
  height: fit-content;
  margin-bottom: 0;
  white-space: nowrap;
}

/* // Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Extra small devices (portrait phones, less than 576px) */
@media (max-width: 360px) {
  .home-banner-slick .slick-slide,
  .home-banner-slick .slick-slide .slide-image-banner {
    height: auto;
  }
}
@media (max-width: 575.98px) {
  .about-menu-container {
    max-width: 100%;
  }

  .navbar-link.nav-white .group-search a {
    color: #636363;
    font-size: 12px;
  }

  .navbar-link.nav-blue .group-search a {
    color: #fff;
    font-size: 12px;
  }

  .knowledge-content:nth-child(3),
  .knowledge-content:nth-child(4) {
    display: none;
  }

  .home-banner-slick .slick-slide .slide-image-banner::before {
    background: linear-gradient(173.26deg, rgba(0, 0, 0, 0.6) 9.29%, rgba(81, 81, 81, 0) 79.21%);
  }

  .banner.home-banner .carousel-control-prev span,
  .banner.home-banner .carousel-control-next span {
    width: 32px !important;
    height: 50px !important;
    scale: 0.6;
  }

  .medical-center-blog .slick-prev,
  .medical-center-blog .slick-next {
    width: 32px !important;
    height: 50px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 3rem !important;
    scale: 0.6;
  }


  .banner.home-banner .carousel-control-prev,
  .banner.home-banner .carousel-control-next {
    width: 72px;
  }

  .home-banner-desc-container {
    justify-content: flex-start;
  }

  .icon-mutual-clients-style1 {
    height: 84px;
    width: 84px;
    background-image: url('../assets/img/icons/mutual-clints-1-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style1 {
    background-image: url('../assets/img/icons/mutual-clints-1-blue.png');
  }

  .icon-mutual-clients-style2 {
    height: 84px;
    width: 84px;
    background-image: url('../assets/img/icons/mutual-clints-2-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style2 {
    background-image: url('../assets/img/icons/mutual-clints-2-blue.png');
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .tyroid-text {
    font-size: 24px;
    height: fit-content !important;
  }
  
  .more-board .content {
    flex-direction: column;
  }
  .more-board .content .more-board-text,
  .more-board .content img {
    width: 100% !important;
   }
   .more-board .content .img-content {
    width: 100%;
    height: auto;
   }
  .page-board .background-title {
    box-shadow: 0px 10px 40px 0px #0000001A;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 16px 0;
    height: 55px;
    width: 100%;
  }

  .page-board .background-title h1.page-board-title {
    font-size: 24px;
    margin: 0;
  }

  .page-board h1.page-board-desc {
    margin: 16px 0;
    font-size: 15px;
  }

  .page-board .board-list-section .background-doctor:nth-child(even) {
    background: none;
  }

  .page-board .board-list-section .background-doctor {
    margin: 0 !important;
  }

  .px-44px {
    width: 201px !important;
    padding: 0 !important;
  }

  .page-board .board-list-name {
    font-size: 12px;
    width: 140px;
    white-space: nowrap;
  }
  
  .page-board .board-list-position {
    font-size: 10px;
    margin-top: -8px;
    width: 140px;
  }

  .about-menu-container {
    max-width: 100%;
  }

  /* service shop*/
  .text-category-service {
    display: none;
  }

  .w-3 {
    width: 0%;
    padding-right: 10px;
  }

  .w-7 {
    width: 100%;
  }

  /* service shop*/

  .box-btn-footer {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
  }

  /*header*/

  header {
    /* padding-left: 20px;
    padding-right: 20px; */
    margin-bottom: 0 !important;
  }

  header .navbar {
    margin-bottom: 1rem;
    padding-top: 1rem;
    /* margin-top: 1rem; */
  }

  header .dropdown-lang a,
  header .dropdown-toggle a:hover,
  header .dropdown-toggle a:focus {
    color: #002d55;
    font-size: 12px;
  }

  .navbar-link .group-search a {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
  }

  .navbar-link.nav-white .group-search a {
    color: #636363;
  }

  .navbar-link.nav-blue .group-search a {
    color: #ffffff;
  }

  header .nav-item {
    padding-left: 0.75rem;
    /* padding-left: 0rem; */
  }

  /* .main-content .container {
    padding: 0 15px;
  } */

  .box-search,
  .padding {
    padding: 10px;
  }

  .box-search {
    margin-bottom: 24px;
  }

  header .nav-brand {
    margin-left: 0 !important;
  }

  header .navbar-toggler {
    padding-right: 0 !important;
  }

  header .navbar-nav-pc {
    /* display: none !important; */
    font-size: 12px;
  }

  header .container-fluid {
    margin-top: -15px;
  }

  #navbar-toggler-mobile {
    border: none;
    background-color: transparent;
  }

  .navbar-nav-mobile {
    background-color: #002d55;
    color: #ffffff;
  }

  .navbar-menu-parent {
    list-style: none;
    font-size: 16px;
    color: #002d55;
    padding-left: 0px;
    /* padding: 15px 0 !important; */
    display: none;
    margin: 0;
    /* margin-left: -20px !important;
    margin-right: -35px !important; */
  }

  .navbar-menu-parent .nav-link {
    padding: 0.5rem 0.75rem;
  }

  .navbar-menu-child {
    list-style: none;
    background-color: #f8f8f8;
    display: none;
    margin-right: -15px;
    margin-left: -15px;
    /* margin-left: -20px; */
    /* width: 113%; */
    /* padding: 0 !important; */
    /* margin-right: -20px !important; */
  }

  .navbar-menu-child div,
  .navbar-menu-child i {
    color: #002d55;
    /* font-size: 16px; */
  }

  .navbar-menu-child .navbar-closebtn {
    background-color: #636363;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .navbar-menu-child .navbar-closebtn div,
  .navbar-menu-child .navbar-closebtn i {
    color: #ffffff;
  }

  /* header .group-search {
    margin: 0 auto !important;
  } */

  header .searchbar {
    /* margin-bottom: 0.5rem; */
    /* display: block !important; */
  }

  /*header*/

  /*footer*/
  footer .siph-name {
    font-size: 16px;
    margin-bottom: 24px;
    height: 18px;
  }

  footer button.submit-search i {
    margin-top: 1px;
    margin-left: -2px;
  }

  footer input[type='text']::placeholder {
    font-size: 1rem;
  }

  footer ul.menu-location {
    margin-top: 0;
    padding-top: 11px;
  }

  footer ul.menu-location a {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 12px;
  }

  footer ul.menu-contact a {
    font-size: 14px;
  }

  footer .no-gutters {
    margin-top: 0;
    margin-bottom: 0;
  }

  /* footer .container-fluid .no-gutters { */
  footer .container-fluid .row:first-child {
    padding-top: 28px;
    padding-bottom: 15px;
  }

  footer ul.social {
    padding-top: 30px;
    margin-bottom: 0;
  }

  footer ul.submenu li {
    padding: 0 8px;
  }

  footer ul.social li img {
    width: 25px;
    height: 25px;
  }

  footer ul.submenu li:before {
    height: 13px;
  }

  footer .copyright,
  footer .sub-copyright {
    font-size: 12px;
  }

  footer .col-location .input-group a {
    margin: auto;
  }

  footer .col-location img {
    height: 39px;
    width: auto;
  }

  footer ul.menu-contact {
    padding-top: 19px;
  }

  .copyright {
    /* height: 30px; */
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 16.14px;
  }

  /*footer*/

  .select-search {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1em; */
    letter-spacing: normal;
    color: #000000;
  }

  /* .selectize-input,
  .selectize-input ::placeholder {
    color: #343a40;
    font-family: 'pslxtextregular', 'Arial', 'Helvetica', 'sans-serif';
    font-size: inherit;
    line-height: 1.5;
    -webkit-font-smoothing: inherit;
  } */

  /* .pagination {
    font-size: 21px;
    display: inline-block;
  }

  .pagination a {
    color: #00244e;
    float: left;
    border-radius: 50%;
    padding: 5px 16px;
    text-decoration: none;
    font-size: 21px;
  }

  .pagination a:hover:not(.active) {
    background-color: #ddd;
  }

  .pagination a.active {
    background-color: #00244e;
    color: white;
  } */

  .box-board {
    margin: 0px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .box-feedback-board {
    margin: 54px 0px 63px 0px;
  }

  /*Home*/
  .shortcut-menu-home {
    margin-top: 0;
  }

  .home .text-size-30-color-gold {
    text-align: center;
    font-size: 18px;
  }

  .siph-channel {
    margin-top: 0 !important;
  }

  .home .siph-channel .embed-responsive {
    width: 112%;
    margin-left: -20px;
  }

  /* .stepper_pc {
    text-align: center;
  } */

  .stepper_symptoms ul li {
    width: 44px;
  }

  .stepper_symptoms ul li div.text {
    display: block;
    font-size: 12px;
    position: relative;
    margin-left: 0;
    /* margin-top: 7px; */
  }

  .stepper_symptoms ul li:last-child div.text {
    position: absolute;
    margin-left: 10px;
    display: inline-block;
    font-size: 18px;
  }

  .flex-organ-1 {
    margin-top: 1%;
  }

  .flex-organ {
    margin-top: 3.2%;
  }

  /* .stepper_symptoms ul li:not(:last-child)::before {
    content: '';
    position: absolute;
    margin-top: 14px;
    margin-left: 33px;
    width: 8rem;
    height: 3px;
    background-color: #b8b7b3;
  } */

  .shortcut-menu-home>div {
    padding: 0;
  }

  /*Home*/

  /* vision */
  .vision h1 {
    text-align: center !important;
  }

  .vision h2 {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
  }

  .vision p {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #002d55;
  }

  /* vision */

  /* contact */
  .contact .tripBlog a div.image {
    width: 61px;
    height: auto;
  }

  .contact-section {
    display: flex;
    flex-direction: column;
  }

  .page-contact .contact-title {
    font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 31.74px;
  }

  .page-contact .travel-map {
    margin-bottom: 84px;
  }

  .page-contact .travel-map-icon {
    width: auto;
    height: 32px !important;
  }

  .contact-information {
    width: 100%;
  }

  .contact-information .contact-info_list {
    flex-direction: row;
  }

  .contact-map {
    width: 100%;
    height: auto;
  }

  .contact-map img {
    width: 100%;
    max-height: 100%;
  }

  .contact-information .box-title {
    padding: 24px 0;
  }

  .contact-information .box-content {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 21.5px;
    height: auto;
  }

  .contact-information .horizon-line {
    width: 90%;
    border-top: 1px solid #fff;
    margin: 0 auto 0;
  }

  .contact-information .box-content .text-content {
    width: fit-content;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22.22px;
    text-align: center;
  }

  /* contact */

  .btn-releted-article img {
    height: 28px;
    width: auto;
  }

  .shortcut-menu .text {
    display: block;
    padding-left: 0px;
    margin-top: 0px;
  }

  .shortcut-menu .siph-24-18-gold {
    font-size: 12px;
    line-height: 17px;
  }

  /* shortcut */

  #cookit #cookit-container p {
    max-width: 100%;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .treatment-center .button-section {
    flex-direction: column;
  }
  .treatment-center .title-btn {
    justify-content: center;
  }

  .treatment-center .title-btn.find {
    margin-top: 12px;
  }

  .treatment-center .title-btn.appoint {
    margin-left: 0;
    margin-top: 16px;
    margin-bottom: 28px;
  }

  .treatment-center .title-btn img {
    height: 32px !important;
  }

  .treatment-center .header-section {
    flex-direction: column;
  }

  .tyroid-text {
    margin-bottom: 4px;
  }

  .box-board.show_mobile_onlyy {
    display: flex;
  }

  .container-banner {
    position: relative;
  }

  .show_mobile_only {
    display: block !important;
    z-index: 1;
  }

  .show_desktop_only {
    display: none !important;
  }

  .page-board .board-img-doctor {
    width: 140px !important;
  }

  .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 998;
  }

  /* gold award */
  .text-standard-menu-footer {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #a39160;
    padding-top: 45px;
  }

  .box-standard-menu-footer {
    margin-top: 50px;
  }

  .box-menu-footer {
    height: 200px;
    background-color: #f8f8f8;
  }

  header .nav-item {
    padding-left: 0rem;
  }

  header .navbar {
    margin-top: 0;
  }

  header .nav-item:not(:last-child) {
    /* padding-right: 0.4rem; */
    padding-right: 0;
  }

  header .nav-item:not(:first-child) {
    /* padding-left: 0.4rem; */
    padding-left: 0;
  }

  .navbar-nav.navbar-nav-pc {
    margin-top: 1rem !important;
  }

  /* .stepper_symptoms ul li:not(:last-child)::before {
    width: 4.8rem;
  } */

  .navbar-link,
  .navbar-link .group-search {
    height: auto;
    line-height: 32px;
  }

  .icon-mutual-clients-style1 {
    height: 84px;
    width: 84px;
    background-image: url('../assets/img/icons/mutual-clints-1-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style1 {
    background-image: url('../assets/img/icons/mutual-clints-1-blue.png');
  }

  .icon-mutual-clients-style2 {
    height: 84px;
    width: 84px;
    background-image: url('../assets/img/icons/mutual-clints-2-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style2 {
    background-image: url('../assets/img/icons/mutual-clints-2-blue.png');
  }

  .articleText {
    margin-top: 20px;
    margin-bottom: 12px;
  }

  .page-home .check-symptoms {
    margin-top: 29px;
  }

  ul.organ li {
    width: 65px;
    margin-top: 5px;
  }

  ul.organ li:not(:last-child) {
    margin-right: 6px;
  }

  .page-promotion .action-button {
    flex-direction: column;
    align-items: center;
  }

  .page-promotion .action-button button:nth-child(2) {
    margin-top: 8px;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

  .awart-desc-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .view-all-med-md-text {
    font-size: 16px;
    line-height: 18px;
  }


  .home-banner-desc-container {
    justify-content: flex-start;
  }

  .home-news-topic-md-text {
    font-size: 20px;
    line-height: 27px;
  }

  .home-news-topic-2-md-text {
    font-size: 24px;
    line-height: 27px;
  }

  .footer-md-text {
    font-size: 13px;
  }

  .standard-md-text {
    font-size: 14px;
    line-height: 18.9px;
  }

  .banner-md-desc-1-text {
    font-size: 25px;
    line-height: 32px;
  }

  .banner-md-desc-2-text {
    font-size: 19px;
    line-height: 24px;
  }

  .banner-md-main-text {
    font-size: 34px;
    line-height: 39px;
  }

  /* mutualClients */
  .box-padding {
    padding-top: 32px;
    padding-bottom: 24px;
  }

  .navbar-expand .navbar-nav .nav-link {
    padding-right: 0.1rem;
    padding-left: 0.1rem;
    font-size: 120%;
  }

  .dropdown-item {
    font-size: 90%;
  }

  .dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    border-left: 5px solid;
    border-bottom: 4.5px solid transparent;
    border-top: 4.5px solid transparent;
  }

  .dropdown-menu>li.show>a {
    color: #ffffff;
    background-color: #007bff;
  }

  .dropdown-menu>li.show>a:hover {
    color: #ffffff;
  }

  header .dropdown-lang-pc {
    padding-left: 0;
    padding-top: 0.25rem;
    text-align: right;
    margin-left: 11px;
    font-size: 80%;
  }

  .dropdown-lang-pc .dropdown-menu a {
    font-size: 80%;
  }

  /* doctorBiography */
  .img-profile-doctor-detail {
    border-radius: 50%;
    width: 195px;
    height: auto;
  }

  .doctor-name {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
    text-align: left;
    margin-top: 0px;
  }

  .doctor-position {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    text-align: left;
    margin-top: 0px;
  }

  .doctor-table-check {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-table-check-content {
    font-family: 'pslxtextregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-qualification {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-qualification-content {
    font-family: 'pslxtextregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-membership {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-membership-content {
    font-family: 'pslxtextregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-remark {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    text-align: left;
    margin-top: 27px;
  }

  /* tips */
  .container-step li a {
    /* padding-top: 2px; */
    width: 40px;
    height: 40px;
  }

  /* gold award */
  .text-standard-menu-footer {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #a39160;
    padding-top: 45px;
  }

  .box-standard-menu-footer {
    margin-top: 50px;
  }

  .box-menu-footer {
    height: 380px;
    background-color: #f8f8f8;
  }

  /* custom css vission */
  .padding-text-cotent {
    padding-top: 70px;
  }

  /* find doctor */
  .btn-box-search-bar {
    display: block;
    height: 46px;
    background-color: #f8f8f8;
    border-bottom: 5px solid #a39160;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
  }

  .btn-box-search-bar .text {
    padding-top: 10px;
  }

  .text .siph-24-18-gold {
    font-size: 20px;
  }

  .line {
    width: 100%;
    height: 1px;
    border: solid 0.7px #a39160;
    margin-top: 20px;
  }

  .card-text-name-doctor {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 31.74px;
    letter-spacing: normal;
    text-align: center;
    color: #002D56;
    margin-top: 32px;
  }

  .card-text-name-doctor-long {
    font-size: 18px;
    font-weight: 600;
  }

  .card-text-check-doctor {
    margin-bottom: 17px;
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #00244e;
    margin-top: 17px;
  }

  .text-table-day {
    font-family: 'pslxtextregular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #000000;
    text-align: left;
    margin: 0px;
  }

  ul.text-table-day {
    padding-inline-start: 0 !important;
  }

  .text-check-out {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: red;
    text-align: left;
  }

  .card-btn-view-data-doctor {
    margin-top: 5px;
    /* height: 57px; */
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    clear: both;
  }

  .card-doctor-collapsed {
    display: flex;
  }

  .card-doctor-collapsed .w-8 {
    width: 85%;
    padding: 0 20px;
  }

  .card-doctor-collapsed .w-2 {
    width: 40px;
    height: 40px;
  }

  .card-btn-medical {
    margin-top: 20px;
    /* height: 57px; */
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
  }

  .doctor-text-title-search {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #a39160;
    margin-top: 33px;
  }

  .doctor-text-content-search {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: normal;
    color: #35363A;
    margin-top: 8px;
    margin-bottom: 40px;
  }

  .title-search-options {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
  }

  .title-search {
    font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #142c53;
  }

  ::placeholder {
    color: #aaaaaa !important;
  }

  .btn-doctor-search {
    font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    width: 386px;
    height: 48px;
    display: inline;
  }

  .btn-mail-to-executive {
    width: 240px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 24px;
    margin-bottom: 24px;
    display: inline;
  }

  .btn-get-direction {
    width: 248px;
    height: 58px;
    margin-top: 24px;
    display: inline;
  }

  .executive-parent {
    padding-left: 5px;
    padding-right: 5px;
  }

  .doctor-box-search {
    margin-top: 103px;
  }

  .doctor-box-search .input-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .doctor-box-search .input-content .input-box {
    max-width: 530px;
    margin: 0 auto;
  }

  .doctor-box-search .input-content .input-box .selectize-input {
    height: 35px;
    border-radius: 6px;
    display: flex;
    align-items: center;
  }

  .doctor-box-search .w-2 {
    width: 8%;
    margin-bottom: 20px;
  }

  .doctor-box-search .doctor-p-5 {
    padding: 10px;
    font-size: 14px;
    margin-top: 37px;
  }

  .doctor-flex {
    display: flex;
    background-color: #636363;
    color: #ffffff;
    border-left: none;
  }

  .sreach-time {
    display: flex;
    width: 100%;
  }

  .sreach-time .w-4 {
    width: 46%;
    margin-bottom: 0px;
  }

  .sreach-time .w-2 {
    width: 8%;
    margin-bottom: 0px;
  }

  .sreach-time .text-c-p {
    text-align: center;
    padding: 8px;
  }

  /* find doctor */

  /*ShopServices*/
  .w-3 {
    width: 30%;
    padding-right: 10px;
  }

  .w-7 {
    width: 60%;
  }

  .service-select-selected {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 20px;

    /* font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.79;
      letter-spacing: normal;
      color: #646569;
      width: 450px;
      height: 32px;
      border-radius: 3px;
      background-color: #ffffff; */
  }

  .shop-item-content {
    margin-top: 20px;
  }

  .shop-item-body {
    padding-top: 28px;
  }

  .service-bg-content {
    position: absolute;
    height: 330px;
    background-color: #f8f8f8;
  }

  .shop-item-title {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #002d55;
  }

  .shop-item-content {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #000000;
  }

  .shop-item-list-title {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #002d55;
  }

  .shop-item-list-content {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #000000;
  }

  .margin-service {
    margin-top: 50px;
  }

  .text-input-select {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #646569;
  }

  .text-category-service {
    text-align: right;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
  }

  /*ShopServices*/
  /*  recipient-giver */

  .content-desktop {
    display: block;
  }

  .content-mobile {
    display: none;
  }

  /* end recipient-giver*/
  .text-page-title {
    font-size: 30px;
    margin-top: 60px;
    margin-bottom: 50px;
  }

  /* .siphArticleRand .text-page-title {
    margin-top: 20px;
    margin-bottom: 12px;
  } */

  header .navbar-nav-pc {
    font-size: 12px;
  }

  .img-doctor {
    border-radius: 50%;
    width: 194px;
    height: auto;
    margin: 23px;
  }

  .page-board .container .content .container .row .box-board {
    margin: 0px 0px 23px 0px;
  }

  .page-board .container .content .container .row .box-feedback-board {
    margin: 90px 0px 63px 0px;
  }

  .icon-mutual-clients-style1 {
    height: 84px;
    width: 84px;
    background-image: url('../assets/img/icons/mutual-clints-1-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style1 {
    background-image: url('../assets/img/icons/mutual-clints-1-blue.png');
  }

  .icon-mutual-clients-style2 {
    height: 84px;
    width: 84px;
    background-image: url('../assets/img/icons/mutual-clints-2-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style2 {
    background-image: url('../assets/img/icons/mutual-clints-2-blue.png');
  }

  .text-mutual {
    margin-top: 10px;
  }

  /* board */
  .page-board .container .content .container div div .text-prefix-name {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #a39160;
  }

  .page-board .container .content .container div div .text-fullname {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 40px;
    letter-spacing: normal;
    color: #a39160;
  }

  .page-board .container .content .container div div .text-position-name {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 36px;
    letter-spacing: normal;
    color: #002d55;
  }

  .page-board .container .content .container div div .text-email {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 36px;
    letter-spacing: normal;
    color: #002d55;
  }

  /* board */

  /*text mutual client */
  .text-mutual-client {
    font-size: 24px;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    color: #002d55;
  }

  .text-mutual {
    color: #002d55;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
  }

  .text-mutual-client-title {
    font-size: 24px;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #002d55;
  }

  .height-150 {
    height: 150px;
  }

  /*text mutual client */

  .siphArticleRand p {
    height: 153px;
    overflow: hidden;
  }

  .transition-title {
    font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 31.74px;
    color: #002D56;
  }
}

@media (min-width: 768px) {
  .treatment-center .title-btn {
    height: 40px;
  }

  .treatment-center .title-btn img {
    height: 32px !important;
  }

  .treatment-center .title-btn.find {
    padding: 0 12px;
  }

  .treatment-center .title-btn.appoint {
    padding: 0 24px;
  }

  .treatment-center .title-btn h1 {
    font-size: 16px;
  }

  .btn-chat-container {
    bottom: 40px;
    right: 15px;
  }

  #headerSearch {
    padding: .375rem .75rem;
  }

  .searchbar .group-search {
    flex: 0 0 50%;
    max-width: 100%;
    margin-right: 25px;
    margin-bottom: 15px;
  }

  .navbar-logo {
    width: auto;
    height: 80px !important;
  }

  /* .sound-icon-div{
    display: block;
  } */

  .home-topic-div {
    flex-direction: row;
    text-align: left;
  }

  .btn-get-direction img {
    width: 18px;
  }

  .view-all-div {
    justify-content: end;
  }

  .lang-menu,
  .lang-menu-selected {
    width: 51px;
    height: 32px;
  }

  header .navbar-icon-logo ul li img.logo-mu {
    width: 94px;
    height: auto;
  }

  .footer-fixed-bg {
    height: 140px;
  }

  .footer-services-btn {
    width: 160px;
    height: 90px;
  }

  .gradient-border-mask.mask-banner,
  .footer-services-btn {
    width: 130px;
    height: 80px;
  }

  .services-btn-title {
    font-size: 14px;
  }

  .footer-services-icon {
    width: 24px;
    height: auto;
  }
}

@media (min-width: 991.98px) {}

@media (min-width: 1200px) {

  .home-news-md-text {
    font-size: 22px;
    line-height: 30px;
  }

  .btn-chat-container {
    bottom: 40px;
    right: 15px;
  }

  header .navbar-search {
    font-size: 14px;
  }

  .searchbar .group-search {
    flex: 0 0 28%;
    max-width: 28%;
    margin-right: 15px;
    margin-bottom: 0;
  }


  .navbar-logo {
    width: auto;
    height: 92px !important;
  }


  header .navbar-icon-logo ul li img.logo-mu {
    width: 118px;
    height: auto;
  }

  .footer-fixed-bg {
    height: 205px;
  }

  .footer-services-btn,
  .gradient-border-mask.mask-banner,
  .footer-services-btn {
    width: 248px;
    height: 135px;
  }

  .mask-btn-col {
    max-height: 135px;
  }


  .mask-btn-col:hover {
    max-height: 153px;
  }

  .gradient-border-mask.mask-banner:hover,
  .gradient-border-mask.mask-banner:hover .footer-services-btn {
    width: 253px;
    height: 153px;
  }

  .services-btn-title {
    font-size: 20px;
  }

  .footer-services-icon {
    width: 40px;
    height: auto;
    margin-bottom: 5px;
  }

  /* mutualClients */
  .box-padding {
    padding-top: 85px;
    padding-bottom: 60px;
  }

  .med-center-container {
    max-width: 1800px;
  }

  .standard-home-container {
    max-width: 1500px;
  }

  .medical-center-blog .slick-list {
    box-sizing: initial;
    padding-left: 25px;
  }

  .navbar-expand .navbar-nav .nav-link {
    padding-right: 0.1rem;
    padding-left: 0.1rem;
    font-size: 120%;
  }

  .dropdown-item {
    font-size: 120%;
  }

  .dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    border-left: 6px solid;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
  }

  .dropdown-menu>li.show>a {
    color: #ffffff;
    background-color: #007bff;
  }

  .dropdown-menu>li.show>a:hover {
    color: #ffffff;
  }

  /* doctorBiography */
  .img-profile-doctor-detail {
    border-radius: 50%;
    width: 195px;
    height: auto;
  }

  .doctor-name {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
    text-align: left;
    margin-top: 0px;
  }

  .doctor-position {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    text-align: left;
    margin-top: 0px;
  }

  .doctor-table-check {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-table-check-content {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-qualification {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-qualification-content {
    font-family: 'pslxtextregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-membership {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-membership-content {
    font-family: 'pslxtextregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-remark {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    text-align: left;
    margin-top: 27px;
  }

  /* tips */
  .container-step li a {
    padding-top: 2px;
    width: 40px;
    height: 40px;
  }

  /* gold award */
  .text-standard-menu-footer {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #a39160;
    padding-top: 45px;
  }

  .box-standard-menu-footer {
    margin-top: 64px;
  }

  .box-menu-footer {
    height: 415px;
    background-color: #f8f8f8;
  }

  /* custom css vission */
  .padding-text-cotent {
    padding-top: 100px;
  }

  /* find doctor */
  .btn-box-search-bar {
    display: block;
    height: 46px;
    background-color: #f8f8f8;
    border-bottom: 5px solid #a39160;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
  }

  .btn-box-search-bar .text {
    padding-top: 10px;
  }

  .line {
    width: 100%;
    height: 1px;
    border: solid 0.7px #a39160;
    margin-top: 20px;
  }

  .card-text-name-doctor {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 31.74px;
    letter-spacing: normal;
    text-align: center;
    color: #002D56;
    margin-top: 32px;
  }

  .card-text-name-doctor-long {
    font-size: 18px;
    font-weight: 600;
  }

  .card-text-check-doctor {
    margin-bottom: 17px;
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #00244e;
    margin-top: 17px;
  }

  .text-table-day {
    font-family: 'pslxtextregular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #000000;
    text-align: left;
    margin: 0px;
  }

  .text-check-out {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: red;
    text-align: left;
  }

  .card-btn-view-data-doctor {
    margin-top: 5px;
    /* height: 57px; */
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    clear: both;
  }

  .card-doctor-collapsed {
    display: flex;
  }

  .card-doctor-collapsed .w-8 {
    width: 85%;
    padding: 0 20px;
  }

  .card-doctor-collapsed .w-2 {
    width: 40px;
    height: 40px;
  }

  .card-btn-medical {
    margin-top: 20px;
    /* height: 57px; */
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
  }

  .doctor-text-title-search {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #a39160;
    margin-top: 33px;
  }

  .doctor-text-content-search {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: normal;
    color: #35363A;
    margin-top: 8px;
    margin-bottom: 40px;
  }

  .title-search-options {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
  }

  .title-search {
    font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #142c53;
  }

  ::placeholder {
    color: #aaaaaa !important;
  }

  .btn-doctor-search {
    font-family: 'sukhumvitmedium', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 500;
    width: 315px;
    height: 48px;
    display: inline;
  }

  .btn-mail-to-executive {
    width: 240px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 24px;
    margin-bottom: 24px;
    display: inline;
  }

  .btn-get-direction {
    width: 290px;
    height: 58px;
    margin-top: 24px;
    display: inline;
  }

  .executive-parent {
    padding-left: 5px;
    padding-right: 5px;
  }

  .doctor-box-search {
    margin-top: 103px;
  }

  .doctor-box-search .input-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .doctor-box-search .input-content .input-box {
    margin: 0 auto;
    max-width: 530px;
  }

  .doctor-box-search .input-content .input-box .selectize-input {
    height: 56px;
    border-radius: 6px;
    display: flex;
    align-items: center;
  }

  .doctor-box-search .w-2 {
    width: 8%;
    margin-bottom: 20px;
  }

  .doctor-box-search .doctor-p-5 {
    padding: 10px;
    font-size: 14px;
    margin-top: 37px;
  }

  .doctor-flex {
    display: flex;
    background-color: #636363;
    color: #ffffff;
    border-left: none;
  }

  .sreach-time {
    display: flex;
    width: 100%;
  }

  .sreach-time .w-4 {
    width: 46%;
    margin-bottom: 0px;
  }

  .sreach-time .w-2 {
    width: 8%;
    margin-bottom: 0px;
  }

  .sreach-time .text-c-p {
    text-align: center;
    padding: 8px;
  }

  /* find doctor */

  /*ShopServices*/
  .w-3 {
    width: 25%;
    padding-right: 10px;
  }

  .w-7 {
    width: 68%;
  }

  .service-select-selected {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    /* font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #646569;
    width: 700px;
    height: 32px;
    border-radius: 3px;
    background-color: #ffffff; */
  }

  .shop-item-content {
    margin-top: 20px;
  }

  .shop-item-body {
    padding-top: 28px;
  }

  .service-bg-content {
    position: absolute;
    height: 330px;
    background-color: #f8f8f8;
  }

  .shop-item-title {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #002d55;
  }

  .shop-item-content {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #000000;
  }

  .shop-item-list-title {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #002d55;
  }

  .shop-item-list-content {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #000000;
  }

  .margin-service {
    margin-top: 50px;
  }

  .text-input-select {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #646569;
  }

  .text-category-service {
    text-align: right;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
  }

  /*ShopServices*/

  /*  recipient-giver */

  .content-desktop {
    display: block;
  }

  .content-mobile {
    display: none;
  }

  /* end recipient-giver*/
  .text-page-title {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #a39160;
    margin-top: 60px;
    margin-bottom: 50px;
  }

  .siphArticleRand .text-page-title {
    margin-top: 57px;
    margin-bottom: 49px;
  }

  .box-btn-footer {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
  }

  .img-doctor {
    border-radius: 50%;
    width: 194px;
    height: auto;
    margin: 23px;
  }

  .page-board .container .content .container .row .box-board {
    margin: 0px 0px 23px 0px;
  }

  .page-board .container .content .container .row .box-feedback-board {
    margin: 90px 0px 63px 0px;
  }

  .icon-mutual-clients-style1 {
    height: 84px;
    width: 84px;
    background-image: url('../assets/img/icons/mutual-clints-1-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style1 {
    background-image: url('../assets/img/icons/mutual-clints-1-blue.png');
  }

  .icon-mutual-clients-style2 {
    height: 84px;
    width: 84px;
    background-image: url('../assets/img/icons/mutual-clints-2-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style2 {
    background-image: url('../assets/img/icons/mutual-clints-2-blue.png');
  }

  .text-mutual {
    margin-top: 10px;
  }

  /* board */
  .page-board .container .content .container div div .text-prefix-name {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #a39160;
  }

  .page-board .container .content .container div div .text-fullname {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 40px;
    letter-spacing: normal;
    color: #a39160;
  }

  .page-board .container .content .container div div .text-position-name {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 40px;
    letter-spacing: normal;
    color: #002d55;
  }

  .page-board .container .content .container div div .text-email {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 36px;
    letter-spacing: normal;
    color: #002d55;
  }

  /* board */

  /*text mutual client */
  .text-mutual-client {
    font-size: 24px;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    color: #002d55;
  }

  .text-mutual {
    color: #002d55;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
  }

  .height-150 {
    height: 150px;
  }

  /*text mutual client */
  .text-mutual-client-title {
    font-size: 24px;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #002d55;
  }
}

/* @media only screen and (min-height: 1024px) and (max-width: 1366px) {
  .main-paragraph {
    padding: 0 100px;
  }
} */

@media (max-width: 1200px) {

  .doctor-biography .doctor-content {
    flex-direction: column;
  }

  .doctor-biography .doctorname-content {
    margin-left: 0px;
    margin-top: 32px;
    width: 100%;
  }

  .lg-hidden {
    display: block;
  }

  .lg-show {
    display: none;
  }

  .doctor-biography .text-page-title {
    font-size: 42px;
    line-height: 66.65px;
    font-weight: 600;
  }

  .doctor-box-search .title-search-doctor {
    margin-bottom: 32px;
    font-size: 40px;
    font-weight: 600;
    line-height: 63.48px;
    letter-spacing: -0.25px;
  }

  .page-treatment .treatment-center-box-search .title-search-center {
    margin-top: 27px;
    margin-bottom: 32px;
    font-size: 40px;
    line-height: 63.28px;
  }

  .page-treatment .treatment-center-box-search .input-box {
    font-size: 15px;
    height: 35px;
    width: 460px;
  }

  .doctor-biography .image-content {
    align-self: center;
    justify-self: center;
  }

  footer .submenu li a {
    font-size: 18px;
  }
}

@media (max-width: 890px) {
  .article-content .card-content:nth-child(3) {
    display: none;
  }

  .transition-title {
    font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 31.74px;
    color: #002D56;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .banner .board-top-banner .bg-content {
    padding-top: 37px !important;
  }
  .banner .board-top-banner .bg-content .sub-bg-content .text-content .quote {
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  .medical-center-blog .slick-list {
    box-sizing: initial;
    padding-left: 15px;
  }

  .article-title {
    font-size: 15.91px;
    line-height: 25.24px;
    color: #fff;
  }

  /*contact */
  /* .contact-information .box-title{
    padding-bottom: 25px;
    padding-top: 25px;
  }
  .contact-information .box-content{
    padding-bottom: 25px;
  } */

  /*contact */

  /* end recipient-giver*/
  .text-page-title {
    font-size: 18px;
    margin-top: 28px;
    margin-bottom: 30px;
  }

  /*text mutual client */
  .text-mutual-client {
    font-size: 14px;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    color: #002d55;
  }

  .text-mutual-client-title {
    font-size: 14px;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #002d55;
  }

  .text-mutual {
    color: #002d55;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
  }

  .height-150 {
    height: 80px;
  }

  .icon-mutual-clients-style1 {
    height: 32px;
    width: 32px;
    background-image: url('../assets/img/icons/mutual-clints-1-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style1 {
    background-image: url('../assets/img/icons/mutual-clints-1-blue.png');
  }

  .icon-mutual-clients-style2 {
    height: 32px;
    width: 32px;
    background-image: url('../assets/img/icons/mutual-clints-2-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style2 {
    background-image: url('../assets/img/icons/mutual-clints-2-blue.png');
  }

  /*text mutual client */

  /* doctor biography*/
  .doctor-name {
    margin-top: 13px;
    text-align: center;
  }

  .doctor-position {
    text-align: center;
  }

  /* custom css vission */
  .padding-text-cotent {
    padding-top: 10px;
  }

  /* service shop*/
  .text-category-service {
    display: none;
  }

  .w-3 {
    width: 0%;
    padding-right: 10px;
  }

  .w-7 {
    width: 100%;
  }

  /* service shop*/

  /* find doctor */
  .btn-box-search-bar {
    display: block;
    height: 46px;
    background-color: #f8f8f8;
    border-bottom: 5px solid #a39160;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
  }

  .btn-box-search-bar .text {
    padding-top: 10px;
  }

  .search-bar {
    background-color: #f8f8f8;
  }

  .shortcut-menu .siph-24-18-gold {
    font-size: 12px;
    line-height: 17px;
  }

  .line {
    width: 100%;
    height: 1px;
    border: solid 0.7px #a39160;
    margin-top: 20px;
  }

  .card-text-name-doctor {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 31.74px;
    letter-spacing: normal;
    text-align: center;
    color: #002D56;
    margin-top: 32px;
  }

  .card-text-name-doctor-long {
    font-size: 18px;
    font-weight: 600;
  }

  .card-text-check-doctor {
    margin-bottom: 17px;
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #00244e;
    margin-top: 17px;
  }

  .text-table-day {
    font-family: 'pslxtextregular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #000000;
    text-align: left;
    margin: 0px;
  }

  .text-check-out {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: red;
    text-align: left;
  }

  .card-btn-view-data-doctor {
    margin-top: 5px;
    /* height: 57px; */
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    clear: both;
  }

  .card-doctor-collapsed {
    display: flex;
  }

  .card-doctor-collapsed .w-8 {
    width: 85%;
    padding: 0 20px;
  }

  .card-doctor-collapsed .w-2 {
    width: 40px;
    height: 40px;
  }

  .card-btn-medical {
    margin-top: 20px;
    /* height: 57px; */
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
  }

  .doctor-text-title-search {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #a39160;
    margin-top: 68px;
  }

  .doctor-text-content-search {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 23.81px;
    letter-spacing: normal;
    color: #35363A;
    margin-top: 8px;
    margin-bottom: 40px;
  }

  .title-search-options {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
    margin-top: 0px;
  }

  .title-search {
    font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #142c53;
  }

  ::placeholder {
    color: #aaaaaa !important;
  }

  .btn-doctor-search {
    margin-top: 32px;
    font-family: 'sukhumvitmedium', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    width: 200px;
    height: 40px;
    display: inline;
  }

  .btn-mail-to-executive {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 32px;
    margin-bottom: 32px;
    display: inline;
  }

  .btn-mail-to-executive.under-banner2, .btn-mail-to-executive.under-banner1 {
    width: 240px;
  }

  .btn-get-direction {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
    display: inline;
  }

  .btn-executive-parent {
    width: 100%;
  }

  .doctor-box-search {
    margin-top: 54px;
  }

  .doctor-box-search .input-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .doctor-box-search .input-content .input-box {
    margin: 0 auto;
    max-width: 530px;
  }

  .doctor-box-search .input-content .input-box .selectize-input {
    height: 35px;
    border-radius: 6px;
    display: flex;
    align-items: center;
  }

  .doctor-box-search .w-2 {
    width: 100%;
    margin-bottom: 20px;
  }

  .doctor-box-search .w-4 {
    width: 100%;
  }

  .doctor-box-search .doctor-p-5 {
    padding: 10px;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .doctor-flex {
    display: flex;
    background-color: #636363;
    color: #ffffff;
    border-left: none;
  }

  .sreach-time {
    display: block;
    width: 100%;
  }

  .sm-hide {
    display: none;
  }

  .sreach-time .w-4 {
    width: 100%;
    margin-bottom: 25px;
  }

  .sreach-time .w-2 {
    width: 100%;
    margin-bottom: 25px;
  }

  .sreach-time .text-c-p {
    text-align: center;
    padding: 8px;
  }

  /* find doctor */

  .siphArticleRand p {
    height: 153px;
    overflow: hidden;
  }
}

@media (max-width: 640px) {
  .banner .board-top-banner .bg-content {
    padding-top: 15px !important;
  }
  .banner .board-top-banner .bg-content .sub-bg-content {
    padding-top: 0px !important;
  }

  .banner .board-top-banner .bg-content .sub-bg-content .text-content .quote {
    font-size: 6px !important;
    margin-bottom: 8px !important;
  }
  .banner .board-top-banner .bg-content .sub-bg-content .text-content .board-name {
    font-size: 8px !important;
  }
  .banner .board-top-banner .bg-content .sub-bg-content .text-content .board-desc {
    font-size: 6px !important;
    margin-bottom: 4px !important;
    font-weight: 300 !important;
  }
  .banner .board-top-banner .bg-content .sub-bg-content .text-content a.btn {
    font-size: 8px !important;
    padding: 2px 8px !important;
  }

  .transition-title {
    font-family: 'sukhumvitsemibold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 31.74px;
    color: #002D56;
  }

  .article-title {
    font-size: 14px;
    line-height: 22.22px;
    color: #fff;
  }

  .doctor-biography {
    padding-top: 0;
  }

  .doctor-card {
    padding: 32px 37px;
  }

  .doctor-biography .image-content {
    width: 335px;
  }

  .doctor-biography .image-content .img-profile-doctor-detail {
    margin-top: 32px;
    width: 180px;
    height: 180px;
  }

  .doctor-biography .action-button button {
    width: 100%;
    height: 48px;
  }

  .doctor-biography .action-button button svg {
    width: auto;
    height: 25px;
  }

  .doctor-biography .doctor-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 38.09px;
  }

  .doctor-info-content {
    margin-left: 0px;
  }

  .doctor-biography .doctor-subtitle,
  .doctor-subtitle.post-health {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
  }

  .doctor-biography .doctor-value {
    font-size: 20px;
    line-height: 24px;
  }

  .doctor-biography .doctor-schedule {
    font-size: 14px;
    line-height: 22.22px;
  }

  .doctor-biography .doctor_schedule-card .title_row p.title_time,
  .doctor-biography .doctor_schedule-card .data_row .data_time {
    width: 74px;
  }

  .doctor-biography .doctor_schedule-card .data_row {
    padding: 6px 0;
  }

  .doctor-biography .doctor_schedule-card .day_column {
    width: 55px;
  }

  .doctor-biography .action-button button path {
    fill: #002D56;
  }

  .lg-hidden {
    display: block;
  }

  .lg-show {
    display: none;
  }

  .doctor-biography .text-page-title {
    font-size: 24px;
    line-height: 38.09px;
    margin-bottom: 8px;
    font-weight: 700;
  }

  .doctor-biography .doctorname-content {
    margin-left: 0px;
    width: 100%;
  }

  .article-content {
    flex-direction: column;
    padding: 0 20px;
  }

  .article-content .card-content:nth-child(3) {
    display: none;
  }

  .doctor-box-search .title-search-doctor {
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 600;
    line-height: 38.09px;
    letter-spacing: -0.25px;
  }

  .page-treatment .treatment-center-box-search .title-search-center {
    margin-top: 32px;
    font-size: 24px;
    line-height: 38.09px;
  }

  .page-treatment .treatment-center-box-search .input-box {
    height: 35px;
    width: 290px;
  }

  .page-contact .travel-map-icon {
    width: 24px !important;
    height: 24px !important;
  }

  .contact-information .contact-info_list {
    flex-direction: column;
  }

  .contact-information .box-title {
    padding: 24px 0;
  }

  .contact-information .box-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 21.5px;
    height: auto;
  }

  .contact-information .horizon-line {
    width: 90%;
    border-top: 1px solid #fff;
    margin: 0 auto 0;
  }

  .contact-information .box-content .text-content {
    width: fit-content;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22.22px;
    text-align: center;
  }
}


@media (min-width: 300px) and (max-width: 767.98px) {
  
  .btn-mail-to-executive.under-banner2, .btn-mail-to-executive.under-banner1 {
    width: 340px;
    margin-top: -24px;
    z-index: 2;
  }

  .block-banner1 {
    justify-content: start;
  }

  .btn-mail-to-executive.under-banner1{
    margin-left: 10vw;
  }
  
  .footer-services-btn {
    width: 160px;
    height: 90px;
  }

  .gradient-border-mask.mask-banner,
  .footer-services-btn {
    width: 80px;
    height: 90px;
  }


  /*contact icon*/
  .page-contact .travel-map-icon {
    max-width: 25px;
  }

  .page-contact .travel-map-icon.icon-location {
    width: 25px;
    height: auto;
  }

  .page-contact .travel-map-icon.icon-phone {
    width: 15px;
    margin-right: 10px;
    height: auto;
  }

  .page-contact .travel-map-icon.icon-email {
    width: 25px;
    height: auto;
  }

  /* end contact*/

  .imgs-grid .imgs-grid-image .view-all .view-all-text img {
    width: 35px;
  }

  /* mutualClients */
  .box-padding {
    padding-top: 32px;
    padding-bottom: 24px;
  }

  .box-padding .col-6 {
    padding: 0px;
  }

  .page-tips .icon-dot-text-72 {
    margin-top: -25px;
    margin-bottom: -40px;
    margin-right: 1rem;
  }

  /* doctorBiography */
  .img-profile-doctor-detail {
    border-radius: 50%;
    width: 155px;
    height: auto;
  }

  .doctor-name {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #002d55;
    margin-top: 13px;
  }

  .doctor-position {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #636363;
    margin-top: 0px;
  }

  .doctor-table-check {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
    text-align: left;
    margin-top: 24px;
  }

  .btn-mail-to-executive img {
    width: 16px;
    margin-right: 8px;
  }

  .btn-mail-to-executive {
    margin-top: 12px;
    margin-bottom: 12px;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .btn-get-direction {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .doctor-table-check-content {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    text-align: left;
    margin-top: 24px;
  }

  .doctor-qualification {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
    text-align: left;
    margin-top: 24px;
  }

  .doctor-qualification-content {
    font-family: 'pslxtextregular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    text-align: left;
    margin-top: 27px;
  }

  .doctor-membership {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
    text-align: left;
    margin-top: 24px;
  }

  .doctor-membership-content {
    font-family: 'pslxtextregular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    text-align: left;
    margin-top: 24px;
  }

  .doctor-remark {
    font-family: 'siph_prototyperegular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    text-align: left;
    margin-top: 24px;
  }

  /* gold award */
  .text-standard-menu-footer {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #a39160;
    padding-top: 14px;
  }

  .box-standard-menu-footer {
    margin-top: 15px;
  }

  .box-menu-footer {
    height: 150px;
    background-color: #f8f8f8;
  }

  .shortcut-menu .siph-24-18-gold {
    font-size: 12px;
    line-height: 17px;
  }

  /*ShopServices*/
  .w-3 {
    width: 100%;
    padding-right: 10px;
  }

  .w-7 {
    width: 100%;
  }

  .service-select-selected {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    /* font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #646569;
    width: 100%;
    height: 32px;
    border-radius: 3px;
    background-color: #ffffff; */
  }

  .shop-item-content {
    margin-top: 25px;
    font-size: 22px;
    line-height: 25px;
  }

  .shop-item-body {
    padding-top: 13px;
  }

  .service-bg-content {
    position: absolute;
    height: 174px;
    background-color: #f8f8f8;
  }

  .shop-item-title {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    color: #002d55;
  }

  .shop-item-content {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: normal;
    color: #000000;
  }

  .shop-item-list-title {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: normal;
    color: #002d55;
  }

  .shop-item-list-content {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: normal;
    color: #000000;
  }

  .margin-service {
    margin-top: 28px;
  }

  .text-input-select {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #646569;
  }

  .text-category-service {
    text-align: right;
    display: none;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002d55;
  }

  /*ShopServices*/

  /*  recipient-giver */

  .content-desktop {
    display: none;
  }

  .content-mobile {
    display: block;
  }

  /* end recipient-giver*/
  .text-page-title {
    font-size: 18px;
    margin-top: 28px;
    margin-bottom: 30px;
  }

  /* about board */

  .img-doctor {
    border-radius: 50%;
    width: 194px;
    height: auto;
    margin: 23px;
  }

  .page-board .container .content .container .row .box-board {
    margin: 0px 0px 23px 0px;
  }

  .page-board .container .content .container .row .box-feedback-board {
    margin: 54px 0px 63px 0px;
  }

  .icon-mutual-clients-style1 {
    height: 32px;
    width: 32px;
    background-image: url('../assets/img/icons/mutual-clints-1-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style1 {
    background-image: url('../assets/img/icons/mutual-clints-1-blue.png');
  }

  .icon-mutual-clients-style2 {
    height: 32px;
    width: 32px;
    background-image: url('../assets/img/icons/mutual-clints-2-orange.png');
    display: inline-block;
    background-size: cover;
    background-repeat: round;
  }

  .active .icon-mutual-clients-style2 {
    background-image: url('../assets/img/icons/mutual-clints-2-blue.png');
  }

  /* about board */

  /* mutual client*/

  .text-mutual {
    font-size: 14px;
    margin-top: 10px;
  }

  /* mutual client*/

  .shortcut-menu .third .siph-24-18-gold {
    margin-left: -7px;
  }

  /* board */
  .page-board .container .content .container div div .text-prefix-name {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: normal;
    color: #a39160;
  }

  .page-board .container .content .container div div .text-fullname {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 40px;
    letter-spacing: normal;
    color: #a39160;
  }

  .page-board .container .content .container div div .text-position-name {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #002d55;
  }

  .page-board .container .content .container div div .text-email {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #002d55;
  }

  /* board */

  /*text mutual client */
  .text-mutual-client {
    font-size: 14px;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    color: #002d55;
  }

  .text-mutual-client-title {
    font-size: 14px;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #002d55;
  }

  .text-mutual {
    color: #002d55;
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
  }

  .height-150 {
    height: 80px;
  }

  /*text mutual client */
}

/* iPhone 5 and iPhone 4 */
@media (min-width: 300px) and (max-width: 568px) {
  .footer-services-btn {
    width: 80px;
    height: 90px;
  }

  .modal-content {
    width: 90vw !important;
    margin: auto;
  }

  .services-btn-title {
    font-size: 12px;
  }

  .d-sm-none {
    display: none;
  }

  .travel-map .mr-3 {
    margin-right: 0rem !important;
  }

  .title-history-logo {
    font-size: 18px;
    padding-top: 23px;
    padding-bottom: 10px;
  }

  .card-history-logo .card-history-img {
    border-bottom: solid 1px #d8d8d8;
  }

  .imgs-grid .imgs-grid-image .view-all .view-all-text img {
    width: 25px;
  }

  /* mutual-clients */
  .mutual-clients-mobile {
    flex: 0 0 90%;
    max-width: 90%;
    padding-left: 0px;
    padding-right: 0px;
  }

  /* gold award */
  .text-standard-menu-footer {
    font-family: 'sukhumvitregular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #a39160;
    padding-top: 10px;
  }

  .box-standard-menu-footer {
    margin-top: 8px;
  }

  .box-menu-footer {
    height: 118px;
    background-color: #f8f8f8;
  }

  .flex-iphon-4 {
    padding: 0px 15px;
  }

  /* tips */
  .container-step li {
    margin: 0 25px;
  }

  .container-step li a {
    padding-top: 0px;
    width: 35px;
    height: 35px;
  }

  .page-home .container-step li {
    margin: 0 35px;
    vertical-align: top;
  }
}

/* css for vdo banner */

.banner-video-wrapper {
  position: relative;
  padding-bottom: 56%;
  /* 16:9 */
  padding-top: 25px;
  /* margin-top: -10.25%; */
  /* margin-bottom: -90px; */

  /* default */
  /* padding-top: 202px;
  margin-top: -10.25%;
  margin-bottom: -90px; */
}

.banner-video-wrapper-mobile {
  position: relative;
  padding-bottom: 56%;
  padding-top: 0px;
  margin-top: 0;
  margin-bottom: 0;
}

.banner-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.banner-video-wrapper-mobile iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner .board-top-banner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.banner .board-top-banner img {
  height: 100%;
  width: 100%;
}

.banner .board-top-banner .bg-content {
  height: 100%;
  width: 50% !important;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 0;
  bottom: 0;
}

.banner .board-top-banner .bg-content .sub-bg-content {
  height: fit-content;
  padding-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner .board-top-banner .bg-content .sub-bg-content .text-content {
  color: #fff;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner .board-top-banner .bg-content .sub-bg-content .text-content .quote {
  font-size: 18px;
  font-weight: 700;
}
.banner .board-top-banner .bg-content .sub-bg-content .text-content .board-name {
  font-size: 16px;
}
.banner .board-top-banner .bg-content .sub-bg-content .text-content .board-desc {
  font-size: 16px;
  font-weight: 500;
}

.slick-slide .slide-image-banner {
  opacity: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.8s ease;
}

.slick-slide .slide-image-banner.show {
  opacity: 1;
}

.slick-slide .image-banner-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.medical-center-blog .slick-slide {
  margin: 0px -6px;
}

.medical-center-blog .slick-list .slick-track .slick-slide {
  transform: translate(-10%, 0) scale(0.95);
}

.medical-center-blog .slick-list .slick-track .slick-slide:hover {
  transform: translate(-10%, 0) scale(1);
}

.medical-center-card-hover {
  transform: translate(-10%, 0) scale(1) !important;
}

.bg-gradient {
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 63.54%, rgba(255, 255, 255, 0.48) 82.81%);
}

.bg-gradient-gray {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 100%;
  background: linear-gradient(180deg, rgba(151, 151, 151, 0) 63.54%, rgba(151, 151, 151, 0.6) 82.81%);
}

.medical-center-blog .slick-list .slick-track .slick-slide:hover .bg-gradient,
.medical-center-card-bg-hover {
  opacity: 0.9;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 49.48%, rgba(255, 255, 255, 0.8) 72.92%);
}

.medical-center-card-subtitile-hover {
  display: block;
}


.medical-center-header-border {
  border-left: 3px solid #a39161;
}

.medical-center-title {
  align-content: center;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.medical-center-blog .slick-list .slick-track .slick-slide:hover .medical-center-title {
  display: flex;
  white-space: normal;
  margin-bottom: 16px !important;
}

.main-slider-mobile .slick-prev,
.standard-blog .slick-prev {
  margin-top: 0px !important;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.main-slider-mobile .slick-prev {
  left: 0;
  height: 50px !important;
}

.main-slider-mobile .slick-next,
.standard-blog .slick-next {
  margin-top: 0px !important;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.main-slider-mobile .slick-next {
  right: 0;
  height: 50px !important;
}

.main-slider-mobile .slick-prev:focus,
.main-slider-mobile .slick-prev,
.main-slider-mobile .slick-prev:hover,
.standard-blog .slick-prev:focus,
.standard-blog .slick-prev,
.standard-blog .slick-prev:hover {
  background: url(../../images/icons/arrow-left-standard.png) no-repeat center !important;
}


.main-slider-mobile .slick-next:focus,
.main-slider-mobile .slick-next,
.main-slider-mobile .slick-next:hover,
.standard-blog .slick-next:focus,
.standard-blog .slick-next,
.standard-blog .slick-next:hover {
  background: url(../../images/icons/arrow-right-standard.png) no-repeat center !important;
}

.medical-center-blog .slick-prev:focus,
.medical-center-blog .slick-prev,
.medical-center-blog .slick-prev:hover {
  margin-left: 2rem;
  background: url(../../images/icons/arrow-left-white.png) no-repeat center !important;
}

.medical-center-blogg .slick-next:focus,
.medical-center-blog .slick-next,
.medical-center-blog .slick-next:hover {
  margin-right: 2rem;
  background: url(../../images/icons/arrow-right-white.png) no-repeat center !important;
}


.lang-bar {
  display: flex;
  justify-content: end;
}

.lang-bar li {
  margin-left: 0 !important;
}

.footer-services-content {
  position: absolute;
  left: 0;
  width: 100%;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

@media (min-width: 1500px) {

  .home-news-md-text {
    font-size: 24px;
    line-height: 30px;
  }

  .pl-xxl-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .medical-center-header-border {
    border-left: 5px solid #a39161;
  }

  .btn-get-direction img {
    width: 32px;
  }

  .home-topic-icon {
    width: 70px;
  }

  .sound-icon {
    width: 45px;
  }

  .sound-icon.unmute {
    width: 40px;
  }


  footer div .footer-row {
    padding-left: 5%;
    padding-right: 5%;
    background-size: contain;
  }

  .med-menu-col {
    max-width: 20%;
  }

  .header-container {
    max-width: 1440px;
  }
}

.gradient-border-mask {
  position: relative;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(163, 145, 97, 0.35) 0%, rgba(232, 163, 82, 0.35) 100%);
  border-radius: 16px;
  /* -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); */
  box-shadow: 4px 4px 24px 0px #00000040;
  pointer-events: none;
}

.gradient-border-mask:hover {
  background: linear-gradient(180deg, rgba(163, 145, 97, 0.75) 0%, rgba(232, 163, 82, 0.75) 100%);
}

.gradient-border-mask::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  border: 2px solid transparent;
  background: linear-gradient(121deg, #FFFFFF -13.38%, rgba(255, 255, 255, 0) 91.48%) border-box;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
}


.gradient-border-mask.mask-banner {
  background: linear-gradient(359.82deg, rgba(0, 59, 113, 0.6375) 0.16%, rgba(162, 194, 217, 0.6375) 99.84%);
  background-blend-mode: multiply;
}

.gradient-border-mask.mask-banner:hover {
  background: linear-gradient(180deg, rgba(163, 145, 97, 0.75) 0%, rgba(232, 163, 82, 0.75) 100%);
}

.gradient-border-mask.mask-banner::before {}



.footer-accordion-content #footer-mobile-accordion .card,
.footer-accordion-content #ham-mobile-accordion .card {
  border: 0;
  text-align: left;
  background-color: transparent;
}

.footer-accordion-content #footer-mobile-accordion .card .card-header,
.footer-accordion-content #ham-mobile-accordion .card .card-header {
  background-color: transparent;
  border: 0;
}

.footer-accordion-content #footer-mobile-accordion .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  padding: 10px 20px;
  background-color: transparent;
}


.footer-accordion-content #ham-mobile-accordion .card .card-header .btn-header-link {
  color: #35363A;
  display: block;
  text-align: left;
  padding: 10px 20px;
  background-color: transparent;
}

.footer-accordion-content #footer-mobile-accordion .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  padding-left: 20px;
}

.footer-accordion-content #ham-mobile-accordion .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  padding-left: 20px;
  float: right;
}

.footer-accordion-content #footer-mobile-accordion .card .card-header .btn-header-link.collapsed {
  color: #fff;
}

.footer-accordion-content #footer-mobile-accordion .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}


.footer-accordion-content #ham-mobile-accordion .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}

.footer-accordion-content #footer-mobile-accordion .card .collapsing {
  line-height: 30px;
}

.footer-accordion-content #footer-mobile-accordion .card .collapse {
  border: 0;
}

.footer-accordion-content #footer-mobile-accordion .card .collapse.show {
  line-height: 30px;
}

.award-cert-div {
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 3.0744876861572266px 3.0744876861572266px 18.446928024291992px 0px #00000040;
}

.article-image-banner {
  border-radius: 8px;
  position: relative;
  /* max-width: 262px; */
  /* max-height: 493px; */
  margin-left: auto;
  margin-right: auto;
}

.modal-action__centered {
  display: flex;
  margin-top: 20px;
  gap: 20px
}

.modal-action__centered .cancel {
  border: solid 1px #636363;
}

.modal-action__centered .confirm {
  background: #002D56;
  color: #fff;
}

.modal-ku {
  width: 400px !important;
  margin: auto;
}

.modal-content {
  border-radius: 12px !important;
}

.article-content {
  display: flex;
  justify-content: space-around;
  gap: 16px;
  margin-bottom: 46px;
  padding-bottom: 10px;
}

.article-title__image {
  width: 100%;
  border-radius: 8px;
}

.article-title__bg {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #284561 98%, #002D56 99%);
  top: 0;
}