@import url(font.css);

.submenu>li>ul,
ul.clinic-icon li {
    list-style: disc
}

.col-md-12.patientinfo input,
.conditionsearch label,
.navbar-nav>li,
h4,
input[type=text],
select.form-control {
    font-size: 16px
}

.boxtext-haed,
.c-orderset,
.c-page,
.container-btn,
.row.contentroom table tr,
.row.contentroom table tr.head td:first-child,
.row.sec2 .textbox,
.row.sec4 .col-md-6 .col-md-12.magazine .col-md-6:first-child,
ul.orderset li {
    text-align: center
}

*,
body,
html {
    line-height: 1.6
}

a,
a:active,
a:focus,
a:hover {
    color: inherit;
    text-decoration: none
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin: 5px 0
}

.left,
.row.contentmagazine ul li {
    float: left
}

.flag,
.right {
    float: right
}

.c-vdo ul,
.col-md-12.c-form .col-md-10,
.col-md-12.c-form .col-md-12,
.col-md-12.c-form .col-md-4,
.col-md-12.c-form .col-md-5,
.col-md-12.c-form .col-md-6,
.col-md-12.c-form .col-md-7,
.col-md-12.c-form .col-md-8,
.col-md-12.descript-vdo,
.col-md-12.descript-vdo .col-md-4,
.col-md-12.descript-vdo .col-md-6,
.col-md-12.text-thank,
.col-md-12.text-thank .col-md-6.img,
.container.nav-menu .container-fluid,
.container.nav-menu .navbar-collapse,
.imgroom ul,
.nopadding,
.row.sec3 .col-md-6 .col-md-12,
.row.sec3 .col-md-6 .col-md-12.content .col-md-2,
.row.sec4 .col-md-6 .col-md-12,
.submenu,
.wrapper-footer .container,
.wrapper-footer02 .container.footer .container-fluid,
.wrapper-footer02 .container.footer .container-fluid div#bs-example-navbar-collapse-2,
ul.clinic-icon {
    padding: 0
}

.padding-left-30 {
    padding-left: 30px
}

.c-1587c8,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #1587c8 !important
}

.open>.dropdown-menu,
.submenu.dr01,
.submenu.dr02,
.submenu.dr03,
.submenu.dr04,
td.gsc-search-button {
    display: none
}

.gsc-input-box {
    border-radius: 20px;
    height: 40px !important
}

