@charset "utf-8";
/* CSS Document */
html, body{
    height: 100%;
}
html {
  scroll-behavior: smooth;
}

.navbar {
    background-color: transparent !important;
    background: transparent !important;
    /* position: relative; */
    z-index: 99999;
    margin-bottom: 0px !important;
    border: 0px !important;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-family: 'Kufam', sans-serif;
    font-weight: 400;
    font-size: 16px;
}
.navbar-nav li a{
    font-family: 'Kufam', sans-serif;
    font-size: 16px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 35px;
    padding-right: 35px;
    font-weight: 400;
}
.navbar-nav{
    float:right;
    padding-left: 8%;
}
/* .navbar-brand img{
    width: 150px;
} */
.activez{
    background: rgba(0, 0, 0, 0.3) !important;
    z-index: 9999999999;
}
.dropdown-menu > li > a {
    padding: 3px 20px !important;
}
.cntz{
    margin-left: 80px;
}
.cntz a{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 8px;
    margin-top: 20px;
    background: #E33641;
    border:none;
    color: #fff !important;
}
.cntz a:hover{
    color: #fff !important;
    background-color: #E33641 !important;
}
.banner-sec{
    position: relative;
    overflow-x:hidden;
    overflow-y:hidden;
}
.banner-sec video{
    width:100%;
    height:100%;
}
.banner-sec::before{
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.banner-content{
    position: absolute;
    top: 35%;
    width: 100%;
}
.banner-content h1{
    color: #fff;
    font-weight: 700;
    font-family: 'Kanit', sans-serif;
    font-size: 81px;
    letter-spacing: -1.94px;
    line-height: 78px;
    left: 10%;
    position: relative;
    width: 45%;
}
.banner-content h1::before{
    content: "";
    position: absolute;
    height: 9px;
    width: 120px;
    background: #E33641;
    border-radius: 8px;
    left: 0px;
    bottom: -50px;
}
.gridsecz{
    background:#094A5B;
    position:relative;
    display:flex;
}
.leftgridz{
    width:40%;
    position:relative;
}
.abs-img {
    position: absolute;
    top: -106px;
}
.abs-img img{
    position: relative;
    z-index: 999999;
    left: 10%;
    width: 90%;
    border-radius: 8px;
}
.rightgridz {
    width: 60%;
    background: #fff;
    position: relative;
    padding: 15% 15% 10% 15%;
    margin-top: -170px;
}
.rightgridz h4 {
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    letter-spacing: -0.34px;
}
.rightgridz h3 {
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1.01px;
    line-height: 61px;
    margin-bottom: 20px;
}
.rightgridz p {
    color: #5E5E5E;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    padding-bottom: 10px;
}
.grid-sec{
    display: flex;
    margin-top: 180px;
    position: relative;
}
.left-grid {
    width: 50%;
    /* margin-top: 50px; */
}
.left-grid img {
    border-radius: 8px;
    left: 15%;
    position: relative;
    z-index: 99999999;
    top: 90px;
}
.right-grid {
    width: 60%;
    background: #fff;
    position: relative;
    padding: 15% 15% 10% 15%;
    z-index: 999999;
}
.right-grid h3{
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1.01px;
    line-height: 61px;
    margin-bottom: 20px;
}
.right-grid h4{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    letter-spacing: -0.34px;
}
.right-grid p{
    color: #5E5E5E;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    padding-bottom: 10px;
}

.btnz-read a{
    display: inline-flex;
    align-items: center;
    color: #E33641;
    font-family: 'Kufam', sans-serif;
    font-size: 16px;
    margin-top: 20px;
}
.blue-box {
    background: url(../images/blue-box.jpg)no-repeat;
    background-size: cover;
    width: 420px;
    margin: 0 auto;
    padding: 30px 50px 30px 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: -150px;
    display: block;
}
.blue-box a{
    color: #fff;
}
.blue-box h5{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 10px;
}
.blue-box p{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
}
.specialities {
    background: #094A5B;
    padding-top: 200px;
    padding-bottom: 80px;
    position: relative;
    z-index: 99999;
    /*top: -60px;*/
}
.btnz-read img{
    position: relative;
    right: -10px;
}
.inner-speciality{
    display: flex;
}
.left-spec{
    width: 40%;
}
.left-spec h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
    margin-bottom: 10px;
}
.left-spec h3{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 40px;
    letter-spacing: -1.01px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.left-spec p{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
}
.left-spec .btnz-read a{
    color: #fff;
}
.right-spec {
    width: 60%;
    margin-left: 12%;
}
.first-row {
    float: left;
    display: flex;
}
.hex-sec{
    width: 31.3%;
    margin: 10px;
    position: relative;
}
.sec-row {
    float: left;
    display: flex;
    position: relative;
    left: -145px;
    top: -68px;
}
.box-cont {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.box-cont a {
    margin-top: 10px;
    display: block;
}
.box-cont h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    text-align: center;
    font-size: 24px;
    letter-spacing: -0.58px;
    margin-top: 10px;
}
.single-team{
    position: relative;
    height:auto;
  overflow: hidden;
}
.single-team  img {
  width: 100%;
  transition: all .8s ease-in-out;
}
.single-team img:hover   {
  transform: scale(1.1);
}
.values-slider{
    display:none;
}
.detail-sec{
    position: absolute;
    bottom: 50px;
    left: 50px;
}
.detail-sec h4{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: -0.77px;
    margin-bottom: 5px;
}
.detail-sec p{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.43px;
}
.team-sec{
    margin-top: 80px;
    position: relative;
}
.team-sec h5{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
    margin-bottom: 10px;
}
.team-sec h3{
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1.01px;
    margin-bottom: 50px;
}
.buttonz-ss button{
    background: transparent !important;
}
.buttonz-sn button{
    background: transparent !important;
}
.team-sec .buttonz-ss{
    position: absolute;
    right: 100px;
    top: 30px;
}
.team-sec .buttonz-sn{
    position: absolute;
    right: 50px;
    top: 30px;
}
.blog-section{
    padding: 100px 0px;
}
.blog-section h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
    margin-bottom: 10px;
    text-align: center;
}
.blog-section h3{
    text-align: center;
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1.01px;
    margin-bottom: 60px;
}
.recent-post h4{
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: -0.77px;
    margin-bottom: 10px;
}
.recent-post .row{
    display: flex;
    align-items: center;
}
.recent-post p{
    color: #5E5E5E;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom:30px;
}
.recent-post .col-md-7 img{
    border-radius: 10px 10px 0px 0px;
}
.blog-list .detail-blog{
    padding: 40px 10%;
}
.blog-list .col-md-6:first-child .detail-blog{
    background: #01A0C6;
}
.blog-list .col-md-6:nth-child(2) .detail-blog h2{
    color: #0F248C;
}
.blog-list .col-md-6:nth-child(2) .detail-blog p{
    color: #5E5E5E;
}
.blog-list .col-md-6:nth-child(2) .detail-blog{
    padding-left: 0px;
}
.blog-list .col-md-6:first-child .detail-blog .btnz-read a{
    color: #fff;
}
/* .blog-list-inner:first-child .detail-blog{
    background: #01A0C6;
    padding: 40px 10%;
}
.blog-list:first-child .blog-list-inner .detail-blog{
    background: #01A0C6;
    padding: 40px 10%;
} */
.detail-blog h2{
    color: #fff;
    font-size: 32px;
    letter-spacing: -0.77px;
    line-height: 40px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
}
.detail-blog p{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin-top: 15px;
}
.blog-list{
    padding-top: 30px;
}
.blog-list-inner img{
    border-radius: 10px 10px 0px 0px;
}
.cta-sec{
    background: url(../images/cta-sec.jpg) no-repeat;
    background-size:cover;
    background-position: center;
    padding:150px 0px;
}
.cta-sec h3{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 64px;
    line-height: 67px;
}
.left-cta{
    width: 60%;
}
.left-cta .btnz-read a{
    color: #fff;
}
.social-sec{
    background: #01A0C6;
    padding: 50px 0px;
}
.left-social-sec{
    width: 50%;
}
.right-social-sec{
    width: 50%;
}
.ful-social {
    display: flex;
    align-items: center;
}
.social-icns{
    float: right;
    display: flex;
    align-items:center;
}
.social-icns li{
    list-style-type: none;
    margin: 10px;
}
.location-sec{
    background: #094A5B;
    padding: 100px 0px;
}



