@import url("https://fonts.googleapis.com/css2?family=Sarabun&display=swap"); .page-service .the-content { color: #444; }
.single-service .the-content p,
.single-service .the-content p.has-medium-font-size { font-family: 'Sarabun', sans-serif; margin-bottom: 1.3em; font-weight: 400; line-height: 1.6; }
.single-service .single-service p,
.single-service .single-service p.has-medium-font-size { font-family: 'Sarabun', sans-serif; margin-bottom: 1.3em; font-weight: 400; line-height: 1.6; font-size: 16px !important; }
.single-service .the-content ul,
.single-service .the-content ol { margin-bottom: 1.3em; }
.single-service .the-content ul li,
.single-service .the-content ol li { font-family: 'Sarabun', sans-serif; font-weight: 400; line-height: 1.6; }
.single-service .single-service ul,
.single-service .single-service ol { margin-bottom: 1.3em; }
.single-service .single-service ul li,
.single-service .single-service ol li { font-family: 'Sarabun', sans-serif; font-weight: 400; line-height: 1.6; font-size: 16px !important; }
.single-service .the-content h2,
.single-service .the-content h2 strong { font-family: 'Kanit', sans-serif; font-weight: 600; font-style: normal; font-size: 30px; }
.single-service .the-content h3,
.single-service .the-content h3 strong { font-family: 'Kanit', sans-serif; font-weight: 500; font-style: normal; font-size: 25px; }
.single-service .the-content h4,
.single-service .the-content h4 strong{ font-family: 'Kanit', sans-serif; font-weight: 500; font-style: normal; font-size: 20px; }
@media only screen and (max-width: 767px) {
.single-service .the-content ul li,
.single-service .the-content ol li { margin-bottom: .7em; }
}
body.postid-3469 > h2,
body.postid-3469 > ul,
body.postid-3469 > p,
body.postid-3469 > figure,
body.postid-3469 > .wp-block-image,
body.postid-3469 > .wp-block-video,
body.postid-3469 > .wp-block-yoast-faq-block,
body.postid-3469 > .meko-contact-wrapper,
body.postid-3469 > .elementor-element {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1100px;
}
body.postid-3469 > .wp-block-gallery > .wp-block-image { width: 100% !important; }
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item { margin: 0 25px 0 0; }
.mega-menu-item.hot a{ position: relative !important; }
.mega-menu-item.hot a::before { 
padding: 0 5px;
content: 'HOT'; 
position: absolute !important; top: 6px !important; right: -10px !important; 
display: block; height: 11px !important; line-height: 12px !important; 
font-family: Kanit,sans-serif !important; font-size: 9px !important;
color: #222 !important; background-color: #f1c232 !important;
box-shadow: 1px 1px 2px rgba(0,0,0,.5);
border-radius: 2px; 
} .cta-button { background-image: url(//mekoclinic.com/wp-content/uploads/2019/06/doc-chat.png); background-position: center center; background-size: 50px; border: 2px solid #17D39A; }
.cta-button svg { display: none !important; }
@media only screen and (max-width: 991px) {
.site-header.is-hide .header-top-menu { position: absolute !important; top: -8px; right: 10px; }
}
.site-footer .gtranslate_wrapper a { font-size: 13px !important; }
.site-footer  .gt_switcher .gt_option { background: rgba(255,255,255,.1); }
.site-footer  .gt_switcher .gt_selected { background: rgba(0,0,0,.05) !important; border: 1px solid rgba(255,255,255,.2); }
.mobile-menu .gtranslate_wrapper {  }
.mobile-menu .gtranslate_wrapper .gt_switcher { width: 100%; }
.mobile-menu .gtranslate_wrapper .gt_switcher .gt_option { width: 100%; }
.mobile-menu .gtranslate_wrapper .gt_switcher .gt_option a { padding-left: 15px; }
.mobile-menu .gtranslate_wrapper .gt_switcher .gt_selected a { padding-left: 15px; width: 100%; }
.mobile-menu .gtranslate_wrapper .gt_switcher .gt_selected a:after { right: 40px; }
.row-blogs .row > div:first-child a:not(:has(img)) { display: block; width: 100%; min-height: 200px; background: url(//mekoclinic.com/wp-content/uploads/2019/06/Logo-Meko-Clinic-Horizontal-Short-Version.png) center center no-repeat; background-size: 150px; border: 1px solid #e7e7e7; }
@media only screen and (max-width: 620px) {
.review-interested .swiper-button-next,
.review-interested .swiper-button-prev { display: none; }
} @media only screen and (max-width: 899px) {
main .container .the-content img { max-width: 100%; height: auto !important; }
}