.gsib_a {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.wrapper-aboutus,
.wrapper-articleforhealth,
.wrapper-bankinhospital,
.wrapper-calandar,
.wrapper-career,
.wrapper-clinic,
.wrapper-contactus,
.wrapper-customertestimonial,
.wrapper-doctorsetdate,
.wrapper-investment,
.wrapper-magazine,
.wrapper-mediaTV,
.wrapper-news,
.wrapper-package,
.wrapper-readcenter-clinic,
.wrapper-readmagazine,
.wrapper-readnews,
.wrapper-readpackage,
.wrapper-room,
.wrapper-searchdoc {
    position: relative;
    /* background-image: url(../images/bg-normal.png);
    background-repeat: repeat-x */
}

.wrapper-all,
.wrapper-menu {
    width: 100%;
    height: auto;
    position: relative
}

.wrapper-menu {
    background-image: url(../images/bg-menu.jpg);
    background-repeat: repeat-x;
    background-position: bottom
}

.bg-menu-2 {
    background-image: url(../images/bg_menu_2.png);
    background-repeat: repeat-x;
}

.container {
    width: 1010px
}

.logo,
.logo_en {
    width: 367px;
    height: 77px;
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.container-btn .btn,
.flag,
.result .namedoc h3,
ul.orderset {
    display: inline-block
}

.row.r-logo {
    padding: 20px 0
}

.logo {
    background-image: url(../images/logo_ramhosp.png)
}

.logo_en {
    background-image: url(../images/logo_ramhosp.png)
}

input.search {
    position: relative;
    padding-left: 45px;
    margin-top: 5px;
    border-radius: 30px;
    border-color: #e9e9e9;
    border-width: 3px;
    font-family: ibmplexsansthai-regular,mavenpro-regular;
    line-height: 1.3;
    color: #a3a3a3;
    height: 40px
}

.descriptpackage h2,
.navbar-nav>li,
.setdate-pop-up .col-md-2,
.setdate-pop-up h3,
.text-pic p,
.textbox h3,
ul.clinic-icon li a,
ul.orderset li p,
ul.orderset li span {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
}

.fa.fa-search {
    z-index: 1;
    position: absolute;
    left: 35px;
    top: 18px;
    color: #e9e9e9
}

.wrapper-menu .line {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #e9e9e9
}

.container.nav-menu .navbar,
.wrapper-footer02 .container.footer nav {
    margin-bottom: 0
}

.nav>li:first-child>a {
    padding-left: 15px
}

.nav.navbar-nav>li:first-child>a {
    padding-left: 25px
}

.nav>li>a {
    padding: 10px 25px
}

.navbar-nav>li.flag>a {
    padding-left: 0;
    padding-right: 0
}

.navbar-nav>li.flag.eng {
    margin-left: 15px
}

.navbar-nav>li.flag:hover>a {
    background-color: transparent
}

.flag {
    margin-left: 10px
}

.flag.eng {
    margin-right: 60px
}

.navbar-toggle {
    border: 1px solid #a3a3a3
}

.navbar-toggle .icon-bar {
    background-color: #a3a3a3
}

.wrapper-content {
    width: auto;
    height: auto;
    overflow: hidden
}

.wrapper-slide {
    position: absolute
}

.contentcenter-clinic02 img,
.descriptpackage .col-md-12 img,
.imgroom ul li.col-md-6 img,
.mapimg img,
.news-img img,
.pic-vdo img,
.pop-up.readmagazine .container-img img,
.row.contentcustomertestimonial .c-content .col-md-6.img img,
.row.sec2 ul.box li .icon01 img,
.row.sec3 .col-md-6 .col-md-12.content .col-md-2 img,
.row.sec4 .col-md-6 .col-md-12.videohome img,
.swiper-container,
.swiper-container2,
.wrapper-slide img {
    width: 100%;
    height: auto
}

.wrapper-slide .text-pic {
    position: absolute;
    width: 870px;
    height: 134px;
    background-image: url(../images/bg-01.png);
    background-size: 100% 100%;
    left: 50%;
    top: 160px;
    margin-left: -435px;
    z-index: 2;
    text-align: center
}

.text-pic p {
    font-size: 60px;
    color: #1587c8;
    line-height: 1
}

.wrapper-slide .container.arrow {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    margin-left: -505px;
    z-index: 3
}

.container.arrow .arrow-left,
.container.arrow .arrow-right {
    width: 54px;
    height: 99px;
    background-size: 100% 100%;
    top: 50%;
    margin-top: -49.5px;
    position: absolute
}

.container.arrow .arrow-left {
    background-image: url(../images/arrow-left.png);
    left: 0
}

.container.arrow .arrow-right {
    background-image: url(../images/arrow-right.png);
    right: 0
}

.wrapper-container-home {
    width: 100%;
    height: auto;
    min-height: 600px;
    background-image: url(../images/bg-circle.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    position: relative;
    z-index: 1;
    margin-top: -80px
}

.container.home .row.sec1,
.contentmediaTV,
.pic-vdo,
.row.contentroom,
.slidelogo-footer,
.textbox h3,
.wrapper-slide-footer {
    position: relative
}

.container.home .row.sec1 .textbox {
    position: relative;
    padding: 0 30px;
    color: #fff;
    margin-top: 70px
}

.container.home .row.sec1 .col-md-4 {
    height: 150px;
    padding: 0
}

.container.home .row.sec1 .col-md-4 .bg {
    position: absolute;
    z-index: -1;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: .9
}

.bg.n1,
.btn.n1 {
    background-color: #53b9e6
}

.textbox h3 {
    font-size: 23px
}

.textbox p {
    font-family: ibmplexsansthai-regular,mavenpro-regular;
    font-size: 17px;
    line-height: 1
}

.container-btn .btn,
.row.sec2 .textbox h4 {
    font-size: 16px;
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
}

.textbox .fa.fa-caret-right {
    position: absolute;
    left: -12px;
    top: 3px
}

.icon00 {
    position: absolute;
    width: 100px;
    height: 100px;
    /* border: 2px solid #fff; */
    border-radius: 50px;
    overflow: hidden;
    left: 50%;
    top: 36px;
    margin-left: -50px;
    /* box-shadow: 0 5px 0 0 rgba(0, 0, 0, .5) */
}

.icon00.i1 {
    /* box-shadow: 0 5px 0 0 #2c9fd1 */
}

.icon00.i2 {
    /* box-shadow: 0 5px 0 0 #006ba9 */
}

.icon00.i3 {
    /* box-shadow: 0 5px 0 0 #2c56ad */
}

.icon00 img {
    width: 100%;
    height: auto
}

.container-btn {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 20px
}

.container.nav-menu {
    width: 1140px
}

.container.home .row.sec1 .arrow-left2,
.container.home .row.sec1 .arrow-right2 {
    position: absolute;
    width: 27px;
    height: 56px;
    top: 62%;
    margin-top: -28px;
    background-size: 100% 100%
}

.container-btn .btn {
    line-height: 1;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px
}

.container-btn .btn a:hover {
    color: inherit
}

.bg.n2,
.btn.n2,
.wrapper-footer02 .container.footer ul.nav.navbar-nav li a:focus,
.wrapper-footer02 .container.footer ul.nav.navbar-nav li a:hover {
    background-color: #1b8fd2
}

.bg.n3,
.btn.n3 {
    background-color: #4366ac
}

.row.sec3 .col-md-6 .col-md-12.line,
.wrapper-footer .linehead {
    height: 1px;
    background-color: #898989
}

.container.home .row.sec1 .arrow-left2 {
    background-image: url(../images/arrow-left02.png);
    left: -27px
}

.container.home .row.sec1 .arrow-right2 {
    background-image: url(../images/arrow-right02.png);
    right: -27px
}

.container.home .row.sec2 {
    position: relative;
    margin-top: 20px;
    margin-left: 45px;
}

.row.sec2 ul.box {
    margin: 0;
    padding: 0;
    list-style: none
}

.row.sec2 ul.box li {
    position: relative;
    width: 230px;
    height: 290px;
    float: left;
    margin-right: 30px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2)
}

.row.sec2 ul.box li img {
    width: 100%;
    height: 160px
}

.row.sec2 ul.box li:last-child,
ul.orderset li:last-child {
    margin-right: 0
}

.row.sec2 ul.box li .icon01 {
    position: absolute;
    width: 70px;
    height: 62px;
    left: 50%;
    top: 90px;
    margin-left: -35px
}

.row.sec2 .textbox {
    position: relative;
    height: 115px
}

.row.sec2 .textbox p {
    padding: 0 30px;
    color: #898989
}

.row.sec2 .textbox .container-btn {
    bottom: 0
}

.row.sec2 .textbox .container-btn .btn {
    border: none;
    color: #3bafda
}

.container.home .row.sec3 {
    position: relative;
    margin-top: 30px
}

.row.contentcustomertestimonial .c-content .col-md-6.img,
.row.sec3 .col-md-6,
.row.sec4 .col-md-6,
.row.sec4 .col-md-6 .col-md-12.magazine .col-md-6:nth-child(2) {
    padding-left: 0
}

.row.sec3 .col-md-6:nth-child(2),
.row.sec4 .col-md-6:nth-child(2) {
    padding-right: 0;
    padding-left: 15px
}

.row.sec3 .col-md-6 .col-md-12 .title,
.row.sec4 .col-md-6 .col-md-12 .title {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 16px;
    color: #1a8fd3
}

.row.sec3 .col-md-6 .col-md-12 .link-title,
.row.sec4 .col-md-6 .col-md-12 .link-title {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 16px;
    color: #1a8fd3;
    cursor: pointer
}

.row.sec3 .col-md-6 .col-md-12 .link-title a:hover,
.row.sec4 .col-md-6 .col-md-12 .link-title a:hover {
    color: #898989
}

.row.sec3 .col-md-6 .col-md-12.content .col-md-10 a:hover p.title {
    color: #1a8fd3
}

.row.sec3 .col-md-6 .col-md-12.content {
    padding: 20px 0;
    min-height: 160px
}

.row.sec3 .col-md-6 .col-md-12.content .col-md-10 p.title,
.row.sec4 .col-md-6 .col-md-12.magazine .col-md-6 p.title {
    color: #000;
    line-height: 1;
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 18px;
    padding: 0;
    margin-bottom: 5px
}

.row.sec3 .col-md-6 .col-md-12.content .col-md-10 p,
.row.sec4 .col-md-6 .col-md-12.magazine .col-md-6 p {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 17px;
    line-height: 1;
    color: #898989;
    margin-bottom: 0;
    padding-bottom: 2px;
    height: auto;
    max-height: 70px;
    overflow: hidden
}

.container.home .row.sec4 {
    position: relative;
    margin-top: 10px
}

.row.sec4 .col-md-6 .col-md-12.magazine,
.row.sec4 .col-md-6 .col-md-12.videohome {
    position: relative;
    height: 245px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .4);
    overflow: hidden
}

.row.sec4 .col-md-6 .col-md-12.videohome .arrow-video-right {
    position: absolute;
    right: 10px;
    top: 50%
}

.row.sec4 .col-md-6 .col-md-12.videohome .arrow-video-left {
    position: absolute;
    left: 10px;
    top: 50%
}

.row.sec4 .col-md-6 .col-md-12.videohome .play-icon {
    position: absolute;
    width: 81px;
    height: 81px;
    background-image: url(../images/icon-play.png);
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    margin-left: -40.5px;
    margin-top: -40.5px;
    cursor: pointer
}

.row.sec4 .col-md-6 .col-md-12.magazine .col-md-6 {
    padding: 30px 20px
}

.row.sec4 .col-md-6 .col-md-12.magazine .col-md-6 p.title span {
    display: block;
    color: #898989
}

.row.sec4 .col-md-6 .col-md-12.magazine .col-md-6 p {
    max-height: 141px
}

.wrapper-footer {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 50px
}

.wrapper-footer .linehead {
    margin: 20px 0
}

.boxtext-haed {
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -122.5px;
    width: 245px;
    height: auto;
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 18px;
    color: #000;
    border: 1px solid #898989;
    background-color: #fff;
    border-radius: 20px;
    padding-bottom: 5px
}

.slidelogo-footer {
    width: 900px;
    margin: 20px auto 10px;
    overflow: hidden
}

.slidelogo-footer .container-logo {
    height: auto;
    float: left;
    width: 9999px
}

.slidelogo-footer img {
    width: auto;
    height: 60px;
    margin-right: 10px;
    float: left
}

.wrapper-slide-footer .container.arrow .arrow-left,
.wrapper-slide-footer .container.arrow .arrow-right {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 39px;
    height: 40px;
    background-size: 100% 100%;
    cursor: pointer
}

.wrapper-slide-footer .container.arrow .arrow-left {
    left: 0;
    background-image: url(../images/arrow-left03.jpg)
}

.wrapper-slide-footer .container.arrow .arrow-right {
    right: 0;
    background-image: url(../images/arrow-right03.jpg)
}

.wrapper-slide-footer .arrow-left:hover {
    background-image: url(../images/arrow-left03-active.jpg)
}

.wrapper-slide-footer .arrow-right:hover {
    background-image: url(../images/arrow-right03-active.jpg)
}

.wrapper-slide-footer .swiper-wrapper {
    width: 90%;
    margin: 0 auto
}

.swiper-container-footet {
    width: 100% !important
}

.wrapper-footer02 {
    width: 100%;
    height: auto;
    padding: 10px 0;
    background-color: #efefef
}

.wrapper-footer02 .container.footer ul.nav.navbar-nav {
    background-color: #1b8fd2;
    border-radius: 5px;
    width: auto;
    float: none;
    height: auto
}

.wrapper-footer02 .container.footer ul.nav.navbar-nav li {
    font-family: ibmplexsansthai-regular,mavenpro-regular;
    font-size: 12px
}

.wrapper-footer02 .container.footer ul.nav.navbar-nav li a {
    color: #fff;
    padding: 10px 27px
}

.footerloadmore {
    position: relative;
    display: block;
    width: 50px;
    height: 20px;
    border-radius: 20px;
    background-color: #c7d4e5
}

.footerloadmore .fa.fa-angle-down {
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: -3px;
    color: #000
}

.wrapper-footer02 .container.footer ul.nav.navbar-nav li ul {
    list-style: none;
    padding: 0 0 0 28px;
    display: none
}

.wrapper-footer02 .container.footer ul.nav.navbar-nav li#footerloadmore:hover ul {
    display: block
}

