/* Enter Your Custom CSS Here */

.header-nav-wrapper.header-1.header-light.header-sticky.sticky-inherit{ border-bottom: 3px solid #829547;}
.search-button-wrapper.header-customize-item.style-default { display: none;}
#main-menu li a { font-size: 14px; font-weight: 500;}
.page-id-7 .HomeSlider { border-bottom: 3px solid rgb(130, 149, 71) !important;}
.AboutSection { padding-top: 30px;}
.AboutSection h1 { background-position: left bottom; padding-bottom: 15px; background-repeat: no-repeat;}
.ServiceSection{ padding-top: 30px;}
input[type="text"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="date"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: #fff !important;}
footer.main-footer-wrapper .main-footer { background-color: rgb(51, 51, 51) !important; color: rgb(255, 255, 255); background-image: url("https://www.harmonythaimassage.com/wp-content/uploads/2017/01/newo.jpg"); background-size: cover;}
.bottom-bar-inner {
    color: rgb(255, 255, 255);
}
footer.main-footer-wrapper h4.widget-title { color: rgb(255, 255, 255) !important;}

#wpcf7-f1214-o1 .form-contact-wrap { margin-top: 20px;}
.ServicesBution { background: rgb(130, 149, 71) none repeat scroll 0 0; color: rgb(255, 255, 255);}

.ServiceSection h2 { background-position: center bottom; padding-bottom: 15px; background-repeat: no-repeat; text-align: center;  margin-bottom: 25px; margin-top: 25px;}
.ServiceIcon .iconbox.top-left-inline h3 a { padding-top: 0;}
.ServiceIcon .iconbox .icon-box-shape a i { font-size: 30px;}
.VideoSection .vc_column-inner { padding-bottom: 80px; padding-top: 80px !important;}
.owl-item:hover{ background-color: rgb(246, 246, 246) !important;}
.footer-contact-info .icon.icon-outline-vector-icons-pack-22 { bottom: 13px; position: relative;}
.VideoClass { border-bottom: 1px solid #cccccc;}
.OurTeam{ border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.owl-osthemes-shortcode .owl-controls .owl-nav div i { color: rgb(130, 149, 71); font-size: 40px;}
#text-4 .textwidget > ul { padding: 0;}
#text-4 .textwidget li { display: inline-block; padding: 4px;}
#text-4 .textwidget > img { margin-bottom: 30px; margin-top: 15px;}
#text-4 .textwidget{ margin-top: 0px; line-height: 3;}
#text-5 .textwidget > p { font-size: 13px; font-weight: 300; line-height: 2.2;}
.ContactUsSection .heading-title.fz-48.s-font { color: rgb(255, 255, 255);}
.ContactUsSection textarea { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.ContactUsSection .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.ContactUsSection .wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.ContactUsSection input[type="text"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="date"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: rgb(255, 255, 255);}
.DisplayNone {
    display: none;
}
.SouriSisavath p { max-width: 100% !important;  width: 100%;}
.ServiceSection .iconbox h3 { font-size: 17px;}
.ServiceSection .iconbox.top-left-inline { padding-left: 0;}
.ServiceSection .p-button { color: rgb(255, 255, 255);}
.ServiceSection .iconbox.top-left-inline h3 a { color: rgb(255, 255, 255);}
.ServiceSection p{ color: rgb(102, 102, 102);}
.FaqSection h4{ font-size: 24px;}
.FaqSection p{  margin: 0 0 20px; color: rgb(255, 255, 255);}
.ServiceSection .meta { font-size: 14px;}
.ServiceSection .price.p-color { font-size: 13px !important;}
.ServiceSection .meta-wrapper-inner { display: inline-block !important; margin-bottom: 30px;}
.FaqSection { background-size: cover;}
.FaqSection .heading-title.fz-48.s-font { color: rgb(255, 255, 255);}
.FaqSection .vc_toggle_icon { border-color: rgb(255, 255, 255) !important;}
.FaqSection .vc_toggle_icon:after{ background-color: rgb(255, 255, 255) !important;}
.FaqSection .vc_toggle_icon::before { background-color: rgb(255, 255, 255) !important;}
.FaqSection .vc_toggle_title > h4 { color: rgb(255, 255, 255);}
.ReviewSection .heading-title.fz-48.s-font { color: rgb(255, 255, 255);}
.ReviewSection .wpb_wrapper > p{ color: rgb(255, 255, 255);}
p { line-height: 1.8;}
.ServiceSection .additional-info.p-color { float: left; width: 100%;}
.ReviewSection .ttshowcase_rl_quote > p { color: rgb(255, 255, 255); font-size: 22px;}
.ReviewSection .ttshowcase_rl_title.reviewer { color: rgb(255, 255, 255);}
.ReviewSection .ttshowcase_slider .bx-wrapper .bx-pager.bx-default-pager a { background: rgb(255, 255, 255) none repeat scroll 0 0;}
.ExtraServiceSection { padding-top: 0;}
.page-title-size-md h1 {  font-size: 60px !important;}
.x-sub-menu a { font-size: 13px !important; line-height: 30px;}
.Teaching .meta-wrapper-inner { margin-bottom: 20px;}
.Teaching .meta-wrapper { margin-top: 0 !important;}
b, strong { font-weight: 600;}


.ContactUsSection .gfield_label { color: rgb(255, 255, 255); font-weight: 100;}
.ContactUsSection #field_1_3{ display: inline-block; margin-left: 2% !important;  width: 50%;}
.ContactUsSection #input_1_3{  display: inline-block; width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.ContactUsSection #field_1_2{ float: left; padding: 0; width: 48%;}
.ContactUsSection #input_1_2{ float: left; width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.ContactUsSection .gform_heading { display: none;}
.ContactUsSection #input_1_1_3_container > label { color: rgb(255, 255, 255); font-weight: 100;}
.ContactUsSection #input_1_1_6_container > label { color: rgb(255, 255, 255); font-weight: 100;}
.ContactUsSection #field_1_4 { margin-top: 4%;}
.ContactUsSection .gfield_label { margin-bottom: 0;}
.ContactUsSection #input_1_1_3 { background: #fff; color: #000;}
.ContactUsSection #input_1_1_6 { background: #fff; color: #000;}

.ContentSection .wpb_wrapper > p { color: rgb(255, 255, 255);}
.ContentSection .wpb_wrapper > h4 { color: rgb(255, 255, 255); margin-bottom: 10px; margin-top: 12%;}


#input_2_4{ width: 100%;}
#field_2_1{ display: inline-block; margin-right: 4%; width: 48%; margin-bottom: 0%;}
#input_2_1{ width: 100%;}
#field_2_4{ display: inline-block; margin-right: 0; width: 48%; margin-bottom: 0%;}
.medium {  color: #000 !important;}
#input_2_2 > input { background: #fff;}
#input_2_2_2 { background: #fff;}
#input_2_2_3 { background-position: 13px 30px;}


#field_2_2{ float: left; width: 50%;}
#input_2_2{ width: 33%; max-width: 100%;}
#input_2_2_1{ width: 94% !important;}
.gfield_time_minute.ginput_container.ginput_container_time { width: 33.333%; max-width: 100%;}
#input_2_2_2{  width: 96% !important; color: #000;}
.gfield_time_ampm.ginput_container.ginput_container_time{ width: 33.333%;}
#input_2_2_3{ width: 100% !important; color: #000;}
#field_2_3 { display: inline-block; margin-left: 2% !important; width: 48%;}
#input_2_3{ width: 100% !important;}
.gfield_time_ampm.ginput_container.ginput_container_time { width: 28.333%;}
.ginput_container.ginput_container_date { margin-top: 1px !important;}
.gfield_label { color: rgb(255, 255, 255); font-weight: 100;}
#input_2_2 > label { color: rgb(255, 255, 255); font-weight: 100;}
.gfield_time_minute.ginput_container.ginput_container_time > label { color: rgb(255, 255, 255); font-weight: 100;}
.gform_heading {
    display: none;
}
.page-id-13 .gform_wrapper { margin: 0 auto; max-width: 96%;}
.ReservationForm { margin: 0 auto; width: 90%;}
.Logo { margin-bottom: 15px !important;}
.gchoice_2_28_0 > label{ color: #fff;}
#input_2_2 > input { color: #000;}
.gchoice_2_28_1 > label{ color: #fff;}
#input_2_26_1_container > input { color: rgb(0, 0, 0);}
.page-id-13 input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], input[type="date"], textarea, select{ color: #000;}
.WorkshopForm { background-size: cover;}
.SecondForm{ width: 80%; margin: 0 auto;}
.SecondForm .gform_wrapper .top_label div.ginput_container { margin-top: 0;}
.SecondForm label{ color: #fff; font-weight: 300; font-size: 14px !important;}
.gform_wrapper label.gfield_label { font-weight: 300;}
#input_3_5 li { display: inline-block; margin-bottom: 0; padding-bottom: 0 !important; padding-left: 5px !important; padding-right: 5px !important; padding-top: 0;}
#field_3_5 .gfield_label { float: left; width: 46%;}
#field_4_4{ display: inline-block; width: 50%;}
#input_4_4{  width: 100%;}
#input_4_29{  width: 100%;}
#field_4_29{ display: inline-block; width: 50%;}
#input_4_31 li { display: inline-block; margin: 0; padding: 0 0 0 5px !important;}
#field_4_31 .gfield_label { float: left; width: 44%;}
#field_4_31 .gchoice_4_31_0 > input { margin: 0;}
#field_4_31 .gchoice_4_31_1 > input { margin: 0;}
.SecondForm input[type="radio"], input[type="checkbox"] { margin: 0;}
#input_4_33 li { display: inline; padding: 0 6px !important;}
.ginput_total.ginput_total_4 { color: rgb(255, 255, 255) !important;}
.ginput_container.ginput_container_checkbox { color: rgb(255, 255, 255);}

.souriImg {
    margin-right: 15px;
    margin-top: 80px;
}
.x-nav-menu > .x-menu-item + .x-menu-item { margin-left: 36px;}
.s-font {
    font-family: "railway" !important;
}
.LogoKj li { color: rgb(255, 255, 255); display: inline-block; padding: 10px;}
.gform_footer.top_label { text-align: center;}
.CreditLogo { margin-left: 60px; margin-top: 0;  margin-bottom: 15px !important;}
.fz-48 { font-size: 46px;}
.page-title-wrap{  background-color: rgba(0, 0, 0, 0);}
.NuatThai { padding-left: 70px;}
.ThaiLogo { padding-left: 40px; margin-top: 20px;}
#text-4 { margin-left: 22%;}
.LogoNJ > li { display: inline-block; padding-right: 0px; padding-left: 12px;}
.page-id-15 .gform_footer.top_label { text-align: left;}

#text-5 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { height: 35px; color: #fff; padding-left: 10px;
padding-right: 10px; font-size: 12px;}
#text-5 .wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel { font-size: 13px; color: #fff;  height: 35px;}
#text-5 .wpcf7-form-control.wpcf7-textarea { height: 78px; color: #fff;}
.bottom-bar-wrapper.top-border-gray.bottom-bordered { background: black; border-top: 0 !important;}
.single-service-title-wrap { background-color: rgba(0, 0, 0, 0);}

#field_5_31 .gfield_label { float: left; width: 60%;}
#input_5_31 li { display: inline-block; margin: 0; padding: 0 0 0 5px !important;} 
#input_5_51 li { display: inline;  padding: 0 6px !important;}
.ginput_total.ginput_total_5 { color: rgb(255, 255, 255) !important;}
#OurTherapists .osthemes-heading.color-dark.use-bg.text-center { width: 58%;}
#field_5_4 { display: inline-block; width: 50%;  margin-top: 0;}
#input_5_4 { width: 100%;}
#field_5_29 { display: inline-block; width: 50%;  margin-top: 0;}
#input_5_29 { width: 100%;}
.OurTherapistsHeading .heading-title.fz-48.s-font { margin-bottom: 0;}

h4.SouriText { font-size: 30px; margin-bottom: 0;}
.subheading { font-size: 16px;font-weight: 500;}
.BorderSuriImage img {
    border: 4px solid rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
}

.BorderSuriImage p {
    margin-bottom: 20px;
}

.NewClassAdd {
    padding-left: 30px;
}

.Hyu { padding-right: 15px !important;}

.Hasd { padding-right: 10px !important;}

.footer-contact-info li { margin-bottom: 8px;}

/* Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) 
  {

  #text-4 { margin-left: 20%;}
  
  #field_5_76 .gfield_label {
    float: left;
    padding-right: 37px !important;
    position: relative;
    top: 12px;
}

   }

.OurItalic {
    margin-bottom: 30px !important;
}

.NewButionClass{ background: #829547; color: #fff; border-color: #829547; font-weight: bold;}
.NewButionClass:hover{ background: #444; border-color: #444;}
.OurTherapistsBorder img { box-shadow: -1px -1px 8px 0px rgba(50, 50, 50, 0.75); border: 4px solid #fff;}
.PrivacyPoliciy p { font-size: 16px;}
.page-id-7 .button-wrapper { text-align: center; width: 100% !important; display: inline-block !important;}
.TestimonialBution{ background: #829547; color: #fff; border-color: #829547;}
.TestimonialBution:hover{ background: #444; color: #fff; border-color: #444;}
.WellcomeSection p { margin-bottom: 15px;}
p{ color: #191919; line-height: 1.6; margin-bottom: 15px;}
.ginput_total.ginput_total_2 {  color: #fff !important;}
footer.main-footer-wrapper h4.widget-title{ font-size: 22px;}
.MAsterLogoOne a { text-decoration: underline;}
#input_2_27_1_label { font-size: 14px; color: #fff; font-weight: 300;}
#input_2_27_2_label{ font-size: 14px; color: #fff; font-weight: 300; }
#input_2_27_3_label{ font-size: 14px; color: #fff; font-weight: 300;}
#input_2_27_4_label{ font-size: 14px; color: #fff; font-weight: 300;}
#input_2_27_5_label{ font-size: 14px; color: #fff; font-weight: 300;}
#input_2_27_6_label{ font-size: 14px; color: #fff; font-weight: 300;}
#field_5_40 { margin-top: 0;}
.entry-content input[type="submit"]:hover { border-color: #000;}
#field_2_28 .ginput_container.ginput_container_text { display: none;}
#field_2_28 .gfield_description { color: white; font-size: 12px; padding-top: 4px;}

.page-id-1206 li { color: #191919;}
#text-2 li { color: #fff;}


#text-5 #field_6_3 { width: 50%; display: inline-block; margin-top: 0;}
#text-5 #gform_submit_button_6 { background: #829547; border: 1px solid #829547; padding: 10px 50px; font-size: 18px;}
#text-5 .gform_footer.top_label { text-align: left;}
#text-5 #input_6_3 { width: 100%; background: none;}
#text-5 #input_6_2 { width: 100%; background: none;}
#text-5 .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){ padding: 8px 10px;}

#text-5 input[type="text"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="date"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: #fff !important;}

#text-5 .gfield_label { display: none !important;}
#text-5 #input_6_1 { width: 100%; background: none;}
#text-5 #field_6_1{  width: 50%; display: inline-block; margin-top: 0;}
#text-5 #input_6_4 { height: 80px; background: none;}
#text-5 .medium { color: #fff !important;}

.page-id-1177 #input_5_75 { display: none;}
.page-id-1177 #field_5_75 .gfield_description p { color: #fff;}
.page-id-1177 #field_5_75 { margin-top: 0;}
.page-id-1177 #field_5_75 .gfield_description { padding-top: 0 !important;}
header.main-header .header-logo img{ padding-top: 10px !important; padding-bottom: 10px !important;}
#wpcf7-f1426-o1 .form-contact-wrap { margin-top: 20px;}
.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel { padding-left: 10px; padding-right: 10px;}
#wpcf7-f1426-o1 .wpcf7-form-control.wpcf7-textarea { padding-left: 10px; padding-right: 10px;}

#field_5_76 .gfield_label { float: left; padding-right: 129px; position: relative; top: 12px;}



/* Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) 
   {
#field_5_76 .gfield_label {
    float: left;
    padding-right: 37px;
    position: relative;
    top: 0 !important;
}
   
}