img {
height: auto; max-width: 100%; }
a {
color: #800D46;
}
dl, ol, ul { }
.entry-meta{
font-size: 12px;
margin-top: 20px;
}
.site-header{
padding-top: 20px;
padding-bottom: 20px;
}
.site-branding ul {
padding-left: 0px;
}
.site-logo img{
max-width: 150px;
}
.site-social {
margin-top: 15px;
}
.site-social img{
max-width: 30px;
}
.header-phone  {
margin-top: 8px;
}
.header-phone a {
font-size: 20px;
color: #9A0957;
font-weight: bold;
}
.header-phone img {
max-width: 25px;
}
.main-navigation{
text-align: center;
width: 100%;
background: #771351 url(../../../themes/yoskarn/img/nav1.png);
color: #fff;
font-family: SukhumvitSet-Text;
padding: 5px;
}
.mega-lang a{
border: 2px solid #fff !important
}
#primary-menu{
padding-left: 0;
margin-bottom: 0px
}
#primary-menu li{
list-style: none;
display: inline-block;
}
#primary-menu li a{
color: #fff;
padding: 10px;
}
#hero-area{
width: 100%;
background: #ccc;
}
.box-title{
font-family: 'sukhumvit';
}
.line-title img{
max-width: 100px;
}
#sp-promotion {
padding: 30px;
margin-top: 45px;
}
#sp-promotion img ,#home-blog li{
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
#sp-promotion img:hover ,#home-blog li:hover{
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
#sp-promotion ul ,#testimonails  ul ,#popular-service ul ,#home-blog ul{
padding-left: 0px;
margin-top: 25px;
font-family: SukhumvitSet-Text;
}
#sp-promotion li ,#testimonails li ,#popular-service li ,#home-blog li{
list-style: none;
}
#popular-service #myTabChild a {
color: #282e31;
}
#home-blog .border-r{
border-right: 1px solid #ccc
}
#home-blog {
margin-bottom: 50px;
list-style: none;
}
#home-blog .description{
margin-top: 15px;
}
#home-blog .month ,#home-blog .year{
text-transform: uppercase;
font-size: 12px;
line-height: 12px
}
#home-blog .day{
font-weight: bolder;
font-family: sans-serif	
}
#popular-service {
padding-top: 30px;
padding-bottom: 80px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
background: #fff;
border: 1px solid #800D46
}
#popular-service .description{
font-size: 14px;
font-family: SukhumvitSet-Text;
}
#popular-service li a{
color: #b71867;
}
#popular-service .loop-box{
position: relative;
margin-bottom: 24px;
border-radius: 5px;
overflow: hidden;
}
#popular-service  .loop-box::after { }
#popular-service .tab-header {
font-size: 22px;
}
#popular-service .loop-box p{
margin-bottom: 0
}
#popular-service .loop-box .description{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: #fff;
background: #800D46;
background: linear-gradient(135deg,#931161 30%,#ed408d 100%); padding: 10px;
text-align: center;
z-index: 999
}
#testimonails {
margin-bottom: 60px;
}
#testimonails li{
margin-bottom: 24px;
}
#testimonails .col-sm-4{
padding-right :0px;
padding-left :0px;
}
.testi-box {
position: relative;
}
.testi-box .testi-text{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
color: #fff;
}
.testi-box .testi-text-box{
width: 100%;
padding: 20px;
background: #800D46;
background: linear-gradient(135deg,#433a79 30%,#ed408d 100%)
}
.box{
height: 200px;
background: #3333;
}
#about-yos{
background: #fbeff6;
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
font-family: 'sukhumvit';
}
#about-yos .dr-name{
margin-bottom: 0; }
#about-yos .dr-postion{
font-size: 11px;
font-weight: bold;
font-style: italic;
}
#about-yos img{
border-radius: 50%; margin-bottom: 10px;
}
.about-text{
width: 400px;
display: block;
margin: 0 auto;
color: #4A4A4A;
font-size: 22px;
}
#home-vdo{
background: #931161;
background: linear-gradient(135deg,#931161 30%,#ed408d 100%); margin-bottom: 50px;
}
#home-vdo .yotu-videos{
float: none;
}
#home-vdo .yotu-videos .yotu-video-title{
color: #fff;
font-family: SukhumvitSet-Text;
}
.site-footer{
padding-top: 30px;
padding-bottom: 60px;
background: #931161;
font-family: SukhumvitSet-Text;
background: linear-gradient(135deg,#931161 30%,#ed408d 100%)
}
.site-footer h3{
color: #EF8EC4;
font-size: 11px;
}
.site-footer ul{
padding-left: 0;
list-style: none;
font-size: 14px;
}
.site-footer .menu a{
color: #fff;
font-size: 14px;
line-height: 22px;
}
.site-footer .phone-footer{
color: #fff;
font-size: 30px;
}
.site-footer .copy-right{
color: #F7B0D3;
font-size: 12px;
}
.site-main  {
font-family: SukhumvitSet-Text;
margin-bottom: 100px;
}
.page-template-page-contact .site-main.container{
max-width: 900px;
}
.page-template-page-contact .site-main .contact{
box-shadow: 0 5px 32px rgba(103,122,141,0.17);
}
.page-template-page-contact .entry-header{
display: none;
}
.page-template .entry-header{
background: #fff;
color: #111111
}
.entry-header{
background: #84456c;
color: #fff;
}
.entry-header .entry-title{
font-size: 22px;
padding-top: 20px;
padding-bottom: 20px;
}
.single h2{
font-size: 20px;
padding-top: 10px;
}
.siderbar-service { } 
.sidebar-topic  .sidebar-topic-title{ }
.contact-info{
padding: 50px;
background: #fff; z-index: 999;
}
.contact-form{
background: #3A3D44;
padding: 50px;
}
.contact-form label{
color: #fff
}
ul.wpuf-form input {
border-radius: 25px;
}
.page-template-page-with-cover .site-main.container{
max-width: 900px;
}
.post-edit-link{
border-radius: 25px;
background: #ccc;
font-size: 9px;
padding:5px;
}
.social-footer{
padding-left: 0;
}
.social-footer li ,.site-social li{
display: inline-block;
}
.social-footer img{
padding-left: 0;
height: 21px;
padding-right: 10px;
}
.woocommerce img, .woocommerce-page img{
padding: 25px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
text-align: center;
box-shadow: 0 5px 32px rgba(103,122,141,0.17);
}
.woocommerce ul.products li.product .button{
display: none
}
.rsUni .rsBullets{
display: none;
}
#form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit], .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]{
background: #931161 !important; 
border-color: #771351 #800D46 rgb(153, 14, 84) !important ;
box-shadow: 0 1px 0 #282e31 !important ;
-webkit-box-shadow: 0 1px 0 #282e31 !important ;
}
.woocommerce .site-content{
margin-top: 15px;
}
.woocommerce .woocommerce-breadcrumb{
border-bottom: 1px solid #ddd;
}
.promotion-sidebar {
padding-left: 0;
}
.promotion-sidebar li{
display: block;
margin-bottom: 25px;
list-style: none;
}
@media (min-width: 576px){
.container {
max-width: 99%;
}
}
@media (min-width: 1200px){
.container {
max-width: 1170px;
}
}
@media screen and (max-width: 575px) {
.site-header .text-left , .site-header .text-right{
text-align: center !important
}
.site-social{
display: none;
}
.header-phone{
display: none;
}
.site-logo {
padding: 10px;
}
.box-title h2{
font-size: 20px;
}
#sp-promotion {
padding: 5px;
}
#sp-promotion .col-6 , #sp-promotion .col-sm-3 ,#popular-service .col-6 ,#popular-service .col-sm-3{
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
#about-yos .about-text{
width: 95%
}
.testi-box .testi-text-box{
font-size: 12px;
padding: 5px
}
.testi-box .testi-text{
padding: 10px;
}
#home-blog li{
margin-bottom: 20px;
list-style: none;
}
.contact-form{
padding: 10px;
}
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:1060px) {
}
@media screen and (max-height: 450px) {
}