.wrapper-footer02 .container.footer ul.nav.navbar-nav li ul li {
    color: #fff;
    padding-bottom: 5px
}

.quality,
.wrapper-footer02 .address {
    font-family: ibmplexsansthai-regular,mavenpro-regular;
    font-size: 12px;
    color: #898989;
    line-height: 1.2
}

.wrapper-readnews .container {
    margin: 0 auto
}

.navi {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 14px;
    color: #989898;
    padding: 10px 0;
    margin: 25px 0 30px
}

.col-md-12.c-form .t3,
.descriptpackage h2,
.navi span.active,
.news-date,
.result dt,
.row.contentcareer table tr td:nth-child(2),
.row.contentinvestment table tr td:nth-child(2),
.setdate-pop-up h3,
a:focus,
a:hover {
    color: #1587c8
}

.navi span::after {
    content: '-';
    padding: 0 5px
}

.navi span:last-child::after {
    content: ' '
}

.line2 {
    width: 100%;
    height: 7px;
    background-image: url(../images/bg-line.png);
    background-repeat: repeat-x;
    margin: 10px 0
}

.wrapper-news .title,
.wrapper-readnews .title {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 27px;
    color: #1a8fd3
}

.news-date {
    width: auto;
    background-color: #e6eff9;
    padding: 10px
}

.news-date i {
    color: #b0b0b0;
    margin-right: 5px
}