.tab-container{
    background: #094A5B;
    padding: 100px 0px 200px 0px;
}
.tab-container h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}
.tab-container h3{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1.01px;
    margin-bottom: 10px;
    width: 40%;
    margin-bottom: 30px;
}
.tab-header {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    position: absolute;
    right: 300px;
    top: 20px;
    z-index: 99999999;
    display:none;
}
  
.tab-button {
    background-color: transparent;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    color: #FFFFFF;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
}
.tab-header .active{
    color: #B7EDFB;
    text-decoration: underline;
}
  
/* .tab-button:hover {
    background-color: #ddd;
} */
  
.tab-panel {
    display: none;
}
.tab-content{
    position: relative;
}
.tab-content .active {
    display: block;
}
.fullz-br{
    display: flex;
    position: relative;
}
.left-branch{
    width: 50%;
    background: rgb(255,255,255);
    background: linear-gradient(173deg, rgba(255,255,255,1) 0%, rgba(1,160,198,1) 100%, rgba(0,212,255,1) 100%);
}
.right-branch{
    width: 50%;
    position: relative;
    left: -150px;
    top: 80px;
}
.right-branch iframe{
    border-radius: 8px;
} 
.branch-box{
    position: relative;
    left: 5%;
    top: 30%;
}
.branch-box p{
    margin-top: 30px;
    color: #FFFFFF;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
}
.branch-box h4{
    position: relative;
    color: #FFFFFF;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 22px;
}
.branch-box h4::after{
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    left: 0;
    bottom: -15px;
    background: #E33641;
}
.footer-section{
    background: #272B40;
    padding: 70px 0px 60px 0px;
}
.rowz-full{
    display: flex;
    padding-bottom: 150px;
}
.foot-single{
    width: 33.3%;
}
.foot-single p{
    color: #FFFFFF;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 20px;
    position: relative;
    padding-left: 30px;
}
.foot-single p:first-child{
    content: "";
    position: absolute;
    background: url(../images/loc.png) no-repeat;
    width: 12px;
    height: 17px;
    left: 0;
}

.foot-single:nth-child(2) p::before{
    content: "";
    position: absolute;
    background: url(../images/pho.png) no-repeat;
    width: 17px;
    height: 17px;
    left: 0;
}
.foot-single li{
    list-style-type: none;
}
.foot-single li a{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 15px;
}
.foot-single h6{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 400;
}
.rowz-full .foot-single:nth-child(2){
    width: 33.3%;
    margin-right: 5%;
}
.rowz-full .foot-single:nth-child(3){
    width: 33.3%;
    margin-right: 5%;
}
.copyrightz p{
    color: #FFFFFF;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 12px;
}


.breadcrumb-sec {
    position: relative;
    background: transparent linear-gradient(0deg, #FFFFFF 0%, #01A0C6 100%) 0% 0% no-repeat;
    height: 60%;
}
.link-section h6{
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.34px;
}
.link-section h6 a{
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.34px;
}
.all-sec{
    position: relative;
    top: 40%;
}
.breadcrumb-sec h3{
    text-align: center;
    font-size: 56px;
    letter-spacing: -1.34px;
    line-height: 58px;
    width: 80%;
    margin: 0 auto;
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    margin-top: 20px;
}
.about-img{
    width: 80%;
    margin: 0 auto;
}
.whole-inner{
    display: flex;
    margin-top: 50px;
}
.left-about-inner{
    width: 50%;
}
.right-about-inner h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
    margin-bottom: 10px;
}
.right-about-inner h4{
    color: #0F248C;
    font-weight: 600;
    font-family: 'Kanit', sans-serif;
    font-size: 42px;
    letter-spacing: -1.01px;
    margin-bottom: 15px;
}
.right-about-inner p{
    color: #5E5E5E;
    font-family: 'Kanit', sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
}
.right-about-inner {
    width: 50%;
    padding: 6% 5% 4% 5%;
    background: #fff;
    position: relative;
    z-index: 999;
}
.mission-vision {
    background: #094A5B;
    padding: 10% 0px 0% 0px;
    position: relative;
    top: -100px;
}
.mission-vision h6{
    color: #01A0C6;
    font-size: 14px;
    letter-spacing: -0.34px;
    margin-bottom: 10px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
}
.mission-vision h4{
    color: #FFFFFF;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1.01px;
    margin-bottom: 20px;
}
.mission-vision p{
    font-family: 'Kanit', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    min-height: 90px;
}
.mission-grid img {
    margin-top: 0px;
    position: relative;
    top: 30px;
}
.our-values{
    padding: 50px 0px 100px 0px;
}
.our-values h6{
    text-align: center;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    color: #01A0C6;
    font-size: 14px;
}
.our-values h3{
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1.01px;
    text-align: center;
}
.grid-icon{
    margin-top: 30px;
}
.grid-icon .row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.inner-icon {
    background: #EAF2F5;
    border-radius: 8px;
    padding: 50px 30px 40px 30px;
    min-height: 273px;
    margin-bottom: 20px;
}
.inner-icon h4{
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 5px;
    letter-spacing: -0.77px;
}
.inner-icon p{
    color: #5E5E5E;
    font-size: 18px;
    font-family: 'Kanit', sans-serif;
    line-height: 28px;
    font-weight: 400;
}
.cardiology-sec{
    padding: 70px 0px;
}
.cardiology-sec .row{
    display: flex;
    align-items: center;
}
.cardiology-sec h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: -0.34px;
}
.cardiology-sec h3{
    font-size: 42px;
    color: #0F248C;
    font-weight: 600;
    letter-spacing: -1.01px;
    margin-bottom: 20px;
    font-family: 'Kanit', sans-serif;
}
.cardiology-sec p{
    color: #5E5E5E;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 10px;
}
.card-inner{
    padding-left: 10%;
    padding-right: 5%;
}
.values-slider{
    background: #094A5B;
    padding: 100px 0px;
    position: relative;
}
.values-slider h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: -0.34px;
    text-align: center;
}
.values-slider h3{
    font-size: 42px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -1.01px;
    font-family: 'Kanit', sans-serif;
    width: 40%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}