.news-detail {
    width: auto;
    height: auto;
    min-height: 500px;
    padding: 10px 0;
    font-family: ibmplexsansthai-regular,mavenpro-regular !important;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.2
}

.news-detail p {
    margin: 0
}

.col-md-12.setdate .col-md-12,
.radio-inline,
.wrapper-doctorsetdate .container,
.wrapper-news .navi {
    margin-bottom: 10px
}

.news-text-head {
    width: auto;
    padding-left: 20px
}

.news-text-head p {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    line-height: 1;
    margin-bottom: 0
}

.news-text-head p.t1 {
    font-size: 45px;
    color: #1a8fd3;
    line-height: 1.1
}

.news-text-head p.t2 {
    font-size: 35px;
    color: #1a8fd3;
    line-height: 1.1
}

.news-text-head p.t3 {
    font-size: 16px;
    color: #989898;
    line-height: 1.1
}

.news-img {
    padding-left: 0;
    padding-top: 20px
}

.col-md-8.description .news-detail {
    height: 155px;
    min-height: 10px;
    overflow: hidden
}

.wrapper-news .col-md-8.description {
    height: 215px
}

.btn.btn-default.readmore {
    font-family: ibmplexsansthai-regular,mavenpro-regular;
    font-size: 16px;
    color: #fff;
    background-color: #3bafda;
    border: none;
    padding-left: 30px;
    padding-right: 30px
}

.line-news {
    display: block;
    height: 1px;
    background-color: #ebebeb;
    margin: 20px 0;
    padding: 0
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #1587c8 !important;
    border-color: #1587c8 !important
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
a[aria-label=Next],
a[aria-label=Previous] {
    background-color: #1587c8 !important;
    color: #fff !important;
    border-color: #1587c8 !important
}

.setdate-pop-up {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.setdate-pop-up .container {
    width: 400px;
    height: auto;
    margin: 20% auto 20px;
    background-color: #fff;
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 18px;
    padding: 0
}

.col-md-12.patientinfo,
.row.contentroom table tr.head {
    background-color: #f2f2f2
}

.col-sm-3.control-label,
.result .docinfo tr.head,
.result dt,
.row.contentroom table tr td:first-child,
.setdate-pop-up .container .col-sm-4.control-label {
    text-align: left
}

.wrapper-doctorsetdate .col-md-12.checkinfo .title span,
.wrapper-doctorsetdate .news-text-head p.t2 {
    font-size: 25px
}

.contentcenter-clinic02 h4,
.wrapper-doctorsetdate .news-text-head p.t2 span {
    font-size: 22px
}

.wrapper-doctorsetdate .news-text-head p.t3 {
    font-size: 35px;
    color: #1587c8
}

.panel-body h4,
.wrapper-doctorsetdate .news-text-head p.t3 span {
    color: #000
}

.wrapper-aboutus .row.contentaboutus,
.wrapper-doctorsetdate .row.form,
.wrapper-searchdoc .row.searchdoc {
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    border-radius: 10px;
    padding: 20px 0
}

ul.orderset {
    position: relative;
    list-style: none;
    padding: 0
}

ul.orderset li {
    position: relative;
    width: 215px;
    height: 20px;
    float: left;
    background-color: #d2d2d2;
    margin: 20px 5px 20px 0;
    border-radius: 10px
}

ul.orderset li.active {
    background-color: #8cc152
}

ul.orderset li span {
    position: absolute;
    width: 33px;
    height: 33px;
    border: 2px solid #fff;
    border-radius: 30px;
    left: 50%;
    margin-left: -17.5px;
    top: 50%;
    margin-top: -17.5px;
    background-color: inherit;
    font-size: 25px;
    color: #fff
}

ul.orderset li p {
    position: relative;
    font-size: 20px;
    color: #1587c8;
    margin-top: 28px
}

.col-md-12.c-form {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 16px;
    margin-top: 20px
}

.col-md-12.c-form .col-md-6.img img {
    display: block;
    width: 90%;
    margin: 50px auto 0
}

.col-md-12.c-form .col-md-6.form {
    padding-left: 30px;
    padding-right: 10px
}

.col-md-12.c-form .t1,
.contentarticleforhealth h2,
.contentarticleforhealth h3,
.contentarticleforhealth h4,
.contentclinic h2,
.contentclinic h3,
.contentclinic h4,
.contentpackage h2,
.contentpackage h3,
.contentpackage h4,
.row.contentbankinhospital h3,
.row.contentcareer h3,
.row.contentinvestment h3,
.row.contentroom h2,
.row.contentroom h3,
.wrapper-readnews .container-vdo h3 {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    color: #1587c8
}

.col-md-12.c-form .t2,
.col-md-12.c-form .t3,
.col-md-12.patientinfo,
.contentcenter-clinic02 h4,
.customer-test,
.descriptpackage,
.row.contentbankinhospital {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
}

.col-md-12.c-form .btn.btn-default.readmore {
    margin-top: 15px
}

.col-md-12.patientinfo {
    position: relative;
    font-size: 16px
}

.col-md-12.setdate .line {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc
}

.col-md-12.setdate .select {
    padding-right: 20px
}

.col-md-12.patientinfo .title {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    color: #1587c8;
    margin: 5px 0 10px 25px
}

.col-md-12.text-thank,
.contentcenter-clinic,
.row.searchdoc .form-control,
.wrapper-doctorsetdate .col-md-12.checkinfo .dl-horizontal,
.wrapper-doctorsetdate .col-md-12.checkinfo .table,
.wrapper-doctorsetdate .col-md-12.condition,
.wrapper-doctorsetdate .col-md-12.timere {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 16px
}

.wrapper-doctorsetdate .col-md-12.condition {
    line-height: 1.2;
    margin: 20px 0
}

.wrapper-doctorsetdate .col-md-12.condition p,
ol li {
    margin-bottom: 5px
}

.btn.btn-default.backtosetdate {
    color: #646464;
    background-color: #e6e9ed;
    border-color: #e6e9ed;
    font-family: ibmplexsansthai-regular,mavenpro-regular;
    font-size: 16px
}

.wrapper-doctorsetdate .col-md-12.checkinfo .title {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 30px;
    color: #1587c8;
    margin-left: 15px
}

.wrapper-doctorsetdate .col-md-12.checkinfo h3 {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 25px;
    color: #7c7c7c
}

.wrapper-doctorsetdate .col-md-12.checkinfo .dl-horizontal dt {
    text-align: left;
    color: #1587c8
}

.result .docinfo tr.head,
.wrapper-doctorsetdate .col-md-12.checkinfo tr.head {
    background-color: #42b3e5;
    color: #fff;
    text-align: center
}

.result .docinfo tr.head td:first-child,
.row.contentbankinhospital tr.head td:first-child,
.wrapper-doctorsetdate .col-md-12.checkinfo tr.head td:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.result .docinfo tr.head td:last-child,
.row.contentbankinhospital tr.head td:last-child,
.wrapper-doctorsetdate .col-md-12.checkinfo tr.head td:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.col-md-12.text-thank {
    margin-top: 30px;
    line-height: 1.1;
    color: #838383
}

.col-md-12.text-thank h4 {
    color: #1587c8;
    font-size: 20px
}

.setdate-pop-up .col-md-2 {
    text-align: center;
    color: #848484
}

.setdate-pop-up .col-md-2 .line {
    width: 1px;
    height: 500px;
    background-color: #848484;
    margin: 20px auto 0;
    padding: 0
}

.setdate-pop-up .row {
    margin-bottom: 50px;
    margin-top: 0
}

.setdate-pop-up .fa.fa-times.fa-2x {
    cursor: pointer
}

.setdate-pop-up label {
    padding-right: 0
}

.wrapper-aboutus .row.contentaboutus,
.wrapper-searchdoc .row.searchdoc {
    padding: 0;
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 14px;
    margin-bottom: 20px
}

.wrapper-aboutus .row.contentaboutus .nav.nav-tabs.nav-justified,
.wrapper-readcenter-clinic .row.contentcenter-clinic .nav.nav-tabs.nav-justified,
.wrapper-searchdoc .row.searchdoc .nav.nav-tabs.nav-justified {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 19px;
    color: #1587c8;
    background-color: #eee;
    border-radius: 10px 10px 0 0
}

.nav-tabs.nav-justified>li>a {
    border-radius: 10px 10px 0 0
}

.wrapper-searchdoc .c-btn {
    padding-top: 25px
}

.wrapper-searchdoc .c-btn .btn.btn-default.readmore {
    margin-right: 20px
}

.result {
    width: 100%;
    height: auto;
    display: block;
    float: left
}

.result .picdoc {
    position: relative;
    width: 180px;
    height: auto;
    text-align: center;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5);
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 20px auto 10px
}

.contentmediaTV .main,
.next-back,
.result .picdoc .btn.btn-default.readmore,
.row.contentarticleforhealth,
.row.contentcustomertestimonial .c-content,
.row.contentreadmagazine {
    margin-top: 20px
}

.result .namedoc {
    font-family: mavenpro-semibold,Kanit-Regular, sans-serif;
    line-height: 1.6;
    color: #1587c8;
    margin-left: 45px
}

.result .docinfo {
    font-size: 14px;
    color: #848484;
    margin-top: 20px
}

.result dt i {
    font-size: 14px
}

.linee,
.result .col-md-12 .line {
    height: 1px;
    background-color: #eee;
    margin: 30px 0
}

.linee {
    margin: 10px 0
}

.row.contentroom h2,
ul.clinic-icon li {
    margin-bottom: 20px
}

.setdate .col-md-12 .col-md-4:first-child {
    width: 22%
}

.setdate .col-md-12 .col-md-4:nth-child(3),
.submenu.dr01>li:nth-child(2) {
    width: 40%
}

.contentarticleforhealth,
.contentclinic,
.contentmediaTV,
.contentpackage,
.row.contentcareer table,
.row.contentinvestment table,
.row.contentroom,
.wrapper-contactus,
.wrapper-readnews .container-vdo {
    font-family: ibmplexsansthai-regular,mavenpro-regular;
    font-size: 14px;
    color: #848484
}

.contentarticleforhealth ul,
.contentclinic ul,
.contentpackage ul {
    padding: 0;
    list-style: none
}

.contentarticleforhealth ul li.col-md-6,
.contentclinic ul li.col-md-6,
.contentpackage ul li.col-md-6 {
    width: 48%;
    padding: 0;
    margin-bottom: 40px;
    text-align: center;
    height: 430px
}

.contentclinic ul li.col-md-6:nth-child(2n),
.contentpackage ul li.col-md-6:nth-child(2n) {
    margin-left: 4%
}

.contentpackage ul li.col-md-6 img {
    height: auto;
    max-height: 270px
}

.descriptpackage .col-md-12.c1 {
    margin-top: 20px;
    margin-bottom: 40px
}

.descriptpackage .col-md-6 {
    padding: 0;
    font-size: 20px;
    color: #848484
}

.descriptpackage .col-md-6.img {
    padding-right: 15px
}

.descriptpackage .col-md-6.img img {
    width: 100%;
    height: auto;
    max-height: 270px
}

.descriptpackage .col-md-6 h2.title {
    margin-top: 0
}

.contentclinic ul li.col-md-6 img {
    width: 100%;
    height: auto;
    max-height: 333px
}

.contentclinic ul li.col-md-6 {
    margin-bottom: 80px;
    height: 486px
}

.contentclinic ul li.col-md-6:last-child,
.contentclinic ul li.col-md-6:nth-last-child(2) {
    margin-bottom: 30px
}

.c-vdo ul,
.imgroom ul,
.submenu {
    list-style: none
}

ul.clinic-icon li a {
    font-size: 25px;
    color: #1587c8
}

ul.clinic-icon li span {
    display: inline-block;
    width: 60px
}

.contentarticleforhealth ul li.col-md-6 p,
.contentclinic ul li.col-md-6 p,
.contentpackage ul li.col-md-6 p {
    height: 45px;
    overflow: hidden;
    padding-top: 3px
}

.contentcenter-clinic h1,
.contentcenter-clinic h3,
.contentcenter-clinic h4 {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    color: #1587c8;
    margin-top: 5px
}

.contentcenter-clinic02 {
    background-color: #fff;
    padding: 0;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .4)
}