.inner-value{
    position: relative;
    margin: 5px;
}
.bot-icon{
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.values-slider h5 {
    text-align: center;
    color: #01A0C6;
    font-size: 24px;
    letter-spacing: -0.58px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
}
.values-slider .your-class03{
    padding-top: 40px;
}
.values-slider .buttonz-ss{
    position: absolute;
    top: 30%;
    right: 100px;
}
.values-slider .buttonz-sn{
    position: absolute;
    top: 30%;
    right: 50px;
}
.contact-section{
    padding: 130px 0px;
    background: url(../images/cta-sec.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.contact-section h3{
    font-size: 64px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    margin-bottom: 30px;
    color: #fff;
}
.full-doc-sec{
    display: flex;
    align-items: center;
    border: 1px solid #D1D1D1;
    border-radius: 8px;
    margin-bottom: 20px;
}
.doc-container {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.left-doc-sec{
    width: 30%;
}
.right-doc-sec {
    width: 70%;
    padding-left: 10%;
    padding-right: 5%;
}
.right-doc-sec h4{
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: -0.77px;
    margin-bottom: 5px;
}
.right-doc-sec h5{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.43px;
    margin-top:15px;
    margin-bottom:15px;
}
.right-doc-sec h6{
    display:none;
    color: #989898;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    letter-spacing: -0.34px;
    background: #F1F1F1;
    border: 1px solid #D1D1D1;
    border-radius: 28px;
    padding: 3px 5px;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 10px;
}
.right-doc-sec p{
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #5E5E5E;
}
.book-sec{
    background: url(../images/cta-sec.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    height: 100%;
}
.breadz-cnt a{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    letter-spacing: -0.34px;
    margin-bottom: 10px;
    color: #fff;
}
.breadz-cnt{
    margin-top: 14%;
}
.breadz-cnt h6{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    letter-spacing: -0.34px;
    color: #fff;
}
.breadz-cnt h4{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 56px;
    letter-spacing: -1.34px;
    width: 50%;
    margin-bottom: 30px;
}
.work-culture{
    padding: 50px 0px;
}
.work-culture .row{
    display: flex;
    align-items: center;
}
.work-culture h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
    margin-bottom: 5px;
}
.work-culture h4{
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1.01px;
    margin-bottom: 20px;
}
.work-culture p{
    color: #5E5E5E;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 15px;
}
.inn-work{
    padding-right: 5%;
}
.cv-section{
    background: #EAF2F5;
    padding: 50px 0px;
}
.cv-section .row{
    display: flex;
    align-items: center;
}
.cv-section h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
    margin-bottom: 5px;
}
.cv-section h4{
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1.01px;
    margin-bottom: 20px;
}
.cv-section p{
    color: #5E5E5E;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 15px;
}
.form-section{
    background: #fff;
    padding: 50px 40px;
}
.form-section h3{
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: -0.77px;
    margin-bottom: 20px;
}
.contact-section-main{
    background: url(../images/contact-main-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.full-sec-cnt{
    display: flex;
    align-items: center;
    padding-top: 15%;
    padding-bottom: 50px;
}
.left-cnt{
    width: 50%;
}
.right-cnt{
    width: 50%;
}
.left-cnt h5{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -0.48px;
    margin-bottom: 30px;
}
.left-cnt p{
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    padding-left: 40px;
    position: relative;
}
.left-cnt .adz::before{
    content: "";
    position: absolute;
    background: url(../images/map-white.png) no-repeat;
    left: 0;
    width: 18px;
    height: 25px;
}
.left-cnt .phnz::before{
    content: "";
    position: absolute;
    background: url(../images/phone-white.png) no-repeat;
    left: 0;
    width: 26px;
    height: 26px;
}
.left-cnt .mailz::before{
    content: "";
    position: absolute;
    background: url(../images/mail-white.png) no-repeat;
    left: 0;
    width: 25px;
    height: 20px;
}
.cnt-bread h5{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: -0.34px;
}
.cnt-bread h5 a{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.34px;
}
.right-cnt h3{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 56px;
    letter-spacing: -1.34px;
    margin-bottom: 20px;
}
.right-cnt p{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
    width: 70%;
}
.full-cont{
    padding-left: 15%;
}
.full-cont h3{
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 56px;
    letter-spacing: -1.34px;
    margin-bottom: 30px;
}
.offer-section{
    padding-top: 10%;
    padding-bottom: 5%;
}
.offer-section h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
    margin-bottom: 5px;
}
.offer-section h6 a{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
}
.full-off {
    display: flex;
    align-items: center;
    width: 70%;
    background: #EFF4F5;
    margin-bottom: 30px;
}
.left-off{
    width: 25%;
}
.right-off {
    width: 75%;
    padding-left: 10%;
    padding-right: 10%;
}
.right-off h4{
    color: #0F248C;
    font-size: 32px;
    letter-spacing: -0.77px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    position: relative;
}
.right-off h4::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 1px;
    width: 120px;
    background: #E33641;
}
.right-off h4::before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: -30px;
    top: 10px;
    background: #01A0C6;
}
.bread-blog h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
}
.bread-blog h6 a{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
}
.blog-sec h3{
    font-family: 'Kanit', sans-serif;
    color: #0F248C;
    font-size: 56px;
    letter-spacing: -1.36px;
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 600;
}
.blog-sec{
    padding-top: 10%;
    padding-bottom:100px;
}
.blog-inner{
    background: #eff4f5;
    padding: 20px;
}
.forz #wpcf7-f201-o1{
    width:45%;
}
.forz label{
    width:100% !important;
}
.forz input{
    width:80% !important;
    height:40px !important;
    border-radius:5px !important;
    padding-left:15px;
}
.forz label{
    font-family: 'Kanit', sans-serif;
    font-weight:400 !important;
    padding-top:10px !important;
}
.forz textarea{
    height:100px !important;
    border-radius:5px !important;
    width:80% !important;
    padding-left:15px !important;
    padding-top:10px !important;
}
.forz input::placeholder{
    font-family: 'Kanit', sans-serif;
}
.forz textarea::placeholder{
    font-family: 'Kanit', sans-serif;
}
.forz .wpcf7-submit{
   background: #E33641;
   width:140px !important;
   color:#fff !important;
   text-align:center !important;
   margin-top:10px !important;
   font-family: 'Kanit', sans-serif;
   padding-left:0px !important;
}
.forz .wpcf7-select{
    width:80% !important;
    font-family: 'Kanit', sans-serif;
    height:45px !important;
    border-radius:5px !important;
    border:none !important;
    padding-left:15px !important;
}