.contentcenter-clinic02 .tab-content {
    padding-top: 60px
}

.customer-test {
    font-size: 20px;
    max-height: 1000px;
    overflow-y: auto
}

.contentcenter-clinic02 p {
    margin-top: 10px;
    color: #848484
}

.contentcenter-clinic02 .line {
    background-color: #ddd;
    height: 1px;
    margin: 20px 0
}

.c-vdo .pic-vdo,
.c-vdo h4 span img {
    width: auto;
    height: auto
}

.c-vdo,
.padding40 {
    padding-left: 40px
}

.c-vdo ul li {
    float: none;
    margin-bottom: 60px
}

.c-vdo .pic-vdo {
    position: relative;
    display: block;
    max-width: 585px;
    margin-top: 10px
}

.pic-vdo .bg-opacity {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/bg-opacity01.png);
    z-index: 2
}

.pop-up.career,
.pop-up.readmagazine {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.icon-play02 {
    position: absolute;
    width: 109px;
    height: 77px;
    background: url(../images/icon-play02.png) 0 0/100% 100%;
    top: 50%;
    left: 50%;
    margin: -36.5px 0 0 -54.5px
}

.row.contentbankinhospital {
    font-size: 20px;
    color: #848484
}

.contentmediaTV .other,
.row.contentbankinhospital table {
    margin-top: 40px
}

.row.contentbankinhospital tr.head {
    background-color: #c1e7f8;
    color: #4d4d4d;
    text-align: center
}

.row.contentroom h3 {
    text-align: center;
    margin-top: 10px
}

.imgroom ul li.col-md-6 {
    padding: 0;
    width: 49%;
    margin-bottom: 50px
}

.imgroom ul li.col-md-6:nth-child(2n) {
    margin-left: 1%
}

.imgroom ul li.col-md-6:nth-child(odd) {
    margin-right: 1%
}

.row.contentroom .titletable {
    text-align: center;
    margin: 0;
    background-color: #1587c8;
    color: #fff;
    padding: 20px 0
}

.row.contentroom table tr td:first-child,
.row.contentroom table tr.head td {
    padding: 20px 8px;
    font-size: 20px;
    color: #848484
}

.row.contentroom table tr td {
    font-size: 20px;
    color: #1587c8;
    vertical-align: middle
}

.row.contentmagazine ul {
    list-style: none;
    background: url(../images/bg-repeat01.jpg) 0 240px repeat-x;
    padding-bottom: 20px;
    margin-top: 40px;
    overflow: hidden
}

.contentarticleforhealth ul li.col-md-6 {
    width: 49%;
    margin-bottom: 20px
}

.contentarticleforhealth ul li.col-md-6:nth-child(2n) {
    margin-left: 2%
}

.contentarticleforhealth ul li.col-md-6 img {
    width: 100%;
    height: 265px;
    overflow: hidden
}

.contentarticleforhealth ul li.col-md-6 .col-md-12 {
    text-align: left;
    padding: 0
}

.contentarticleforhealth .news-date {
    background-color: transparent;
    padding: 0
}

.wrapper-aboutus .row.contentaboutus .nav.nav-tabs.nav-justified,
.wrapper-calandar .news-text-head p.t3 {
    font-size: 19px
}

.googlecalandar,
.wrapper-contactus .container.c01 {
    margin-top: 30px
}

.container-vdo {
    width: 870px;
    height: auto;
    margin: 0 auto
}

.col-md-12.descript-vdo .col-md-4 {
    margin-top: 10px
}

.contentmediaTV h3 {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    color: #1587c8;
    margin-top: 10px
}

.row.contentreadmagazine img {
    display: block;
    width: 95%;
    height: auto;
    margin: 0 auto
}

.pop-up.readmagazine {
    position: fixed;
    background: url(../images/bg-opacity01.png)
}

.pop-up.readmagazine .container-img {
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: 40px;
    right: 40px;
    overflow: auto
}

.pop-up.readmagazine .close-btn {
    position: absolute;
    right: 40px;
    top: 10px;
    cursor: pointer
}

.row.contentcustomertestimonial {
    position: relative;
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    font-size: 18px;
    color: #848484
}

.row.contentaboutus h3,
.row.contentcustomertestimonial .c-content h3,
.wrapper-contactus h3 {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    color: #1587c8;
    margin-bottom: 10px;
    margin-top: 0
}

.pop-up.career,
.row.contentaboutus p,
.wrapper-contactus table.table td {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    color: #848484
}

.row.contentaboutus p {
    font-size: 16px;
    line-height: 1.2
}

.row.contentaboutus .tab01 {
    padding-top: 20px
}

.wrapper-contactus .row.head {
    background-color:white;
    text-align: center
}

.wrapper-contactus dl,
ul.nav.navbar-nav a {
    font-size: 16px
}

.wrapper-contactus dl dt {
    text-align: left;
    width: 140px
}

.wrapper-contactus dl dt .fa.fa-caret-right {
    font-size: 12px;
    color: #1587c8;
    display: block;
    float: left;
    padding-top: 5px
}

.wrapper-contactus dl dt span {
    float: left;
    padding-left: 5px
}

.wrapper-contactus dl dd {
    margin-bottom: 10px;
    margin-left: 160px
}

.wrapper-contactus .form input,
.wrapper-contactus .form textarea {
    margin-bottom: 10px;
    font-size: 20px
}

.wrapper-contactus .form .btn.btn-default.readmore {
    font-family: ibmplexsansthai-medium,mavenpro-semibold;
    margin-top: 20px
}

.wrapper-contactus table.table td {
    padding: 5px 0;
    line-height: 1;
    font-size: 16px
}

.wrapper-contactus .line {
    width: 100%;
    height: 1px;
    background-color: #eee;
    margin: 10px 0
}

.mapimg {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px
}

.googlemap {
    padding: 0;
    height: 650px;
    overflow: hidden;
    margin-top: 40px
}

.row.contentcareer table tr td:first-child,
.row.contentinvestment table tr td:first-child {
    padding-left: 20px;
    width: 800px
}

.row.contentcareer table tr td:first-child .fa.fa-caret-right,
.row.contentinvestment table tr td:first-child .fa.fa-caret-right {
    font-size: 12px;
    color: #1587c8
}

.pop-up.career {
    position: fixed;
    font-size: 20px
}

.pop-up.career .row {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4);
    margin-top: 10%
}

.pop-up.career .row h3 {
    margin-bottom: 0;
    margin-top: 0
}

.pop-up.career .row .col-md-12.content {
    height: 550px;
    overflow: auto;
    padding: 15px 30px
}

.navbar {
    min-height: 40px;
    border: none
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.nav>li>a:active,
.nav>li>a:focus,
.nav>li>a:hover {
    background-color: #1587c8;
    color: #fff
}

.wrapper-submenu {
    width: 100%;
    position: absolute;
    z-index: 1000;
    background-color: #1587c8;
    padding: 40px 0;
    display: none
}

.submenu>li {
    float: left;
    font-family: ibmplexsansthai-medium, mavenpro-semibold;
    font-size: 18px;
    color: #fff
}

.submenu>li>a:active,
.submenu>li>a:focus,
.submenu>li>a:hover {
    color: #fff
}

.submenu>li>ul {
    margin-top: 20px
}

.submenu>li>ul>li {
    color: #8ed6ff;
    margin-top: 10px
}

.submenu.dr01>li {
    width: 30%
}

.submenu.dr04>li {
    width: 33.33%
}

.submenu.container {
    width: 900px
}

.submenu>li>ul>li>a:active,
.submenu>li>ul>li>a:focus,
.submenu>li>ul>li>a:hover {
    color: #8ed6ff
}

.submenu.dr02>li,
.submenu.dr03>li {
    width: 25%
}

.col-md-12.cancel {
    background-color: #fff;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    float: none;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    border-radius: 10px
}

.swiper-slide,
.swiper-wrapper {
    height: auto
}

.arrow {
    height: 100%
}

.swiper-container {
    overflow: hidden
}

.panel-title>a {
    font-family: ibmplexsansthai-medium,mavenpro-semibold !important;
    font-size: 22px;
    color: #337ab7
}

.panel-body,
.panel-body ol li {
    font-family: ibmplexsansthai-medium,mavenpro-semibold !important;
    font-size: 18px;
    color: #848484
}

@media screen and (min-width:1300px) {
    .wrapper-slide {
        position: absolute
    }

    .wrapper-slide .text-pic {
        top: 250px
    }

    .wrapper-container-home {
        background-position: 0 0
    }
}

@media screen and (max-width:992px) and (min-width: 321px) {

    .col-md-12.setdate .col-md-12,
    .wrapper-slide {
        overflow: hidden
    }

    .container.home .row.sec2 {
        position: relative;
        margin-top: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .wrapper-container-home {
        margin-top: -25px
    }

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header,
    .navbar-nav,
    .row {
        margin: 0
    }

    .container.home .row.sec1 .col-md-4,
    .googlemap,
    .row.sec2 ul.box li {
        margin-top: 20px
    }

    .container,
    .container-vdo,
    .container.nav-menu,
    .slidelogo-footer {
        width: auto
    }

    .fa.fa-search {
        top: 12px
    }

    .logo {
        width: 250px;
        height: 52px
    }

    .nav>li>a,
    .navbar-nav>li>.dropdown-menu>li>ul>li {
        padding: 10px 0
    }

    .conditionsearch label,
    .open>.dropdown-menu {
        display: block
    }

    #footerloadmore,
    .container.home .row.sec1 .arrow-left2,
    .container.home .row.sec1 .arrow-right2 {
        display: none
    }

    .nav.navbar-nav>li:first-child>a,
    .nav>li:first-child>a,
    .row.contentcareer table tr td:first-child,
    .row.contentinvestment table tr td:first-child {
        padding-left: 0
    }

    .checkbox-inline+.checkbox-inline,
    .col-md-12.patientinfo .title,
    .contentclinic ul li.col-md-6:nth-child(2n),
    .contentpackage ul li.col-md-6:nth-child(2n),
    .navbar-nav>li.flag.eng,
    .radio-inline+.radio-inline {
        margin-left: 0
    }

    .navbar-nav>li>.dropdown-menu,
    .navbar-nav>li>.dropdown-menu>li,
    .row.contentroom .titletable {
        font-size: 20px
    }

    .navbar-nav>li>.dropdown-menu>li>ul {
        list-style-type: disc !important
    }

    .col-md-12.c-form .col-md-6.form,
    .col-md-12.patientinfo .col-md-12 .col-md-6,
    .col-md-3.col-xs-3.left,
    .container.footer .col-md-12.menu,
    .contentmediaTV .main,
    .contentmediaTV .other,
    .contentmediaTV .other .col-md-6,
    .row.contentcareer .col-md-12,
    .row.contentcustomertestimonial .c-content,
    .row.contentcustomertestimonial .col-md-6,
    .row.sec3 .col-md-6,
    .row.sec3 .col-md-6 .col-md-12.content .col-md-10,
    .row.sec3 .col-md-6:nth-child(2),
    .row.sec4 .col-md-6,
    .row.sec4 .col-md-6:nth-child(2),
    .wrapper-bankinhospital .col-md-12,
    .wrapper-bankinhospital .col-md-6,
    .wrapper-contactus .col-md-12,
    .wrapper-contactus .col-md-4,
    .wrapper-footer02 {
        padding: 0
    }

    .swiper-container {
        height: 130px !important
    }

    .swiper-container2 {
        height: 340px !important
    }

    .wrapper-slide {
        width: 100%;
        text-align: center
    }

    .wrapper-slide img {
        width: 100%;
        height: auto;
        display: block
    }

    .wrapper-slide .text-pic {
        width: 300px;
        margin-left: -150px;
        left: 50%
    }

    .container.home .row.sec1 .textbox {
        position: absolute;
        margin-top: 50px
    }

    .text-pic p {
        font-size: 30px
    }

    .wrapper-slide .container.arrow {
        width: 100%;
        margin: 0;
        left: 0
    }

    .container.arrow .arrow-left,
    .container.arrow .arrow-right {
        width: 20px;
        height: 40px;
        margin-top: -15px
    }

    .col-md-4.right,
    .container-vdo img,
    .contentarticleforhealth ul li.col-md-6,
    .contentclinic ul li.col-md-6,
    .contentpackage ul li.col-md-6,
    .imgroom ul li.col-md-6,
    .row.sec2 ul.box li,
    .row.sec4 .col-md-6 .col-md-12.magazine,
    .row.sec4 .col-md-6 .col-md-12.videohome,
    .setdate-pop-up .container,
    .wrapper-readnews img,
    ul.orderset li {
        width: 100%
    }

    .row.sec2 ul.box li {
        height: 375px;
        margin-right: 0
    }

    .row.sec2 ul.box li img {
        height: 240px
    }

    .row.sec2 ul.box li .icon01 {
        top: 170px
    }

    .row.sec3 .col-md-6 .col-md-12 .title,
    .row.sec4 .col-md-6 .col-md-12 .title,
    input[type=text],
    select.form-control {
        margin-bottom: 10px
    }

    .row.contentcustomertestimonial .col-md-6 p,
    .row.sec3 .col-md-6 .col-md-12.content .col-md-10 .title {
        margin-top: 10px
    }

    .row.sec4 .col-md-6 .col-md-12.videohome {
        height: auto;
        margin-bottom: 20px
    }

    .row.sec4 .col-md-6 .col-md-12.magazine {
        height: auto
    }

    .row.sec4 .col-md-6 .col-md-12.magazine .col-md-6:nth-child(2) {
        padding-left: 20px
    }

    .wrapper-slide-footer .arrow-left,
    .wrapper-slide-footer .arrow-right {
        z-index: 2
    }

    .news-text-head {
        padding-left: 0;
        margin-bottom: 20px
    }

    .news-text-head p.t1 {
        font-size: 45px
    }

    .wrapper-doctorsetdate .news-text-head p.t3 {
        font-size: 24px
    }

    .col-md-12.patientinfo .col-md-12 .col-md-6.rc2 {
        display: block;
        margin-bottom: 20px;
        overflow: hidden
    }

    .setdate-pop-up .col-md-2 .line {
        height: 0
    }

    .contentclinic ul li.col-md-6 {
        margin-bottom: 20px
    }

    .c-vdo,
    .customer-test {
        padding: 0 15px
    }

    .contentcenter-clinic02 .tab-content {
        padding-bottom: 30px
    }

    .wrapper-bankinhospital img {
        width: 100%;
        margin-bottom: 10px
    }

    .row.contentmagazine ul li {
        margin-bottom: 40px
    }

    .row.contentmagazine ul {
        background-image: none
    }

    .contentarticleforhealth ul li.col-md-6 {
        height: auto;
        margin-top: 20px
    }

    .pop-up.readmagazine .container-img {
        top: 20px;
        left: 15px;
        right: 15px;
        bottom: 20px
    }

    .pop-up.readmagazine .close-btn {
        z-index: 2;
        right: 20px;
        top: 20px
    }

    .wrapper-aboutus img,
    .wrapper-contactus img {
        width: 100% !important
    }

    .googlemap {
        height: 350px
    }

    .wrapper-footer02 .right {
        float: left;
        margin-top: 10px
    }

    .wrapper-footer02 .container.footer ul.nav.navbar-nav {
        border-radius: 0
    }

    .wrapper-footer02 .container.footer ul.nav.navbar-nav li ul {
        padding-left: 50px;
        display: block
    }

    .wrapper-readcenter-clinic .col-md-8 img {
        max-width: 100%;
        height: auto
    }

    .c-page li.active span {
        color: #fff !important
    }

    .c-page ul li a {
        cursor: pointer !important
    }

    .col-md-12.cancel {
        height: 540px;
        overflow: auto
    }

    .coverimagelist {
        height:160px !important;
      }
    
    .coverimagelist img{
        height:160px !important;
    }

    .price-athome {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 321px){
    .coverimagelist {
        height:260px !important;
    }
    
    .coverimagelist img{
        height:260px !important;
    }
}

@media screen and (max-width:320px) {

    .container.arrow .arrow-left,
    .container.arrow .arrow-right {
        margin-top: -10%
    }

    .col-md-12.cancel {
        height: 420px
    }
}

.descriptpackage img,
.news-detail img,
.tab-content img {
    max-width: 100%;
    height: auto !important
}

.news-detail img,
.tab-content img {
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 800px) and (min-width: 10px){
    .pop-w {
        width: 399px;
        height: 90% !important;
    }
    .item-img{
        display: inline-block;
	    text-decoration: none;
	    text-align: center;
	    font-size: 20px;
        color: white;
        width: 30%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .control-slide-menu {
        height: 125px;
        overflow-y: hidden;
    }
    .item-img > img {
        width: 100px;
    }
    .menuslide-position {
        margin-top: 0px;
    }
  }
  @media screen and (min-width: 801px){
    .item-img{
      display: inline-block;
      text-decoration: none;
      text-align: center;
      padding: 10px;
      font-size: 20px;
      color: white;
      width: 14%;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .control-slide-menu {
        height: 160px;
        overflow-y: hidden;
    }
    .item-img > img {
        width: 100px
    }
    .menuslide-position {
        margin-top: 65px;
    }
  }
  .imgmenu {
    width: 100px;
  }
  .nav-control {
    white-space: nowrap;
    overflow-x: scroll;
    background-color: white;
    -webkit-overflow-scrolling: touch;
    cursor: pointer;
  }

  .coverimagelist {
    height:260px; 
    border-radius: 22px;
    box-shadow: 0 0.1px 0px 0 rgba(0, 0, 0, 0.2), 0 1px 11px 0 rgba(1, 0, 0, 0.2);
  }

  .coverimagelist img{
    height:260px;
  }

  .price-athome {
    text-align: center !important;
    font-family: ibmplexsansthai-medium,mavenpro-semibold !important;
    font-size: 18px;
    padding-left:12px !important;
    color: white !important;
  }