.form-section label{
    width:100% !important;
}
.form-section input{
    width:100% !important;
    height:40px !important;
    border-radius:5px !important;
    padding-left:15px;
    border:1px solid #ccc;
    border-radius:5px;
    font-weight:400 !important;
}
.form-section label{
    font-family: 'Kanit', sans-serif;
    font-weight:400 !important;
    padding-top:10px !important;
}
.form-section textarea{
    height:100px !important;
    border-radius:5px !important;
    width:100% !important;
    padding-left:15px !important;
    padding-top:10px !important;
    border:1px solid #ccc;
}
.form-section input::placeholder{
    font-family: 'Kanit', sans-serif;
}
.form-section textarea::placeholder{
    font-family: 'Kanit', sans-serif;
}
.form-section .wpcf7-submit{
   background: #E33641;
   width:140px !important;
   color:#fff !important;
   text-align:center !important;
   margin-top:10px !important;
   font-family: 'Kanit', sans-serif;
   padding-left:0px !important;
}
.form-section .wpcf7-file{
    border:none !important;
    padding-left:0px !important;
    font-family: 'Kanit', sans-serif;
}
.page-template-template-offers .navbar{
        background: transparent linear-gradient(2deg, #0F248C 0%, #01A0C6 100%) 0% 0% no-repeat !important;
}
.doc-container select{
    font-family: 'Kanit', sans-serif;
}
.doc-container label{
    font-family: 'Kanit', sans-serif;
}
#doctor-list{
    margin-top:40px;
    margin-bottom:80px;
}
.page-template-template-blog .navbar{
    background: transparent linear-gradient(2deg, #0F248C 0%, #01A0C6 100%) 0% 0% no-repeat !important;
}
.menu-book-an-appointment a{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 8px;
    /*margin-top: 20px;*/
    background: #E33641;
    border: none;
    color: #fff !important;
}
.menu-book-an-appointment a:hover{
    background: #E33641;
    color: #fff !important;
    border-radius: 8px;
}
.menu-book-an-appointment{
    margin-top:20px;
}
.menu-book-an-appointment:hover{
    background: #E33641;
    color: #fff !important;
    border-radius: 8px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color: transparent !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff !important;
    background-color: transparent;
}
.blog-inner h5 a{
    font-family: 'Kanit', sans-serif;
    color:#5E5E5E;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.zszs p{
   color: #8b7c7c;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-top: 15px;
    line-height: 28px;
}
.zszs{
    padding-top:50px;
    padding-bottom:50px;
}
.zszs h4{
    color:#000;
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
    font-size: 22px;
    margin-bottom:20px;
    margin-top:30px;
}
.sidebarz h2 {
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight:500;
    color:#5e5e5e;
}
.sidebarz a {
    font-family: 'Kanit', sans-serif;
    color: #000 !important;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 2px solid #e2e2e2;
    font-weight:400;
}
.ctzo {
    margin-top: 40px;
}
.sidebarz h6 a {
    border-bottom: 0px !important;
    padding-bottom: 10px !important;
}
.sidebarz {
    padding-left: 15%;
}
.servicez {
    background: #01a0c7;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: -1px;
    position: relative;
}

.single-insurance{
    margin:10px;
}
.insurance{
    padding-top:80px;
    padding-bottom:80px;
}
.insurance h6{
    color: #01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
    margin-bottom: 10px;
    text-align: center;
}
.insurance h3 {
    text-align: center;
    color: #0F248C;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1.01px;
    margin-bottom: 60px;
}
.servicez h5{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.34px;
    margin-bottom: 10px;
    text-align: center;
}
.servicez h3{
    text-align: center;
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1.01px;
    margin-bottom: 60px;
}
.servicez .row{
    display:flex;
    align-items:center;
}
.servicez li {
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-size: 22px;
    line-height: 42px;
    padding-left: 50px;
    position:relative;
}
.servicez li:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 20px;
    top: 15px;
}
/*.elz{*/
/*    word-break: break-word;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 3;*/
/*    -webkit-box-orient: vertical;*/
/*}*/
.gallery-section{
    padding-top:80px;
    padding-bottom:100px;
}
.gallery-section .col-md-4{
    margin-bottom:30px;
}
.founders{
    padding-bottom:100px;
}
.founders h5{
    text-align:center;
}
.founders h3{
    text-align:center;
}
.b-icon h5{
    color:#01A0C6;
    font-family: 'Kanit', sans-serif;
    font-weight:500;
    font-size:22px;
}
.b-icon{
    margin-top:25px;
}
.b-icon p{
    margin-top:10px;
}
.specialities-list{
    background:#094b5b;
    padding:100px 0px;
}
.specialities-list .full-list{
    display:block;
    align-items:center;
}
.specialities-list .single-spe{
    width:16.6%;
    float:left;
}
.spe-inner{
    margin:10px;
    position:relative;
}
.spe-inner .box-cont {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.spe-inner .box-cont .imgz{
    width:50px;
}
.spe-inner h6 a{
    font-size: 24px;
    line-height: 34px;
    color: #01A0C6;
    letter-spacing: -0.58px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
}
.rtl h1{
    font-family: 'Almarai', sans-serif;
}
.rtl h2{
    font-family: 'Almarai', sans-serif;
}
.rtl h3{
    font-family: 'Almarai', sans-serif;
}
.rtl h4{
    font-family: 'Almarai', sans-serif;
}
.rtl h5{
    font-family: 'Almarai', sans-serif;
}
.rtl h6{
    font-family: 'Almarai', sans-serif;
}
.rtl p{
    font-family: 'Almarai', sans-serif;
}
.rtl .banner-content h1{
    right: 8%;
    left:inherit !important;
}
.rtl .banner-content h1::before{
    right:0;
    left:inherit;
}
.rtl .btnz-read img {
    transform: rotate(180deg);
}
.rtl .btnz-read a{
    font-family: 'Almarai', sans-serif;
}
.rtl .box-cont .center-block img{
    transform: rotate(180deg);
}
.rtl .team-sec .buttonz-ss {
    left: 100px;
    right: inherit;
}
.rtl .team-sec .buttonz-sn {
    right: inherit;
    left: 50px;
}
.rtl .servicez li {
    padding-right: 50px;
    padding-left:inherit;
}
.rtl .servicez li:before {
    left:inherit;
    right: 20px;
}
.rtl .right-branch {
    left:inherit;
    right: -150px;
}
.rtl .branch-box {
    right: 5%;
    left: inherit;
    top:20%;
}
.rtl .social-icns {
    float: left;
}
.rtl .detail-sec {
    left: inherit;
    right: 30px;
}
.rtl .left-cnt p {
    padding-right: 40px;
    padding-left: inherit;
}
.rtl .left-cnt .adz::before {
    right: 0;
    left:inherit;
}
.rtl .left-cnt .phnz::before {
    right: 0;
    left:inherit;
}
.rtl .left-cnt .mailz::before {
    right: 0;
    left:inherit;
}
.rtl .doc-container select {
    font-family: 'Almarai', sans-serif;
}
.rtl .spe-inner h6 a{
    font-family: 'Almarai', sans-serif;
}
.rtl .right-off h4::before {
    right: -30px;
    left:inherit;
}
.rtl .right-off h4::after {
    right: 0;
    left:inherit;
}
.rtl .blog-grid .col-md-8{
    float:right;
}
.rtl .blog-grid .col-md-6{
    float:right;
}
.rtl .blog-grid .col-md-4{
    float:right;
}
.rtl .sidebarz {
    padding-right: 15%;
    padding-left: inherit;
}
.rtl .blog-grid{
    padding-top:100px;
    padding-bottom:100px;
}
.sidebarz .arz{
    display:none !important;
}
.sidebarz .aro{
    display:none !important;
}
.rtl .sidebarz .eng{
    display:none;
}
.rtl .sidebarz .arz{
    display:block !important;
}
.rtl .sidebarz .aro{
    display:block !important;
    margin-top:40px !important;
} 
.rtl .sidebarz .ctzo{
    display:none !important;
}
.rtl .sidebarz a{
    font-family: 'Almarai', sans-serif;
}
.rtl .navbar-header {
    float: right;
}
.rtl .navbar-nav {
    float: left;
}
.rtl .card-inner div{
     font-family: 'Almarai', sans-serif;
}
.rtl .navbar-nav > li {
    float: right;
}
.rtl .navbar-default .navbar-nav > li > a {
    font-family: 'Almarai', sans-serif;
}
.rtl .dropdown-menu li {
    float: right !important;
}
.rtl .dropdown-menu li {
    float: right !important;
    width: 100%;
    text-align: right;
}
.pll-parent-menu-item span{
   font-family: 'Kufam', sans-serif !important;
   font-weight: 400;
}
.rtl .pll-parent-menu-item span{
   font-family: 'Almarai', sans-serif !important;  
}
.rtl .navbar-nav li a {
    font-family: 'Almarai', sans-serif;  
}
.rtl .left-grid img{
    left:inherit !important;
    right: 8%;
}
.rtl .rightgridz {
    padding: 12% 15% 12% 6%;
}
.rtl .abs-img img {
    left: 0%;
}
.rtl .detail-sec h4{
    text-align:right;
}
.rtl .detail-sec p {
    text-align: right;
}
body.emergency .team-sec{
    display:none !important;
}
body.iqama-baladiya-medical-tests .team-sec{
    display:none !important;
}
body.postid-637 .team-sec{
    display:none !important;
}
body.postid-626 .team-sec{
    display:none !important;
}
.slick-slider .slick-track, .slick-slider .slick-list { direction: ltr; }

.arr{
    display:none;
}
.rtl .egg{
    display:none;
}
.rtl .arr{
    display:block;
}
.arr input{
    width:inherit !important;
    float:right;
    text-align:right;
    padding-right:15px;
    font-family: 'Almarai', sans-serif !important;
}
.arr textarea{
    width:inherit !important;
    float:right;
    text-align:right;
    padding-right:15px;
    font-family: 'Almarai', sans-serif !important;
}
.arr label{
    text-align:right;
    font-family: 'Almarai', sans-serif;
}
.arr .wpcf7-submit{
    padding-right:inherit !important;
}
.page-id-614 .right-cnt p{
    margin-left:auto;
}
.page-id-620 .doc-container label{
    font-family: 'Almarai', sans-serif !important;
}
.arz{
    display:none;
}
.rtl .egz{
    display:none;
}
.rtl .arz{
    display:block;
}
@media (min-width: 1024px) and (max-width: 3000px) {
   .dropdown:hover .dropdown-menu{
    display:block;
}
.dropdown:hover .dropdown-menu{
    display:block;
} 
}
@media (min-width: 1601px) and (max-width: 2000px) {
    .sec-row {
    left: -108px;
}
}
@media (min-width: 1200px) and (max-width: 1365px) {
.sec-row {
    left: -100px !important;
    top: -68px !important;
}
}
@media (min-width: 1101px) and (max-width: 1199px) {
.navbar-nav li a{
    padding-left:8px;
    padding-right:8px;
}
.banner-content h1 {
    font-size: 68px;
    line-height: 70px;
    left: 2%;
    width: 65%;
}
.right-grid {
    padding: 15% 4% 5% 10%;
}
.rightgridz {
    padding: 15% 4% 5% 10%;
}
.sec-row {
    left: -82px;
    top: -54px;
}
.box-cont {
    top: 10%;
}
.box-cont h6 {
    font-size: 17px;
    letter-spacing: -0.58px;
    margin-top: 10px;
}
.left-spec h3 {
    font-size: 30px;
}
.specialities{
    top:inherit;
}
.inner-speciality {
    margin-top: 10%;
}
}
@media (max-width: 1100px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
}
@media all and (max-width: 1600px) and (min-width: 1200px) {
    .nav > li > a {
        padding-left:13px;
        padding-right:13px;
    }
    .banner-content h1 {
        font-size: 70px;
        letter-spacing: -1.94px;
        line-height: 70px;
        left: 8%;
        width: 60%;
    }
    .right-grid {
        padding: 12% 6% 6% 15%;
    }
    .rightgridz {
        padding: 12% 6% 12% 15%;
    }
    .right-grid h3 {
        font-size: 37px;
        letter-spacing: -1px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .blue-box h5 {
        font-size: 24px;
    }
    .right-grid p {
        font-size: 17px;
        line-height: 25px;
    }
    .specialities {
        top: -60px;
    }
    .left-grid img {
        top: 60px;
    }
    .box-cont h6{
        font-size: 18px;
    }
    .left-spec h3 {
        font-size: 29px;
    }
    .left-spec p {
        font-size: 16px;
        line-height: 25px;
    }
    .detail-sec {
        bottom: 25px;
        left: 30px;
    }
    .detail-sec h4 {
        font-size: 25px;
    }
    .detail-sec p {
        font-size: 16px;
    }
    .left-cta{
        width: 60%;
    }
    .cta-sec h3 {
        font-size: 60px;
        line-height: 67px;
    }
    .breadcrumb-sec {
        height: 75%;
    }
    .right-about-inner h4 {
        font-size: 35px;
        letter-spacing: -1.01px;
    }
    .right-about-inner {
        padding: 4% 5% 4% 5%;
    }
    .mission-vision h4 {
        font-size: 40px;
        letter-spacing: -1.01px;
    }
    .inner-icon h4 {
        font-size: 28px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .inner-icon p {
        font-size: 16px;
        line-height: 24px;
    }
    .values-slider h3{
        width: 60%;
    }
    .values-slider h5 {
        font-size: 20px;
        line-height: 20px;
    }
    .contact-section h3 {
        font-size: 48px;
    }
    .right-doc-sec h4 {
        font-size: 24px;
    }
    .right-doc-sec h5 {
        font-size: 16px;
    }
    .right-doc-sec p {
        font-size: 16px;
        line-height: 23px;
    }
    /* .btnz-read img {
        width: 20%;
    } */
    .right-doc-sec {
        padding-left: 5%;
        padding-right: 5%;
    }
    .btnz-read a {
        margin-top: 10px;
    }
    .cv-section h4 {
        font-size: 36px;
    }
    .right-off h4 {
        font-size: 26px;
    }
    .book-sec{
    height: 120%;
    }
    .breadz-cnt {
    margin-top: 8%;
    }
    .doctor-list .btnz-read img {
    width: 50px;
    }
    .full-sec-cnt {
    padding-top: 10%;
    }
    .sec-row {
    left: -108px;
    top: -68px;
    }
    .spe-inner h6 a {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.78px;
    }
    .abs-img img{
    width: 70%;
    }
}
@media all and (max-width: 1100px) and (min-width: 1025px) {
    .specialities {
    padding-top: 30%;
    top: 0px;
    }
    .inner-speciality {
    display: block;
    }
    .left-spec {
    width: 100%;
    }
    .right-spec {
    width: 100%;
    margin-left: 12%;
    }
    .right-grid h3 {
    font-size: 35px;
    line-height: 58px;
    margin-bottom: 10px;
    }
    .rightgridz h3 {
    font-size: 35px;
    line-height: 58px;
    margin-bottom: 10px;
    }
    .right-grid {
    padding: 15% 6% 6% 10%;
    }
    .tab-container h3 {
    font-size: 36px;
    margin-bottom: 10px;
    width: 55%;
    }
    .cta-sec h3 {
    font-size: 40px;
    line-height: 50px;
    }
    .banner-content h1 {
    font-size: 55px;
    letter-spacing: -1.94px;
    line-height: 65px;
    left: 4%;
    width: 60%;
}
}
@media all and (max-width: 1024px) and (min-width: 992px) {
    .right-grid {
    padding: 15% 4% 6% 10%;
    }
    .right-grid h3 {
    font-size: 35px;
    margin-bottom: 10px;
    }
    .specialities {
    padding-top: 50%;
    }
    .first-row{
    display:none !important;
    }
    .sec-row{
    display:none !important;    
    }
    .blocko{
        display:block !important;
    }
    .blocko .first-row{
        display:block !important;
    }
    .specialities{
        padding-top:50% !important;
    }
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.banner-content {
    top: 35%;
}
.banner-content h1 {
    font-size: 56px;
    letter-spacing: -1px;
    line-height: 66px;
    left: inherit;
    width: 100%;
}
.banner-content h1::before {
    bottom: -20px;
}
.mobz .grid-sec {
    display: block;
    margin-top: 20px;
    position: relative;
}
.mobz .left-grid {
    width: 100%;
    margin-top: 40px;
}
.mobz .left-grid img{
    position: inherit;
}
.mobz .blue-box {
    top: 15px;
    display: block;
    position:inherit;
    width: 100%;
    padding: 30px 30px 30px 30px;
}
.mobz .right-grid {
    width: 100%;
    padding: 30px;
}
.mobz .right-grid h3 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px;
}
.inner-speciality {
    display: block;
}
.specialities {
    padding-top: 60px;
    padding-bottom: 60px;
    top: 0;
}
.left-spec {
    width: 100%;
}
.left-spec h3 {
    font-size: 32px;
}
.right-spec {
    width: 100%;
    margin-left: 0%;
}
.hex-sec {
    width: 47%;
    float: left;
}
.first-row {
    float: left;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.box-cont .imgz{
    width: 80px;
}
.box-cont h6 {
    font-size: 18px;
}
.sec-row {
    float: left;
    display: block;
    position: relative;
    left: inherit;
    top: inherit;
}
.blog-section {
    padding: 50px 0px;
}
.blog-section h3 {
    font-size: 30px;
    margin-bottom: 30px;
}
.recent-post .row {
    display: block;
}
.recent-post h4 {
    font-size: 24px;
}
.recent-post p {
    font-size: 17px;
    margin-top: 15px;
}
.btnz-read img {
    width: 50px;
}
.recent-post .col-md-7{
    margin-top: 15px;
}
.blog-list .detail-blog {
    padding: 25px 5%;
}
.detail-blog h2 {
    font-size: 26px;
    line-height: 32px;
}
.detail-blog p {
    font-size: 17px;
    line-height: 26px;
    margin-top: 15px;
}
.blog-section {
    padding: 50px 0px 15px 0px;
}
.tab-container {
    padding: 50px 0px 50px 0px;
}
.tab-container h3 {
    font-size: 32px;
    margin-bottom: 10px;
    width: 100%;
    margin-bottom: 20px;
}
.fullz-br {
    display: block;
}
.left-branch {
    width: 100%;
}
.right-branch iframe {
    border-radius: 0px;
}
.right-branch {
    width: 100%;
    left: inherit;
    top: 0;
}
.tab-header{
    position: inherit;
    right: inherit;
    top: inherit;
    justify-content: left;
}
.branch-box {
    left: 0%;
    top: 30%;
    padding: 20px;
}
.cta-sec {
    background-position: 60% 100%;
    padding: 50px 0px;
}
.cta-sec h3 {
    font-size: 35px;
    line-height: 45px;
}
.left-cta {
    width: 100%;
}
.rowz-full {
    display: block;
    padding-bottom: 80px;
}
.foot-single {
    width: 100%;
    margin-top: 30px;
}
.hex-sec a{
    width:100%;
}
.hex-sec .hexz{
    width:100%;
}
.box-cont {
    top: 35%;
}
.team-sec .buttonz-sn {
    top: -30px;
}
.team-sec .buttonz-ss {
    top: -30px;
}
.navbar-brand {
    padding: 0px 15px;
}
.rowz-full .foot-single:nth-child(3) {
    width: 100%;
    margin-right: 0%;
}
.rowz-full .foot-single:nth-child(2) {
    width: 100%;
    margin-right: 0%;
    margin-top: 30px;
}
.rowz-full .foot-single:nth-child(3) {
    width: 100%;
    margin-right: 0%;
    margin-top: 30px;
}
.navbar-default .navbar-toggle {
    border-color: #fff !important;
    background: #01A0C6 !important;
    border-radius: 0 !important;
}
.navbar-toggle .icon-bar {
    height: 3px !important;
    border-radius: 1px !important;
    background-color: #fff !important;
}
.navbar-collapse {
    background: #0F248C !important;
}
.navbar-nav {
    padding-left: 0%;
}
.menu-book-an-appointment a{
    width:fit-content;
}
.menu-book-an-appointment{
    margin-left:30px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover{
    background:transparent !important;
}
.breadcrumb-sec {
    height: 50%;
}
.about-img {
    width: 90%;
}
.whole-inner {
    display: block;
}
.left-about-inner {
    width: 100%;
}
.right-about-inner {
    width: 100%;
}
.mission-vision {
    top: 0;
    padding: 3% 0px 0% 0px;
}
.mission-vision h6 {
margin-top:50px;
}
.inner-icon {
    margin-bottom: 20px;
}
.breadcrumb-sec h3 {
    font-size: 40px;
    line-height: 50px;
    width: 95%;
}
.cardiology-sec .row {
    display: block;
}
.card-inner {
    padding-left: 0%;
    padding-right: 0%;
    margin-bottom: 20px;
}
.values-slider h3 {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -1.01px;
    font-family: 'Kanit', sans-serif;
    width: 80%;
    margin-bottom: 20px;
}
.values-slider h3 {
    font-size: 35px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}
.values-slider h5 {
    font-size: 20px;
    letter-spacing: -0.58px;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
}
.right-doc-sec h4 {
    font-size: 18px;
    letter-spacing: -0.77px;
    margin-bottom: 5px;
}
.right-doc-sec p {
    font-size: 13px;
    line-height: 15px;
}
.right-doc-sec h5 {
    font-size: 14px;
}
.doc-container {
    width: 100%;
}
.right-doc-sec {
    width: 70%;
    padding-left: 5%;
    padding-right: 0%;
}
.right-doc-sec .btnz-read a{
    margin-top:10px;
}
.breadz-cnt h4 {
    font-size: 40px;
    width: 100%;
    margin-bottom: 30px;
}
.forz #wpcf7-f201-o1 {
    width: 100%;
}
.forz input {
    width: 100% !important;
}
.forz textarea {
    width: 100% !important;
}
.book-sec {
    height: 70%;
}
.full-sec-cnt {
    display: block;
}
iframe{
    width:100% !important;
}
.right-cnt {
    width: 100%;
    margin-top: 30px;
}
.right-cnt h3 {
    font-size: 45px;
    letter-spacing: -1px;
    margin-bottom: 20px;
}
.right-cnt p {
    width: 100%;
}
.full-cont {
    padding-left: 2%;
}
.full-cont h3 {
    font-size: 40px;
    margin-bottom: 30px;
}
.full-off {
    width: 100%;
}
.right-off h4 {
    font-size: 26px;
}
.work-culture .row {
    display: block;
}
.work-culture h4 {
    font-size: 35px;
}
.cv-section .row {
    display: block;
    align-items: center;
}
.cv-section h4 {
    font-size: 35px;
}
.form-section {
    margin-bottom: 30px;
}
.specialities-list .single-spe {
    width: 50%;
    float: left;
}
.spe-inner a{
    width:100%;
}
.spe-inner .hexz{
    width:100%;
}
.spe-inner .box-cont {
    top:30%;
}
.servicez .row {
    display: block;
}
.servicez ul {
    margin-top:20px;
}
.gridsecz{
    display:none;
}
.banner-sec video{
    height: 680px;
    min-inline-size: fit-content;
}
}






@media all and (max-width: 767px) and (min-width: 320px) {
.banner-content {
    top: 35%;
}
.banner-content h1 {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 32px;
    left: inherit;
    width: 100%;
}
.banner-content h1::before {
    bottom: -20px;
}
.mobz .grid-sec {
    display: block;
    margin-top: 20px;
    position: relative;
}
.mobz .left-grid {
    width: 100%;
    margin-top: 40px;
}
.mobz .left-grid img{
    position: inherit;
}
.mobz .blue-box {
    top: 15px;
    display: block;
    position:inherit;
    width: 100%;
    padding: 30px 30px 30px 30px;
}
.mobz .right-grid {
    width: 100%;
    padding: 30px;
}
.mobz .right-grid h3 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px;
}
.inner-speciality {
    display: block;
}
.specialities {
    padding-top: 60px;
    padding-bottom: 60px;
    top: 0;
}
.left-spec {
    width: 100%;
}
.left-spec h3 {
    font-size: 32px;
}
.right-spec {
    width: 100%;
    margin-left: 0%;
}
.hex-sec {
    width: 43%;
    float: left;
}
.first-row {
    float: left;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.box-cont .imgz{
    width: 50px;
}
.box-cont h6 {
    font-size: 17px;
}
.sec-row {
    float: left;
    display: block;
    position: relative;
    left: inherit;
    top: inherit;
}
.blog-section {
    padding: 50px 0px;
}
.blog-section h3 {
    font-size: 30px;
    margin-bottom: 30px;
}
.recent-post .row {
    display: block;
}
.recent-post h4 {
    font-size: 24px;
}
.recent-post p {
    font-size: 17px;
    margin-top: 15px;
}
.btnz-read img {
    width: 50px;
}
.recent-post .col-md-7{
    margin-top: 15px;
}
.blog-list .detail-blog {
    padding: 25px 5%;
}
.detail-blog h2 {
    font-size: 26px;
    line-height: 32px;
}
.detail-blog p {
    font-size: 17px;
    line-height: 26px;
    margin-top: 15px;
}
.blog-section {
    padding: 50px 0px 15px 0px;
}
.tab-container {
    padding: 50px 0px 50px 0px;
}
.tab-container h3 {
    font-size: 32px;
    margin-bottom: 10px;
    width: 100%;
    margin-bottom: 20px;
}
.fullz-br {
    display: block;
}
.left-branch {
    width: 100%;
}
.right-branch iframe {
    border-radius: 0px;
}
.right-branch {
    width: 100%;
    left: inherit;
    top: 0;
}
.tab-header{
    position: inherit;
    right: inherit;
    top: inherit;
    justify-content: left;
}
.branch-box {
    left: 0%;
    top: 30%;
    padding: 20px;
}
.cta-sec {
    background-position: 60% 100%;
    padding: 50px 0px;
}
.cta-sec h3 {
    font-size: 35px;
    line-height: 45px;
}
.left-cta {
    width: 100%;
}
.rowz-full {
    display: block;
    padding-bottom: 150px;
}
.foot-single {
    width: 100%;
}
.navbar-brand {
    padding: 0px 15px;
}
.navbar-default .navbar-toggle {
    border-color: #fff !important;
    background: #01A0C6 !important;
    border-radius: 0 !important;
}
.navbar-toggle .icon-bar {
    height: 3px !important;
    border-radius: 1px !important;
    background-color: #fff !important;
}
.team-sec .buttonz-ss {
    top: -20px;
}
.team-sec .buttonz-sn {
    top: -20px;
}
.navbar-collapse{
background: #0F248C !important;
}
.navbar-nav {
    padding-left: 0%;
}
.navbar-nav li a{
    padding-left:20px;
}
.menu-book-an-appointment a {
    margin-left: 20px;
    width: fit-content;
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover{
    background-color:transparent !important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff !important;
}
.breadcrumb-sec {
    height: 50%;
}
.breadcrumb-sec h3 {
    font-size: 30px;
    letter-spacing: -0.5px;
    line-height: 40px;
    width: 100%;
    margin-top: 20px;
}
.whole-inner {
    display: block;
    margin-top: 50px;
}
.left-about-inner {
    width: 100%;
}
.right-about-inner {
    width: 100%;
    z-index: 999;
}
.mission-vision {
    top: 0;
}
.mission-vision h4 {
    font-size: 30px;
    letter-spacing: -1.01px;
    margin-bottom: 20px;
}
.mission-vision h6 {
    margin-top: 40px;
}
.our-values h3 {
    font-size: 30px;
}
.inner-icon h4 {
    font-size: 25px;
    margin-top: 20px;
}
.inner-icon {
    margin-bottom: 20px;
}
.cardiology-sec .row {
    display: block;
}
.cardiology-sec h3 {
    font-size: 30px;
}
.card-inner {
    padding-left: 15px;
    padding-right: 15px;
}
.values-slider {
    padding: 50px 0px;
}
.values-slider h3 {
    font-size: 30px;
    margin-bottom: 20px;
    width:100%;
}
.values-slider h5 {
    font-size: 20px;
}
.team-sec h3 {
    margin-bottom: 30px;
}
.contact-section h3 {
    font-size: 35px;
}
.contact-section {
    padding: 80px 0px;
}
.forz input {
    width: 100% !important;
}
.forz .wpcf7-select {
    width: 100% !important;
}
.doc-container {
    width: 100%;
}
.full-doc-sec {
    display: block;
}
.left-doc-sec {
    width: 100%;
}
.right-doc-sec {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.right-doc-sec h4 {
    font-size: 28px;
    letter-spacing: -0.77px;
    margin-bottom: 5px;
}
.full-sec-cnt {
    display: block;
    padding-top: 30%;
}
.left-cnt {
    width: 100%;
}
.full-sec-cnt iframe{
    width:100%;
}
.right-cnt {
    width: 100%;
}
.right-cnt {
    width: 100%;
    margin-top: 20px;
}
.right-cnt h3 {
    font-size: 30px;
}
.forz textarea {
    width: 100% !important;
}
.right-cnt p {
    width: 100%;
}
.work-culture .row {
    display: block;
}
.work-culture h4 {
    font-size: 30px;
}
.cv-section .row {
    display: block;
}
.form-section {
    padding: 30px 25px;
    margin-bottom: 30px;
}
.form-section h3 {
    font-size: 25px;
    margin-bottom: 0px;
}
.form-section textarea {
    width: 100% !important;
    border: 1px solid #ccc;
}
.cv-section h4 {
    font-size: 30px;
}
.breadz-cnt h4 {
    font-size: 30px;
    letter-spacing: -1.34px;
    width: 100%;
}
.breadz-cnt {
    margin-top: 30%;
}
.book-sec .breadz-cnt {
    margin-top: 25%;
}

.forz #wpcf7-f201-o1 {
    width: 100%;
}
.book-sec {
    height: 100%;
}
.menu-book-an-appointment a{
    background-color: #E33641 !important;
}
.team-sec h3 {
    font-size: 30px;
    margin-bottom: 50px;
}
.detail-sec {
    left: 30px;
}
.offer-section {
    padding-top: 20%;
}
.full-cont h3 {
    font-size: 38px;
    margin-bottom: 20px;
}
.full-off {
    display: block;
    width: 100%;
}
.left-off {
    width: 100%;
}
.right-off {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.right-off {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-top: 10px;
}
.right-off h4::before {
    left: -15px;
}
.right-off h4 {
    font-size: 20px;
}
.full-cont {
    padding-left: 0%;
}
.left-off img{
    width:100%;
}
.rowz-full .foot-single:nth-child(2) {
    width: 100%;
    margin-right: 0%;
    margin-top: 20px;
}
.rowz-full .foot-single:nth-child(3) {
    width: 100%;
    margin-right: 0%;
    margin-top: 20px;
    margin-bottom:30px;
}
.rowz-full {
    padding-bottom: 50px;
}
.footer-section {

    padding: 70px 0px 40px 0px;
}
.navbar-brand{
    width:80%;
}
.servicez h3 {
    font-size: 30px;
    margin-bottom: 25px;
}
.servicez .row {
    display: block;
}
.servicez li {
    font-size: 20px;
    line-height: 38px;
    padding-left: 40px;
}
.servicez ul{
    margin-top:20px;
}
.servicez {
    padding-top: 50px;
    padding-bottom: 50px;
}
.insurance h3 {
    font-size: 30px;
    margin-bottom: 25px;
}
.insurance {
    padding-top: 50px;
    padding-bottom: 50px;
}
.spe-inner a{
    width:100%;
}
.spe-inner .hexz{
    width:100%;
}
.specialities-list .single-spe {
    width: 100%;
    float: left;
}
.spe-inner .box-cont {
    top: 25%;
}
.specialities-list {
    padding: 50px 0px;
}
.banner-sec video{
    height: 350px;
    min-inline-size: fit-content;
}
.gridsecz{
    display:block;
}
.leftgridz {
    width: 100%;
}
.rightgridz {
    width: 100%;
    padding: 15% 15% 10% 15%;
    margin-top: inherit;
}
.blue-box{
    top:inherit;
}
.gridsecz{
    display:none;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: inherit;
}
.rtl .navbar-nav > li {
     float: inherit; 
}
}