/*======================================================================================================
[Responsive]
======================================================================================================*/
@media only screen and (min-width:1200px) and (max-width: 1248px) {
.site_navigation.desk { display:block; }
.site_navigation.mob { display:none; }

.brand_module .player1{ width:355px !important; height:303px !important;}
.form_area { height:201px;}	
.brand_module_text p { padding:18px 22px 19px; line-height:22px; }

.archive_content .option_menu ul li { margin-top:19px; font-size:18px; line-height:20px;}
.archive_content .option_menu ul li:first-child { margin-top:1px;}
.archive_content .option_menu ul li:last-child { margin-top:21px;}
.option_menu ul li span { padding:20px 0; }
.option_menu ul li i { padding:12px 0; }

.section_contact, .brand_module_text { height:304px; }
.text_content { height:196px; }

.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:176px; }
.overlay_content { height:198px; }
.brand_module_overlay.schange .overlay_content { height:200px; }
.section_feature .grid__item:first-child .overlay_content { height:530px; }

	
}
@media only screen and (min-width:1025px) and (max-width: 1199px) {

/*home page
------------------------------------------------*/

.wrap{ width:980px;}
.site_navigation.desk { display:block; }
.site_navigation.mob { display:none; }
.site_navigation ul li .megamenu{ width:980px;}

h3{ font-size:22px;}

/*--------------header---------------*/
.header_top{padding: 12px 0 8px;}
.header_bottom{ min-height:112px; padding-top:40px; }
.header_nav{padding: 9px 0 0 50px;}
.header_nav ul li{ padding-left:42px; font-size:17px;}

#lang_sel{left: 24%;  top: -3px;}
.language_option {  height: 0; }
#lang_sel li{ width:135px;}
.language_option #lang_sel ul ul, .language_option #lang_sel ul li li{ width:135px;}
.language_option #lang_sel ul li a {  font-size: 14px;  line-height: 18px;  padding: 8px 14px 9px;}
.language_option img{ margin-top:4px; margin-right:10px;}
.language_option #lang_sel ul ul{top: 35px;}


/*------------home-container-------------*/
.lhs .background{border-bottom: 10px solid #37616f;}
.home_title h1{ font-size:32px; padding:12px 35px 20px 45px;}
.about_content{ margin-bottom:35px;}
.section_option{padding-bottom:60px;}
.option_menu ul li{ font-size:17px;}
.option_menu ul li i{ font-size:32px; margin-top: 2px; padding:8px 0;}
.option_menu ul li span{padding: 15.2px 0; margin-left:17%; float:none;}
.content_middle{ padding-top:50px; padding-bottom:20px;}
.section_feature{padding-top:60px; padding-bottom: 20px}
.section_family{min-height:566px;}
.section_family_overlay{ min-height:566px;}
.grid.section_feature{margin-left:-30px;}
.section_group{ margin-bottom:40px;}
.section_group h3{padding:20px 0;}
.section_contact h3{ line-height:60px;}
.section_feature .grid__item{ padding-left:30px; margin-bottom:35px;}
.group_bottom_module{ width:305px;}

.player1{ width:309px !important; height:260px !important;}

.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:305px !important; height:264px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
.form_area{padding:7px 36px 10px; height:auto;}
.section_contact input[type="submit"]{ font-size:15px; height:37px;}
.section_feature .grid__item{ margin-bottom:30px;}
.section_contact input[type="text"], .section_contact input[type="email"]{line-height:25px;}
.section_contact textarea{ margin-top:9px;}


/*------------form-container-------------*/

.home-stay-title{ width:auto; margin-bottom:30px;}
.home-stay-title h1{ font-size:26px; padding:12px 20px;}
.home-stay-detail{ padding: 0 84px;}
.form-heading{ padding:14px 0 14px 30px;}
.form-wrap{ width:930px;}
.form-content label{ font-size:16px; padding-top:8px;}
.form-content .booking-detail, .form-content .booking-section{ padding:10px 45px 10px 24px;}
.submit-button{ margin-bottom:25px;}


/*------------internal-container-------------*/

.home-stay-detail.adjust{ margin-bottom:40px;}
.home-stay-detail.adjust p{ margin-bottom:20px;}
.rates-heading{padding: 15px 0 15px 35px;}
.catering-section table tr td{ font-size:18px;}
.rates-left-content .option_menu ul li{ margin-left:8px;}

/*------------brand-archive-container-------------*/

.brand_module_text p{font-size: 12px;line-height: 18px;padding: 9px 22px 8px;}
.archive_content .option_menu ul li { margin-top:19px; font-size:18px; line-height:20px;}
.archive_content .option_menu ul li:first-child { margin-top:1px;}


/*------------accomodation-container-------------*/

.accommodation_gallery{ margin-bottom:50px;}
.accommodation_menu ul li a{ line-height:60px;}
.tab_content h3{ font-size:28px;}
.acc_gallery img{ margin:15px;}


/*-------------footer----------------*/
.blog_update{ min-height:355px;}
.blog_slide{padding: 30px;}
.blog_slide span{ margin-bottom:25px;}
.blog_slide h2{ font-size:27px;}
.blog_slide a.blog-button{ margin-top:15px;}
.partners-section{padding: 15px 0 52px;}
.partners-section a{ margin-right:29px;}
.footer-top{ padding-top:50px; font-size:16px; line-height:28px;}
.footer-top h3{ font-size:30px;}
.footer-column{ padding-right:44px;}
.footer-top .widget_nav_menu ul li::before{font-size: 11px;margin: 0 11px 0 0;}
.footer-top .widget_nav_menu ul li{ margin-bottom:11px;}
.footer-column p{ margin-bottom:21px;}
.footer-column h4{ line-height:28.5px; font-size: 16px;}
.footer-column.adjust{ line-height:25.5px;}
.footer-top .grid{ margin-left:-15px;}
.footer-top .grid__item{ padding-left:15px;}
.footer-column.adjust{ font-size:14px;}
.footer-column.adjust p{ margin-bottom:18px;}
.footer-bottom{font-size: 16px; padding: 30px 0;}


.brand_module_overlay {	
	font-size:14px;
	line-height:18px;
	padding:10px 10px 70px;
}
.brand_module_overlay.pchange { padding:70px 10px 10px; }

.option_module_overlay, .residence_module_overlay {	
	font-size:14px;
	line-height:18px;
}
.option_module_overlay { padding:10px 10px 70px; }
.residence_module_overlay { padding:70px 10px 10px; }

.brand_module.adjust img { margin-top:9px; }

.brand_module_overlay.fchange { padding:70px 10px 10px; }
.brand_module_overlay.schange { padding:70px 10px 10px; overflow:hidden; }

.brand_feature .grid__item { height:auto; }

.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:182px; }
.overlay_content { height:218px; }
.brand_module_overlay.schange .overlay_content { height:120px; }
.section_feature .grid__item:first-child .overlay_content { height:534px; }

.section_contact, .brand_module_text { height:263px; }
.text_content { height:170px; }

.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:148px; }
.overlay_content { height:162px; }
.brand_module_overlay.schange .overlay_content { height:190px; }
.section_feature .grid__item:first-child .overlay_content { height:472px; }



}

@media only screen and (min-width:980px) and (max-width: 1024px) {
 
.wrap{ width:833px;}
.site_navigation.desk { display:block; }
.site_navigation.mob { display:none; }
.site_navigation ul li .megamenu {  width: 833px;}
h2, .section_latest_blog h2{ font-size:32px;}
h3{ font-size:19px;}

/*--------------header---------------*/
.header_top{padding: 12px 0 8px;}
.top_menu ul li{ font-size:14px; padding:0 12px;}
.top_menu ul li:first-child{ padding:0 12px 0 0;}
.language_option{ width:135px;}
.header_social a{ margin-left:25px;}
.header_bottom{min-height:105px; padding-top:35px;}
.header_nav{ padding:9px 0 0 60px;}
.header_nav ul li{ padding-left:28px; font-size:16px;}
.site_navigation ul li{ font-size:15px; line-height:50px;}
.site_navigation ul li i{ margin-left:3px;}

.site_navigation ul li .megamenu{ top:50px; padding:0 20px;}
.megamenu .menu_widget{ padding:24px 0; width:33.33%;}
.megamenu .menu_widget h3{ font-size:18px; line-height:20px;}
.megamenu .menu_widget ul li{ font-size:14px; margin-bottom:10px;}

#lang_sel{left: 65%;    top: -3px;}
.language_option {  height: 0;}
#lang_sel li{ width:135px;}
.language_option #lang_sel ul ul, .language_option #lang_sel ul li li{ width:135px;}
.language_option #lang_sel ul li a {  font-size: 14px;  line-height: 18px;  padding: 8px 14px 9px;}
.language_option img{ margin-top:4px; margin-right:10px;}
.language_option #lang_sel ul ul{top: 35px;}



/*------------home-container-------------*/

.lhs .background{border-bottom: 7px solid #37616f;}
.home_title h1{ font-size:26px; padding:6px 25px 12px;}
.section_option{padding-bottom:45px;}
.about_content{ line-height:30px;}
.option_menu ul li{ font-size:14px; margin-top:4px;}
.option_menu ul li i{ font-size:28px; margin-top: 5px; padding:6px 0;}
.option_menu ul li span{padding: 13px 0; margin-left:17.4%; float:none; width:84%;}

.content_middle{padding: 40px 0 15px; line-height:28px;}
.content_middle p{ margin-bottom:20px;}


.section_feature{padding-top:44px; padding-bottom: 15px}
.section_family{min-height:484px;}
.section_family_overlay{ min-height:484px;}
.section_family h3{ letter-spacing:2px; padding:15px 0;}
.section_family_text{padding: 10px 20px 0; font-size:14px;}

.grid.section_feature{margin-left:-25px;}
.section_group{ margin-bottom:35px;}
.section_group h3, .option_module h3, .residence_module h3{padding:15px 0;}
.section_contact h3{ line-height:50px;}
.section_feature .grid__item{ padding-left:25px; margin-bottom:35px;}
.group_bottom_module{ width:262px;}
.player1{ width:262px !important; height:224px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:262px !important; height:225px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
.form_area{padding:3px 36px 3px; height:auto;}
.section_contact input[type="submit"]{ font-size:15px; height:37px;}
.section_feature .grid__item{ margin-bottom:30px;}
.group_bottom_module h3, .feature_module h3{ padding:15px 0;}
.section_contact input[type="text"], .section_contact input[type="email"]{line-height:20px; font-size:12px;}
.section_contact textarea{font-size: 12px; line-height: 20px; margin: 6px 0 0; height:51px;}

/*------------form-container-------------*/

.home-stay-title{ width:auto; margin-bottom:25px;}
.home-stay-title h1{ font-size:23px; padding:6px 15px;}
.home-stay-detail{ font-size:15px; line-height:28px; padding:0 64px; margin-bottom:20px;}
.form-heading{ padding:10px 0 10px 25px;}
.form-wrap{ width:790px;}
.form-content label{ font-size:15px; padding-top:5px;}
.form-content input[type="text"], .form-content input[type="email"], .form-content select{ padding:10px; font-size:14px;}
.form-content .booking-detail, .form-content .booking-section{ font-size:12.5px; padding:10px 54px 10px 15px;}
.form-content .notification{ font-size:12.5px; padding:12px 53px 12px 15px;}
.accomodation{ font-size:13px; width:760px;}
.accomodation.adjust{ margin-bottom:40px;}
.form-content .booking-detail.adjust{padding:10px 85px;}
.form-content a.calculate-button{ font-size:20px; padding:8px 0; width:205px;}
.submit-button{ padding:6px 0; margin-bottom:35px;}
.submit-button input[type="submit"]{ font-size:20px; padding:7px 0;}
a.showTip{ margin-left:35px;}
.form-content select.adjust{ width:114%;}
.form-content{ font-size:14px;}

/*------------internal-container-------------*/

.home-stay-detail.adjust{ margin-bottom:35px;  padding:0 25px;}
.home-stay-detail.adjust p{ margin-bottom:15px;}
.rates-section{ margin-bottom:45px;}
.rates-heading{padding: 12px 0 12px 30px;}
.catering-section table tr th{ padding:15px 0;}
.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white{ padding:13px 0;}
.catering-section table tr td.pink{ padding:14px 0;}
.catering-section table tr td{ font-size:15px;}
.rates-left-content{ width:66.5%;}

.availability-section{ font-size:14px; padding-left:70px;}
.availability-section .availability-info::after{ font-size:35px;}
.availability-section p{ margin-bottom:15px;}
.rates-right-content{ padding-left:18px; padding-top:30px;}
.rates-right-content .column{ width:52%;}
.rates-right-content ul li{ font-size:12px;}
.rates-left-content .option_menu ul li{ margin-left:7px;}


/*------------brand-archive-container-------------*/

.archive_content{ padding-top:50px;}
.section_feature .grid__item{ margin-bottom:25px;}
.brand_module_text p{font-size: 10.5px;line-height: 18.3px;padding: 7px 15px;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position{ font-size:17px;padding: 12px 0;}
.archive_content .option_menu ul li{ margin-top:13.5px;}
.archive_content .option_menu ul li:last-child { margin-top:12px; }

/*------------accomodation-container-------------*/

.accommodation_gallery{ margin-bottom:45px;}
.accommodation_menu{ margin-bottom:30px;}
.accommodation_menu ul li{ font-size:22px;}
.accommodation_menu ul li a{ line-height:55px;}
.tab_content{ font-size:15px;}
.tab_content h3{ font-size:28px; padding:25px 0;}
.availability_content p{ margin-top:-8px;}
.key_info .kye_name{ font-size:19px;}
.room_info{ padding:16px 30px;}
.accommodation_content{ padding-bottom:15px;}
.acc_gallery img{ margin:0 21px 21px;}
.key_info .kye_description{padding: 16px 0 6px 50px;}

.accommodation_gallery #carousel{padding: 10px 69px;}
.accommodation_gallery #carousel .slides li{ width:105px !important;}


/*-------------footer----------------*/
.blog_update{ min-height:310px;}
.section_latest_blog h2 span{ margin-top:15px;}
.blog_slide{padding: 25px 27px; min-height:280px; font-size:14px;}
.blog_slide span{ margin-bottom:18px; font-size:16px;}
.blog_slide h2{ font-size:26px; margin-bottom:25px;}
.blog_slide a.blog-button{font-size: 17px;padding: 5px 18px;}
.partners-section{padding: 10px 0 45px;}
.partners-section a{ margin-right:0;}
.partners-section a img{ width:80%;}
.footer-top{ padding-top:35px; font-size:14px; line-height:25px;}
.footer-top h3{ font-size:27px; margin-bottom:16px;}
.footer-column{ padding-right:33px;}
.footer-top .widget_nav_menu ul li::before{ font-size:11px; margin:0 12px 0 0;}
.footer-top .widget_nav_menu ul li{ margin-bottom:10px;}
.footer-column h4{ line-height:29px; font-size:14px;}
.footer-column.adjust{ font-size:14px; line-height:22px; padding-right:0; padding-left:0px;}
.footer-column p{ margin-bottom:13px;}
.footer-top .grid{ margin-left:-10px;}
.footer-top .grid__item{ padding-left:10px;}
.footer-column.adjust p{ margin-bottom:17px;}
.footer-middle{ padding:15px 0;}
.footer-language-option a{ font-size:16px;}
.footer-language-option a:first-child, .footer-language-option a:nth-child(2), .footer-language-option a:nth-child(3), .footer-language-option a:nth-child(4),
.footer-language-option a:last-child{ background-position:left 4px;}
.footer-language-option a{ margin-right:30px;}
.footer-bottom{font-size: 15px; padding: 25px 0;}
.twitter-widget li .tweets_txt { width:268px; }

.banner_holder { margin-top:-50px; }

.brand_module_overlay {
	padding:10px 10px 54px;
	font-size:12px;
	line-height:16px;
}
.option_module_overlay {
	padding:10px 10px 58px;
	font-size:12px;
	line-height:16px;
}
.residence_module_overlay {
	padding:58px 10px 10px;
	font-size:12px;
	line-height:16px;
}
.brand_module.adjust img { margin-top:9px; }
.brand_module_overlay.pchange { padding:42px 10px 10px; }
.brand_module_overlay.fchange { padding:52px 20px 20px; }
.brand_module_overlay.schange { padding:52px 20px 20px; overflow:hidden; }

.brand_feature .grid__item { height:auto; }

.section_contact, .brand_module_text { height:224px; }
.text_content { height:154px; }

.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:128px; }
.overlay_content { height:165px; }
.brand_module_overlay.schange .overlay_content { height:165px; }
.section_feature .grid__item:first-child .overlay_content { height:400px; }


}
   
 
@media only screen and (min-width: 768px) and (max-width: 979px) {

.wrap{ width:655px;}
.site_navigation.desk { display:block; }
.site_navigation.mob { display:none; }
.site_navigation ul li .megamenu {  width: 655px;}
h2, .section_latest_blog h2{ font-size:24px;}
h3{ font-size:15px;}

/*--------------header---------------*/
.header_top{ padding:11px 0 9px;}
.top_menu ul li{ font-size:12px; padding:0 0 0 10px;}
.top_menu ul li:first-child{ padding:0 10px 0 0;}
.top_menu ul li a::before{ font-size:12px;}
.top_menu ul li a{padding: 0 0 0 18px;}
.language_option{ width:105px; height:30px;}
.language_option a{ padding:7px 9px; font-size:12px;}
.language_option img {  margin-right: 6px;  margin-top: 3px;}
.header_social{padding: 6px 0 0 20px;}
.header_social a{ margin-left:20px;}
.header_social a i{ font-size:16px;}
.header_bottom{min-height:65px; padding-top:25px;}
.logo img{ max-width:90%;}
.header_nav{ padding:0 0 0 25px;}
.header_nav ul li{ padding-left:17px; font-size:14px;}
.site_navigation ul li{ font-size:11px; line-height:40px;}
.site_navigation ul li i{ margin-left:1px;}

.site_navigation ul li .megamenu{ top:40px; padding:0 15px;}
.megamenu .menu_widget{ padding:20px 0; width:33.33%;}
.megamenu .menu_widget h3{ font-size:16px; line-height:16px;}
.megamenu .menu_widget ul li{ font-size:13px; margin-bottom:8px;}


/*------------home-container-------------*/

.lhs .background{border-bottom: 6px solid #37616f;}
.home_title h1{ font-size:20px; padding:1px 20px 5px;}
.section_option{padding-bottom:35px;}
.about_content{ line-height:22px; font-size: 13px;padding: 23px 55px 35px; background-size: 60%; margin-bottom:25px;}
.option_menu ul li{ font-size:9px; margin-top:2px;}
.option_menu ul li i{ font-size:24px; margin-top: 5px; padding:2px 0;}
.option_menu ul li span{padding: 8px 0; margin-left:17.4%; float:none; width:84%;}

.content_middle{padding: 32px 0 10px; line-height:24px; font-size:15px;}
.content_middle h2{ margin-bottom:20px;}
.content_middle p{ margin-bottom:15px;}


.section_feature{padding-top:35px; padding-bottom: 5px}
.section_family{min-height:378px;}
.section_family_overlay{ min-height:378px;}
.section_family h3{ letter-spacing:1px; padding:8px 0;}
.section_family_text{padding: 10px 15px 0; font-size:11px; line-height:18px;}

.grid.section_feature{margin-left:-15px;}
.section_feature .grid__item{ padding-left:15px; margin-bottom:35px;}
.section_group{ margin-bottom:28px;}
.section_group h3, .option_module h3, .residence_module h3{padding:8px 0;}
.section_contact h3{ line-height:37px; font-size:16px;}
.group_bottom_module{ width:205px;}
.player1{ width:212px !important; height:175px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:205px !important; height:175px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
/*.mejs-overlay-button{height: 60px;left: 59%;top: 42%;background-size: 60%;}
.mejs-overlay-button:hover{height: 60px;left: 59%;top: 42%;background-size: 60%;}
*/.form_area{padding: 0px 36px; height:auto;}
.section_contact input[type="submit"]{ font-size: 12px;height:26px;line-height:26px;letter-spacing: 1px;}
.section_feature .grid__item{ margin-bottom:30px;}
.group_bottom_module h3, .feature_module h3{ padding:8px 0;}
.section_contact input[type="text"], .section_contact input[type="email"]{line-height:15px; font-size:9px;}
.section_contact textarea{font-size: 9px;height: 40px;line-height: 20px;margin: 2px 0 0;}

/*------------form-container-------------*/

.home-stay-title{ width:auto; margin-bottom:20px;}
.home-stay-title h1{ font-size:23px; padding:5px 15px;}
.home-stay-detail{ font-size:14px; line-height:25px; padding:0 60px; margin-bottom:20px;}
.home-stay-detail p br{ display:none;}
.form-heading{ padding:8px 0 8px 15px;}
.form-wrap{ width:630px;}
.form-content label{ font-size:13px; padding-top:5px; line-height:20px;}
.form-content input[type="text"], .form-content input[type="email"], .form-content select{ padding:8px; font-size:12px;}
.form-content select { height:30px; margin:13px 0 0; }
.select-box::after{border-width: 5px 4px 0; top:65%;}
.form-content .booking-detail, .form-content .booking-section{ font-size:10.5px; padding:8px 50px 8px 24px;}
.form-content .notification{ font-size:10.5px; padding:8px 36px 8px 12px; line-height:18px;}
.form-content .notification::after, .form-content .booking-detail::after{ font-size:20px; right:11px; top:18px;}
.form-content .notification.adjust::after{ top:9px;}
.form-content .zone-select::after{ font-size:20px;}
.form-content .supplement::after{ font-size:20px;}
.form-content .select-box.zone-option{ margin-right:16px;}
.form-content .booking-detail.adjust p{ margin-bottom:15px;}
.accomodation{ font-size:11px; width:640px;}
.accomodation.adjust{ margin-bottom:30px;}
.form-content .booking-detail.adjust{padding:10px 55px;}
.form-content a.calculate-button{ font-size:18px; padding:5px 0; width:170px; letter-spacing:2px;}
.submit-button{ padding:6px 0; margin-bottom:30px;}
.submit-button input[type="submit"]{ font-size:18px; padding:7px 0;}
.form-content{ font-size:12px;}
td{ padding-bottom:20px;}
.form-content textarea{ height:150px;}
.form-content.adjust label{padding-top:20px;}
a.showTip{ margin-left:40px;}
.form-content select.adjust{ width:120%;}
.form-content select option {  font-size: 11px;  padding: 0 7px;}

#lang_sel{left: 48%;top: 0;}
.language_option {  height: 0;}
#lang_sel li{ width:115px;}
.language_option #lang_sel ul ul{ top:32px; width:115px;}
.language_option #lang_sel ul li li{ width:115px;}
.language_option #lang_sel ul li a{ font-size:12px; line-height:16px; padding:8px 12px;}
#lang_sel img.iclflag{ top:0;}
#footer_language_list ul li{ font-size:15px; padding:0 20px; margin-bottom:8px;}
#footer_language_list ul li img {  margin: 5px 18px 0 0;}
.footer-middle{ padding:16px 0 12px;}




/*------------internal-container-------------*/

.home-stay-detail.adjust{ margin-bottom:35px; padding:0 30px; text-align:justify;}
.home-stay-detail.adjust p{ margin-bottom:15px;}
.rates-section{ margin-bottom:35px;}
.rates-heading{padding: 10px 0 10px 25px;}
.catering-section table tr th{ padding:15px 0;}
.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white{ padding:11px 2px;}
.catering-section table tr td.pink{ padding:12px 0;}
.catering-section table tr td{ font-size:11px;}
.catering-section{ margin-bottom:25px;}
.rates-left-content{ width:67%;}


.availability-section{ font-size:13px; padding-left:60px; margin-bottom:30px;}
.availability-section .availability-info::after{ font-size:28px; top:12px;}
.availability-section p{ margin-bottom:14px;}
.rates-right-content{ padding-left:10px; padding-top:20px;}
.rates-right-content .column{ width:52%;}
.rates-right-content ul li span{ font-size:12px;}
.rates-right-content ul li{ font-size:10.5px;}

.rates-left-content .option_menu ul li{ width:100%; margin-left:0;}


/*------------brand-archive-container-------------*/

.archive_content{ padding-top:35px;}
.section_feature .grid__item{ margin-bottom:15px;}
.brand_module_text p{font-size: 8.5px;line-height: 14.5px;padding: 5px;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position{ font-size:14px;padding: 8px 0; letter-spacing:2px;}
.archive_content .option_menu ul li{ margin-top:11.7px;}
.archive_content .option_menu ul li:last-child { margin-top:11px; }
.brand_module .player1{ width:209px !important; height:179px !important;}
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:209px !important; height:179px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}


/*------------accomodation-container-------------*/

.accommodation_gallery{ margin-bottom:35px;}
.accommodation_menu{ margin-bottom:25px;}
.accommodation_menu ul li{ font-size:20px;}
.accommodation_menu ul li a{ line-height:50px;}
.tab_content{ font-size:14px;}
.tab_content h3{ font-size:26px; padding:25px 0;}
.tab_content p{ line-height:25px; margin-bottom:20px;}
.availability_content p{ margin-top:-6px;}
.key_info .kye_name{ font-size:19px;}
.room_info{ padding:16px 30px;}
.accommodation_content{ padding-bottom:15px;}
.acc_gallery img{ margin:0 11px 21px; width:21.5%;}
.key_info .kye_description{padding: 14px 0 4px 30px;}
.key_info .kye_description ul li::before{ font-size:9px;}
.key_info .kye_description ul li{font-size: 13px;}
.key_info.gap{ margin-bottom:25px;}
h4.acc_trigger{ font-size:20px; padding:8px 20px;}
.acc_container{ font-size:13px; padding:16px 20px 12px;}



/*-------------footer----------------*/
.blog_update{ min-height:220px;}
.section_latest_blog h2{line-height: 18px;margin: 0 0 25px;}
.section_latest_blog h2 span{ margin-top:15px;}
.blog_slide{padding: 15px 20px; min-height:210px; font-size:12px;}
.blog_slide span{ margin-bottom:10px; font-size:12px;}
.blog_slide h2{ font-size:21px; margin-bottom:18px;}
.blog_slide a.blog-button{font-size: 14px;padding: 4px 10px;}
.partners-section{padding: 10px 0 30px;}
.partners-section a{ margin-right:6px; width:100px;}
.partners-section a img{ width:95%;}
.footer-top .grid{ margin-left:0;}
.footer-top .grid__item{ padding-left:0;}
.footer-top{ padding-top:20px; font-size:12px; line-height:20px; padding-bottom:10px;}
.footer-top h3{ font-size:20px; line-height:35px; margin-bottom:12px;}
.footer-column{ padding-right:25px;}
.footer-top .widget_nav_menu ul li::before{ font-size:11px; margin:0 12px 0 0;}
.footer-top .widget_nav_menu ul li{ margin-bottom:9px;}
.footer-column h4{ line-height:22px; font-size:13px;}
.footer-column.adjust{ font-size:11px; line-height:17.5px; padding-right:0; padding-left:0px;}
.footer-column p{ margin-bottom:16px;}
.footer-column.adjust p{ margin-bottom:17px;}
.footer-column.adjust h3 .fa{font-size: 16px;margin: 0 0 0 4px;}
.footer-middle{ padding:12px 0;}
.footer-language-option a{ font-size:14px;}
.footer-language-option a:first-child, .footer-language-option a:nth-child(2), .footer-language-option a:nth-child(3), .footer-language-option a:nth-child(4),
.footer-language-option a:last-child{ background-position:left 3px;}
.footer-language-option a{ margin-right:25px;}
.footer-bottom{font-size: 12px; padding: 20px 0;}
.twitter-widget li .tweets_txt { width:100%;}
.twitter-widget li { font-size:12px; line-height:normal;}
.twitter-widget li span { font-size:13px;}

.inner-content.wrap h1{ font-size:34px; margin:15px 0 25px;}
.contact_info{ font-size:17px; padding-top:41px;}
.contact_info p i {  font-size: 17px;  margin-right: 15px;}
.contact_form p{ margin-right:0;}
.map_area { padding: 22px 0 0; }
.map_area #map_canvas {  height:480px;  width: 100%;}
.contact_form label{ line-height:45px;}
.contact_form p {  margin: 0 0 8px;}
.contact_form input[type="submit"]{padding: 4px 30px; letter-spacing:1px;}


.banner_holder { margin-top:-40px; }

.brand_module_overlay {
	padding:5px 5px 42px;
	font-size:12px;
	line-height:14px;
}
.option_module_overlay {
	padding:5px 5px 42px;
	font-size:12px;
	line-height:14px;
}
.residence_module_overlay {
	padding:42px 5px 5px;
	font-size:12px;
	line-height:14px;
}
.brand_module.adjust img { margin-top:14px; }
.brand_module_overlay.pchange { padding:42px 5px 5px; }
.brand_module_overlay.fchange { padding:42px 10px 10px; }
.brand_module_overlay.schange { padding:42px 10px 10px; overflow:hidden; }

.brand_feature .grid__item { height:auto; }


.section_contact, .brand_module_text { height:179px; }
.text_content { height:110px; }

.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:100px; }
.overlay_content { height:128px; }
.brand_module_overlay.schange .overlay_content { height:134px; }
.section_feature .grid__item:first-child .overlay_content { height:320px; }

/*********************table****************************/
.entry-content table tr td { font-size:13px; }

.section_testimonial .item .author_image { width:150px; }
.section_testimonial .item .testimonial_cont { width:500px; box-sizing:border-box; padding:18px 0 0 50px; margin:0; }
 
} 

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

.wrap{ width:614px;}
.site_navigation.desk { display:block; }
.site_navigation.mob { display:none; }
.site_navigation ul li .megamenu {  width: 614px;}
h2, .section_latest_blog h2{ font-size:22px;}
h3{ font-size:12px;}

/*--------------header---------------*/
.header_top{ padding:9px 0 8px;}
.top_menu ul li{ font-size:10px; padding:0 0 0 8px;}
.top_menu ul li:first-child{ padding:0 8px 0 0;}
.top_menu ul li a::before{ font-size:9px; top:1px;}
.top_menu ul li a{padding: 0 0 0 14px;}
.language_option a{ padding:5px 7px; font-size:10px;}
.language_option img{ margin-right:8px; width:28%; margin-top:2.5px;}
.language_option i{ margin-top:3px;}
.header_social{padding: 6px 0 0 15px;}
.header_social a{ margin-left:20px;}
.header_social a i{ font-size:14px;}
.header_bottom{min-height:65px; padding-top:25px;}
.logo img{ max-width:100%;}
.menu_icon{ margin-top:-5px;}
.header_nav{ padding: 0;    width: 126%;  text-align:right; margin:5px 0;}
.header_nav ul {  padding: 0;  width: 100% !important;}
.header_nav ul li{ font-size:15px; padding: 0 !important; float:none;}
.header_nav ul li a{ padding:6px 10px;}
.site_navigation ul li{ font-size:11px; line-height:40px; letter-spacing:0.5px;}
.site_navigation ul li i{ margin-left:1px;}

.site_navigation ul li .megamenu{ top:40px; padding:0 15px;}
.megamenu .menu_widget{ padding:20px 0; width:33.33%;}
.megamenu .menu_widget h3{ font-size:16px; line-height:18px;}
.megamenu .menu_widget ul li{ font-size:13px; margin-bottom:8px;}

#lang_sel{left: 16%;top: 2px;}
.language_option {  height: 0;}
#lang_sel li{ width:115px;}
.language_option #lang_sel ul li li{ width:115px;}
.language_option #lang_sel ul ul{ width:115px; top:29px;}
.language_option #lang_sel ul li a{font-size: 12px;line-height: 17px;padding: 6px 9px;}


/*------------home-container-------------*/ 

.banner_holder { margin-top:0; }
.home_title h1{ font-size:20px; padding:1px 20px 5px;}
.section_option{padding-bottom:30px;}
.about_content{ line-height:22px; font-size: 13px;padding: 23px 55px 35px; background-size: 60%; margin-bottom:25px;}
.option_menu ul li{ font-size:8px; margin-top:2px;}
.option_menu ul li i{ font-size:22px; margin-top: 5px; padding:2px 0;}
.option_menu ul li span{padding: 6.9px 0; margin-left:17.4%; float:none; width:83%;}

.content_middle{padding: 25px 0 10px; line-height:22px; font-size:14px;}
.content_middle h2{ margin-bottom:15px;}
.content_middle p{ margin-bottom:12px;}


.section_feature{padding-top:30px; padding-bottom: 5px}
.section_family{min-height:353px;}
.section_family_overlay{ min-height:353px;}
.section_family h3{ letter-spacing:1px; padding:5px 0;}
.section_family_text{padding: 12px 14px 0; font-size:10px; line-height:16px;}

.grid.section_feature{margin-left:-15px;}
.section_feature .grid__item{ padding-left:15px; margin-bottom:35px;}
.section_group{ margin-bottom:22px;}
.section_group h3, .option_module h3, .residence_module h3{padding:5px 0;}
.section_contact h3{ line-height:31px; font-size:12px;}
.group_bottom_module{ width:195px;}
.player1{ width:195px !important; height:167px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:195px !important; height:167px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
/*.mejs-overlay-button{height: 60px;left: 59%;top: 42%;background-size: 60%;}
.mejs-overlay-button:hover{height: 60px;left: 59%;top: 42%;background-size: 60%;}
*/.form_area{padding: 0px 36px; height:auto;}
.section_contact input[type="submit"]{ font-size: 12px;height: 26px;line-height: 26px;letter-spacing: 1px;}
.section_feature .grid__item{ margin-bottom:22px;}
.group_bottom_module h3, .feature_module h3{ padding:5px 0;}
.section_contact input[type="text"], .section_contact input[type="email"]{line-height:15px; font-size:9px;}
.section_contact textarea{font-size: 9px;height: 34px;line-height: 20px;margin: 2px 0 0;}

/*------------form-container-------------*/

.home-stay-title{ width:auto; margin-bottom:20px;}
.home-stay-title h1{ font-size:21px; padding:5px 14px;}
.home-stay-detail{ font-size:13px; line-height:25px; padding:0 60px; margin-bottom:20px;}
.home-stay-detail p br{ display:none;}
.form-heading{ padding:8px 0 8px 15px; margin-bottom:20px;}
.form-wrap{ width:590px;}
.form-content label{ font-size:13px; padding-top:5px; line-height:20px;}
.form-content input[type="text"], .form-content input[type="email"], .form-content select{ padding:8px; font-size:12px;}
.select-box::after{border-width: 5px 4px 0; top:65%;}
.form-content .booking-detail, .form-content .booking-section{ font-size:10.5px; padding:8px 35px;}
.form-content .notification{ font-size:10.5px; padding:8px 50px 8px 12px; line-height:18px;}
.form-content .notification::after, .form-content .booking-detail::after{ font-size:20px; right:11px; top:18px;}
.form-content .notification.adjust::after{ top:9px;}
.form-content .zone-select::after{ font-size:20px;}
.form-content .supplement::after{ font-size:20px;}
.form-content .select-box.zone-option{ margin-right:16px;}
.form-content .booking-detail.adjust p{ margin-bottom:15px;}
.accomodation{ font-size:10px; width:580px;}
.accomodation.adjust{ margin-bottom:30px;}
.form-content .booking-detail.adjust{padding:10px 35px 10px 20px;}
.form-content a.calculate-button{ font-size:18px; padding:5px 0; width:170px; letter-spacing:2px;}
.submit-button{ padding:6px 0; margin-bottom:30px;}
.submit-button input[type="submit"]{ font-size:18px; padding:7px 0;}
.form-content a.calculate-button.adjust{ margin-bottom:35px;}
a.showTip{ margin-left:45px;}
.form-content{ font-size:12px;}
td{ padding-bottom:20px;}
.form-content textarea{ height:150px;}
.form-content.adjust label{padding-top:20px;}
.form-content select.adjust{ width:125%;}



/*------------internal-container-------------*/

.home-stay-detail.adjust{ margin-bottom:30px; padding:0 30px; text-align:justify; font-size:12px; line-height:22px;}
.home-stay-detail.adjust p{ margin-bottom:12px;}
.rates-section{ margin-bottom:30px;}
.rates-heading{padding: 10px 0 10px 25px;}

.catering-section table tr th{ padding:15px 0;}
.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white{ padding:11px 0;}
.catering-section table tr td.pink{ padding:12px 0;}
.catering-section table tr td{ font-size:12px;}
.catering-section{ margin-bottom:22px;}
.rates-left-content{ width:67%;}

.availability-section{ font-size:11px; padding-left:50px; margin-bottom:25px;}
.availability-section .availability-info::after{ font-size:25px; top:12px; left:17px;}
.availability-section p{ margin-bottom:12px;}
.rates-right-content{ padding-left:10px; padding-top:20px;}
.rates-right-content .column{ width:52%;}
.rates-right-content ul li span{ font-size:12px;}
.rates-right-content ul li{ font-size:10px;}
.rates-right-content{ width:31.5%;}

/*------------brand-archive-container-------------*/

.archive_content{ padding-top:45px;}
.section_feature .grid__item{ margin-bottom:15px;}
.brand_module_text p{font-size: 8.2px;line-height: 13.5px;padding: 4px;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position{ font-size:14px;padding: 5px 0; letter-spacing:2px;}
.archive_content .option_menu ul li{ margin-top:10.7px;}
.archive_content .option_menu ul li:last-child { margin-top:9px; }
.brand_module .player1{ width:195px !important; height:167px !important;}
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:195px !important; height:167px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}


/*------------accomodation-container-------------*/

.accommodation_gallery{ margin-bottom:30px;}
.accommodation_menu{ margin-bottom:20px;}
.accommodation_menu ul li{ font-size:18px;}
.accommodation_menu ul li a{ line-height:45px;}
.tab_content{ font-size:13px;}
.tab_content h3{ font-size:24px; padding:25px 0 20px;}
.tab_content p{ line-height:23px; margin-bottom:15px;}
.apply_btn{font-size: 21px;height: 50px;width: 150px; line-height:50px;}
.availability_content p{ margin-top:-4px;}
.key_info .kye_name{ font-size:17px;}
.room_info{ padding:10px 25px; font-size:14px;}
.accommodation_content{ padding-bottom:15px;}
.acc_gallery img{ margin:0 13px 21px; width:20.5%;}
.key_info .kye_description{padding: 14px 0 4px 30px;}
.key_info .kye_description ul li::before{ font-size:8px;}
.key_info .kye_description ul li{font-size: 12px; margin-bottom:10px;}
.key_info.gap{ margin-bottom:25px;}
h4.acc_trigger{ font-size:20px; padding:8px 20px;}
.acc_container{ font-size:13px; padding:16px 20px 12px;}
.accommodation_gallery #carousel{padding:0px;}
.accommodation_gallery #carousel .slides li{width: 100px !important;}
.accommodation_gallery #carousel .flex-direction-nav a::before{ left:36%; top:34%;}
.accommodation_gallery .flex-direction-nav a::before{ font-size:20px;}
#prev::before, #next::before { top:25%; }



/*-------------footer----------------*/
.blog_update{ min-height:220px;}
.section_latest_blog h2{line-height:normal;margin: 0 0 20px;}
.section_latest_blog h2 span{ margin-top:12px;}
.blog_slide{padding: 15px 20px; min-height:210px; font-size:12px;}
.blog_slide span{ margin-bottom:15px; font-size:12px;}
.blog_slide h2{ font-size:21px; margin-bottom:20px;}
.blog_slide a.blog-button{font-size: 14px;padding: 4px 10px;}
.partners-section{padding: 10px 0 25px;}
.partners-section a{ margin-right:4px; width:95px;}
.partners-section a img{ width:95%;}
.footer-top .grid{ margin-left:0;}
.footer-top .grid__item{ padding-left:0;}
.footer-top{ padding-top:20px; font-size:12px; line-height:20px; padding-bottom:10px;}
.footer-top h3{ font-size:20px; line-height:35px; margin-bottom:10px;}
.footer-column{ padding-right:25px;}
.footer-top .widget_nav_menu ul li::before{ font-size:11px; margin:0 12px 0 0;}
.footer-top .widget_nav_menu ul li{ margin-bottom:5px;}
.footer-column h4{ line-height:22px; font-size:12px;}
.footer-column.adjust{ font-size:10px; line-height:18px; padding-right:0; padding-left:0px;}
.footer-column p{ margin-bottom:7px;}
.footer-column.adjust p{ margin-bottom:7px;}
.footer-column.adjust h3 .fa{font-size: 16px;margin: 0 0 0 4px;}
.footer-middle{ padding:12px 0;}
.footer-language-option a{ font-size:14px; margin-right:25px;}
.footer-language-option a:first-child, .footer-language-option a:nth-child(2), .footer-language-option a:nth-child(3), .footer-language-option a:nth-child(4),
.footer-language-option a:last-child{ background-position:left 3px;}
.footer-bottom{font-size: 12px; padding: 20px 0;}
.twitter-widget li .tweets_txt { width:100%;}
.twitter-widget li { font-size:12px; line-height:normal;}
.twitter-widget li span { font-size:13px;}


.inner-content.wrap h1{ font-size:32px; margin:15px 0 18px;}
.contact_info{ font-size:17px; padding-top:41px;}
.contact_info p i {  font-size: 17px;  margin-right: 15px;}
.contact_form p{ margin-right:0;}
.map_area { padding:22px 0 0; }
.map_area #map_canvas {  height: 480px;  width: 100%;}
.contact_form label{ line-height:45px;}
.contact_form p {  margin: 0 0 8px;}
.contact_form input[type="submit"]{padding: 4px 30px; letter-spacing:1px; margin-top:20px;}

.banner_holder { margin-top:-40px; }

.brand_module_overlay {
	padding:5px 5px 32px;
	font-size:11px;
	line-height:14px;
}
.option_module_overlay {
	padding:5px 5px 32px;
	font-size:11px;
	line-height:14px;
}
.residence_module_overlay {
	padding:32px 5px 5px;
	font-size:11px;
	line-height:14px;
}

.brand_module.adjust img { margin-top:14px; }
.brand_module_overlay.pchange { padding:32px 5px 5px; }
.brand_module_overlay.fchange { padding:32px 10px 10px; }
.brand_module_overlay.schange { padding:38px 10px 10px; overflow:hidden; }

.brand_feature .grid__item { height:auto; }

.brand_module_overlay .overlay_content {
}

.brand_module_overlay.pchange .overlay_content, .brand_module_overlay.fchange .overlay_content {
}
.brand_module_overlay.schange .overlay_content {
}

.text_content { height:100px; }

.section_contact, .brand_module_text { height:167px; }

.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:100px; }
.overlay_content { height:127px; }
.brand_module_overlay.schange .overlay_content { height:130px; }
.section_feature .grid__item:first-child .overlay_content { height:314px; }

.section_testimonial .item .author_image { width:150px; }
.section_testimonial .item .testimonial_cont { width:388px; box-sizing:border-box; padding:18px 0 0 27px; margin:0; }

}


@media only screen and (max-width: 640px) {
.wrap{ width:600px;}
.site_navigation.desk { display:block; }
.site_navigation.mob { display:none; }
.rates-left-content .option_menu ul li{ width: 48.7%;}
.footer-top .widget_nav_menu ul li::before{ font-size:9px;}
.blog_slide{ min-height:225px;}
.blog_update{ min-height:233px;}
.partners-section a {  margin-right: 5px;  width: 90px;  margin-left: 5px;}
.footer-top .grid {  margin-left: -8px;}
.footer-top .grid__item {  padding-left: 8px;}
.form-heading{ margin:0;}
.select-box::after {  border-width: 5px 4px 0;  top: 65%;}
.form-content select option {  font-size: 10px;  padding: 0 5px;}
.form-content select option {  padding: 0 5px;}
.submit-button{ margin-bottom:20px;}
#lang_sel{left: 20px;top: 2px;}
.language_option {  height: 0; margin:0; width:auto;}
#lang_sel li{ width:128px;}
.language_option #lang_sel ul ul{ top:29px; width:128px;}
.language_option #lang_sel ul li li{ width:128px;}
.language_option #lang_sel ul li a {  font-size: 13px;  line-height: 15px;  padding: 7px 10px;}
#lang_sel img.iclflag{ top:0;}
#footer_language_list ul li{ font-size:13px; padding:0 15px; margin-bottom:8px;}
#footer_language_list ul li img {  margin: 3px 12px 0 0;}
.footer-middle{ padding:12px 0 6px;}

.megamenu .menu_widget { width:100%; }

.brand_module { width:100%; }

.banner_holder { margin-top:-40px; }

.brand_module .player1 {
    height: 163px !important;
    width: 189px !important;
}

.brand_module_overlay {
	padding:5px 5px 34px;
	font-size:11px;
	line-height:14px;
}
.brand_module.adjust img { margin-top:11px; }
.brand_module_overlay.pchange { padding:32px 5px 5px; }
.brand_module_overlay.fchange { padding:32px 10px 10px; }
.brand_module_overlay.schange { padding:38px 10px 10px; overflow:hidden; }

.form_area { padding:0 36px; height:auto; }

.section_contact input[type="submit"]{ font-size: 12px;height: 25px;line-height: 25px;letter-spacing: 1px;}

.section_contact h3 { line-height:28px; }
.brand_feature .grid__item { height:auto; }

.section_contact, .brand_module_text { height:163px; }

.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:100px; }
.overlay_content { height:124px; }
.brand_module_overlay.schange .overlay_content { height:124px; }
.section_feature .grid__item:first-child .overlay_content { height:294px; }

.section_testimonial .item .author_image { width:150px; }
.section_testimonial .item .testimonial_cont { width:388px; box-sizing:border-box; padding:18px 0 0 27px; margin:0; }

}


@media only screen and (max-width: 623px) {
.wrap{ width:569px;}
.site_navigation.desk { display:block; }
.site_navigation.mob { display:none; }
.site_navigation ul li .megamenu {  width: 569px;}
.section_family, .section_family_overlay{ min-height:330px;}
.section_family_text {  padding: 5px 14px 0;  font-size: 9.5px;}
.group_bottom_module{ width:180px;}
.player1{ width:180px !important; height:155px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:180px !important; height:155px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
.section_contact textarea {  font-size: 9px;  height: 29px;  line-height: 20px;  margin: 0;}
.section_feature{ padding-bottom:15px;}
.partners-section a {  margin-left: 12px;  margin-right: 2px;  width: 79px;}
.footer-bottom {  font-size: 11px;  padding: 18px 0;}
.option_menu ul li span{padding: 6px 0; letter-spacing:2px;}
.menu, .footer-top h3, .footer-column h4, .footer-column p{ padding-left:5px;}
.footer-top .widget_nav_menu ul li{ margin-bottom:9px;}

.archive_content{ padding-top:35px;}
.banner_holder { margin-top:0; }
/*------------brand-archive-container-------------*/

/*.brand_module{ width:180px;}*/
.brand_module_text{ width:100%;}
/*.brand_module .player1{ width:180px !important; height:155px !important;}*/
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:180px !important; height:155px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}
.brand_module_text p{line-height: 12px; font-size: 8.4px; padding: 2px 4px;}
.archive_content .option_menu ul li i {  padding: 1.2px 0;}
.archive_content .option_menu ul li span {  letter-spacing: 2.2px;  padding: 5.7px 0;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position {  font-size: 11px;  letter-spacing: 2px;  padding: 5px 0;}
.archive_content .option_menu ul li{ font-size:9px;}

.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white {  padding: 15.4px 0;}
.rates-left-content .option_menu ul li {  margin-left: 0;  width: 100%;}

.inner-content.wrap h1{ font-size:30px; margin:10px 0;}
.contact_form p{ margin-right:0;}
.contact_info p{ margin-bottom:12px;}
.contact_info{ font-size:15px;}
.contact_info p i {  font-size: 15px;  margin-right: 14px;}
.map_area #map_canvas {  height: 270px;  width: 100%;}
.contact_form label{ line-height:45px;}
.contact_form p {  margin: 0 0 8px !important;}
.contact_form input[type="submit"]{padding: 4px 30px; letter-spacing:1px; margin-top:20px;}


.brand_module { width:100%; }

.banner_holder { margin-top:-40px; }

.brand_module .player1 {
    height: 154px !important;
    width: 175px !important;
}

.brand_module_overlay {
	padding:5px 5px 32px;
	font-size:11px;
	line-height:14px;
}
.brand_module.adjust img { margin-top:9px; }
.brand_module_overlay.pchange { padding:32px 5px 5px; }
.brand_module_overlay.fchange { padding:32px 10px 10px; }
.brand_module_overlay.schange { padding:36px 10px 10px; overflow:hidden; }

.form_area { padding:0 36px; height:auto; }

.section_contact h3 { line-height:27px; }

.brand_feature .grid__item { height:auto; }

.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:86px; }
.overlay_content { height:116px; }
.brand_module_overlay.schange .overlay_content { height:116px; }
.section_feature .grid__item:first-child .overlay_content { height:282px; }

.section_contact, .brand_module_text { height:154px; }

.content_holder { padding:10px 10px 0; }

.section_testimonial .item .author_image { width:150px; }
.section_testimonial .item .testimonial_cont { width:388px; box-sizing:border-box; padding:18px 0 0 27px; margin:0; }

}



@media only screen and (max-width: 588px) {
	
/*----------------home-container----------------*/

.wrap{ width:540px;}
.site_navigation.desk { display:block; }
.site_navigation.mob { display:none; }
.site_navigation ul li .megamenu {  width: 540px;}
.top_menu ul li:first-child{padding: 0 7px 0 0;}
.top_menu ul li{padding: 0 0 0 7px;}
.site_navigation ul li{ font-size:9.5px;}
.section_option.alt .grid{margin: 0 0 0 -12px;}
.site_navigation ul li{ letter-spacing:1px;}
.section_option.alt .grid__item{ padding-left:12px;}
.option_menu ul li span{ letter-spacing:2.5px; padding:5.3px 0;}
.option_menu ul li i{ padding:1.6px 0;}
.group_bottom_module{ width:170px;}
.player1{ width:170px !important; height:145px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:170px !important; height:145px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
.section_family_text {  font-size: 8.5px;  line-height: 16px;  padding: 8px 10px 0;}
.section_family{min-height:312px;}
.section_family_overlay{ min-height:312px;}
.section_contact input[type="text"], .section_contact input[type="email"]{ font-size:8.5px;}
.section_contact textarea {  font-size: 8px;  height: 22px;  line-height: 20px;  margin: 0;}
.section_contact input[type="submit"] {  font-size: 10px;  height:18px;  letter-spacing: 1px;  line-height:18px;}
.section_feature{ padding-bottom:20px;}
.blog_slide{ min-height:225px;}
.partners-section{ padding:30px 0;}
.footer-language-option a{ margin-right:16px; font-size:12px; padding-left: 40px;}
.footer-language-option a:first-child, .footer-language-option a:nth-child(2), .footer-language-option a:nth-child(3), .footer-language-option a:nth-child(4), .footer-language-option a:last-child{ background-position:left 1px;}
.footer-top{ font-size:10px;}
.footer-column.adjust{ font-size:9.5px;}
.footer-top .widget_nav_menu ul li::before{ font-size:6px;}
.footer-bottom{ font-size:10px; padding:15px 0;}
.blog_update {  min-height: 245px;}
.blog_slide {  min-height: 240px;}
.footer-top h3{ font-size:19px;}

.site_navigation ul li .megamenu{ top:39px; padding:0 15px;}
.megamenu .menu_widget{ padding:18px 0; width:100%;}
.megamenu .menu_widget h3{ font-size:14px; line-height:18px;}
.megamenu .menu_widget ul li{ font-size:12px; margin-bottom:5px;}

.banner_holder { margin-top:0; }
/*------------------internal-container-----------------------*/

.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white {  padding: 16px 0;}
.rates-left-content .option_menu ul li{ width:100%; margin-left:0;}
.partners-section a {  margin-right: 0px;  width: 76px;}
.partners-section {  padding: 20px 0 30px;}



/*----------------archive-container----------------*/

/*.brand_module{ width:175px;}*/
.brand_module_text{ width:103%;}
/*.brand_module .player1{ width:175px !important; height:150px !important;}*/
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:175px !important; height:150px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}
.brand_module_text p{line-height: 11px;}
.archive_content .option_menu ul li i {  padding: 1.2px 0;}
.archive_content .option_menu ul li span {  letter-spacing: 2.2px;  padding: 4.7px 0;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position {  font-size: 11px;  letter-spacing: 2px;  padding: 5px 0;}

/*----------form-container---------------*/

.accomodation {  font-size: 10px;  width: 470px;}
.form-heading{ margin-bottom:0;}
.form-content.alt .select-box{ width:125%;}
.form-content select option {  padding: 0 4px; font-size:10px;}
.form-content select.adjust{ width:130%;}
.submit-button{ margin-bottom:15px;}


#lang_sel{left: 10px;top: 4px;}
.language_option {  height: 0;}
#lang_sel li{ width:105px;}
.language_option #lang_sel ul ul{ top:26px; width:105px;}
.language_option #lang_sel ul li li{ width:105px;}
.language_option #lang_sel ul li a{ font-size:11px; line-height:16px; padding:5px 10px;}
#lang_sel img.iclflag{ top:0;}
#footer_language_list ul li{ font-size:13px; padding:0 15px; margin-bottom:8px;}
#footer_language_list ul li img {  margin: 3px 12px 0 0;}
.footer-middle{ padding:12px 0 6px;}

.twitter-widget li .tweets_txt { width: 100%; }

.twitter-widget li { line-height:normal; }

.site_navigation ul li i { display:none; }

.brand_module { width:100%; }

.banner_holder { margin-top:-40px; }

.brand_module .player1 {
    height: 146px !important;
    width: 175px !important;
}

.brand_module_overlay {
	padding:5px 5px 32px;
	font-size:11px;
	line-height:14px;
}
.option_module_overlay {
	padding:5px 5px 32px;
	font-size:11px;
	line-height:13px;
}
.option_module_overlay {
	padding:5px 5px 32px;
	font-size:11px;
	line-height:13px;
}

.residence_module_overlay {
	padding:32px 5px 5px;
	font-size:11px;
	line-height:13px;
}


.brand_module.adjust img { margin-top:8px; }
.brand_module_overlay.pchange { padding:32px 5px 5px; }
.brand_module_overlay.fchange { padding:35px 10px 10px; }
.brand_module_overlay.schange { padding:38px 10px 10px; overflow:hidden; }

.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:90px; }
.overlay_content { height:99px; }
.brand_module_overlay.schange .overlay_content { height:100px; }
.section_feature .grid__item:first-child .overlay_content { height:270px; }
.section_contact, .brand_module_text { height:146px; }
.text_content { height:91px; }

.section_testimonial .item .author_image { width:150px; }
.section_testimonial .item .testimonial_cont { width:388px; box-sizing:border-box; padding:18px 0 0 27px; margin:0; }
}


@media only screen and (min-width: 481px) and (max-width: 559px) {
	
/*--------------------home-page----------------------*/


h3{ font-size:18px;}
.wrap{ width:400px;}
.site_navigation.desk { display:none; }
.site_navigation.mob { display:block; }
.site_navigation ul li .megamenu {  width: 400px; z-index:9999;}
.site_navigation ul li {  letter-spacing: 2px;  width: 100%;  float: none;  font-size: 14px; position:relative;}
.header_top .lap--one-half.full--width, .section_option.alt .lap--one-third.full--width, .grid.section_feature .lap--one-third.full--width,
.grid.section_feature .lap--two-thirds.full--width, .footer .lap--one-third.full--width, .footer .lap--one-half.full--width, .footer-top .grid__item,
.archive_content .lap--one-third{ width:100%;}
.group_bottom_module.section_study{ float:none;}
.section_group, .group_bottom_module, .grid.section_feature .section_family, .section_option.alt .option_menu, .section_option.alt .option_module,
.residence_module, .grid.section_feature .section_contact, .grid.section_feature .feature_module, .brand_module_text, .brand_module,.section_feature.nogap .option_menu
{ width:370px; margin:0 auto 25px; float:none;}
.section_group, .section_group.nograp{ margin-bottom:25px;}
.footer-top .grid__item{ margin-bottom:15px;}
.player1{ width:370px !important; height:200px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:370px !important; height:200px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
.brand_module .player1{ width:370px !important; height:200px !important;}
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:370px !important; height:200px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}
.section_feature .grid__item{ margin-bottom:0;}
.top_menu{ padding-left:20px;}
.top_menu ul li:first-child{padding: 0 15px 0 0;}
.top_menu ul li{ padding:0 0 0 15px; font-size:13px;}
.top_menu ul li a::before {  font-size: 15px;  top: 0px;}
.top_menu ul li a {  padding: 0 0 0 30px;}
.header_social {  padding: 10px 0 0 0px;  float: left;}
#lang_sel {  left: 38%;  top: 4px;}
#lang_sel li {  width: 115px;}
.language_option #lang_sel ul ul { width:115px; top:30px;}
.language_option #lang_sel ul li li{ width:115px;}
.language_option #lang_sel ul li a {  font-size: 12px;  line-height: 16px;  padding: 7px 12px;}
.logo {  width: 120px;  display: inline-block;}
.option_menu ul li span, .archive_content .option_menu ul li span {  letter-spacing: 3px;  padding: 8px 0;}
.option_menu ul li, .archive_content .option_menu ul li {  font-size: 12px;  margin-top: 5px;}
.option_menu ul li i, .archive_content .option_menu ul li i {  padding: 2.5px 0; font-size:25px; margin-top:5px;}
.section_group h3, .option_module h3, .residence_module h3, .section_family h3, .group_bottom_module h3, .feature_module h3 {  padding: 18px 0;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position {  font-size: 18px;  letter-spacing: 3px;  padding: 21px 0;}
.section_contact h3 {  font-size: 16px;  line-height: 50px;}
.form_area {  padding: 8px 36px 12px; height:auto;}
.section_contact input[type="text"], .section_contact input[type="email"] {  font-size: 12px;  line-height: 25px;}
.section_contact input[type="submit"] {  font-size: 15px;  height: 36px;  letter-spacing: 2px;  line-height: 36px;}
.section_family_text {  font-size: 13px;  line-height: 20px;  padding: 15px 18px 0;  text-align: justify;}
.section_family h3 {  letter-spacing: 3px;}
.megamenu .menu_widget {  padding: 14px 0;  width:100%;}
.section_option {  padding-bottom: 10px;}
.partners-section {  padding: 20px 0 22px;}
.partners-section a {  margin:0 0 8px 25px;  width: 105px;}
.partners-section a:last-child{margin:0 0 8px 25px;}
#footer_language_list ul li {  font-size: 14px;  margin-bottom: 10px;  padding: 0 20px;}
#footer_language_list ul li img {  margin: 4px 16px 0 0;}
.footer-top {  font-size: 14px; line-height:25px;}
.footer-column.adjust {  font-size: 13px;  line-height: 25px;}
.footer-top h3 {  font-size: 25px;}
.footer-column h4 {  font-size: 15px;  line-height: 35px;}
.menu, .footer-top h3, .footer-column h4, .footer-column p {  padding-left: 0;}
.footer-top .widget_nav_menu ul li::before {  font-size: 10px;}
.footer-top .widget_nav_menu ul li {  margin-bottom: 8px;  font-size: 14px;}
.footer-bottom {  font-size: 13px;  padding: 15px 0;  text-align: center;}
.footer-caption{ float:none; text-align:center; margin-top:5px;}

.twitter-widget li .tweets_txt { width:100%;}
.twitter-widget li { font-size:14px; line-height:normal;}
.twitter-widget li span { font-size:15px;}

/*--------------------brand-archive-page----------------------*/

.brand_module_text p {  font-size: 13px;  line-height: 20px;  padding: 12px 15px;  text-align: justify;}

/*--------------------form-page----------------------*/

.accomodation{ width:370px;}
.form-content.alt .select-box {  width: 160%;}
.select-box::after {  border-width: 5px 4px 0;  right: 8px;  top: 68%;}
a.showTip {  margin-left: 60px;}
.form-content select.adjust {  width: 175%;}
.home-stay-detail {  font-size: 13px;  line-height: 22px;  margin-bottom: 0;  padding: 0 21px;}

/*--------------------internal-page----------------------*/

.rates-left-content, .rates-right-content {  float: none;  width: 100%;}
.catering-section table tr th {  padding: 11px 0;}
.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white {  padding: 11px 0;}
.home-stay-detail.adjust {  font-size: 13px;  line-height: 22px;  margin-bottom: 30px;  padding: 0 20px;  text-align: justify;}
.availability-section {  font-size: 12px;  margin-bottom: 25px;  padding-left: 50px;}
.option-section {  margin-bottom: 15px;}
.rates-right-content {  padding-left: 20px;  padding-top: 25px;}
.rates-right-content ul li span{ font-size:15px;}
.rates-right-content ul li{ font-size:13px;}


/*--------------------internal-page----------------------*/

.accommodation_menu ul li{ font-size:16px; width:100%; margin-bottom:1px;}
.accommodation_menu ul li a {  line-height: 36px;}
.tab_content h3 {  font-size: 15px;  padding: 9px 0px; margin-bottom:20px;}
.key_info .kye_name {  font-size: 15px; padding:0 0 0 18px;}
.key_info .kye_description {  padding: 12px 0 4px 15px;}
.key_info .kye_description ul li::before {  font-size: 8px;}
.key_info .kye_description ul li {  font-size: 12px;  margin-bottom: 5px;}
.accommodation_gallery #carousel .slides li {  border-width: 4px;  margin: 0 6px;  width: 70px !important;}
.panes #map_canvas {  height: 330px;  width: 100%;}
.acc_gallery img {  border-width: 5px;  margin: 0 9px 15px;  width: 20.5%;}
h4.acc_trigger {  font-size: 17px;  padding: 6px 16px;}
.acc_container {  font-size: 12.5px;  padding: 16px 16px 12px;}


.inner-content.wrap h1{ font-size:30px; margin:15px 0;}
.contact_wrap {  padding-bottom: 20px;}
.contact_wrap .lap--one-half{ width:100%;}
.contact_info{ font-size:17px;}
.contact_info p i {  font-size: 17px;  margin-right: 15px;}
.contact_form p{ margin-right:0;}
.map_area #map_canvas {  height: 285px;  width: 100%;}
.contact_form label{ line-height:45px;}
.contact_form p {  margin: 0 0 8px;}
.contact_form input[type="submit"]{padding: 4px 30px; letter-spacing:1px; margin-top:20px;}

.twitter-widget li .tweets_txt { width: 100%; }

.banner_holder { margin-top:0; }
.brand_module.adjust h3 { padding:5px 0;}
.brand_module_overlay.schange { padding:30px 5px 5px; overflow:hidden; }

.section_feature .grid__item { width:100%; }
.brand_module_overlay {
	font-size:16px;
	line-height:24px;
	padding:20px 22px 64px;
}

.option_module_overlay {
	padding:10px 10px 64px;
	font-size:16px;
	line-height:24px;
}
.residence_module_overlay {
	padding:64px 10px 10px;
	font-size:16px;
	line-height:24px;
}

.brand_module_overlay.pchange { padding:64px 22px 20px; }
.brand_module_overlay.schange {
	font-size:12px;
	line-height:18px;
	padding:38px 10px 10px;
}
.brand_module_overlay.fchange { padding:90px 40px 20px; }

.brand_module_overlay.schange .overlay_content { height:113px; }

.brand_feature .grid__item { height:auto; }

.section_contact, .brand_module_text { height:318px; }
.text_content { height:232px; }


.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:200px; }
.overlay_content { height:210px; }
.brand_module_overlay.schange .overlay_content { height:110px; }
.section_feature .grid__item:first-child .overlay_content { height:564px; }

.page-template-default .catering-section {
	width:400px;
	overflow:scroll;
}
.section_testimonial .item .author_image { float:none; width:150px; height:150px; margin:0px auto;}
.section_testimonial .item .testimonial_cont { float:none; width:100%; margin:0; padding:22px 5px 5px; }


}
	
	


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

.wrap{ width:384px;}
.site_navigation.desk { display:none; }
.site_navigation.mob { display:block; }
.site_navigation ul li .megamenu {  width: 384px; z-index:9999;}
h2, .section_latest_blog h2{ font-size:22px;}
h3{ font-size:18px;}

/*--------------header---------------*/
.header_top{ padding:9px 0 12px;}
.top_menu{ padding-left:25px; margin:0 0 5px;}
.top_menu ul li{ font-size:11px; padding:0 0 0 15px;}
.top_menu ul li:first-child{ padding:0 15px 0 0;}
.top_menu ul li a::before{ font-size:14px; top:0;}
.top_menu ul li a{padding: 0 0 0 24px;}
.language_option{ height:0;}
.language_option a{ padding:4px 5px; font-size:10px;}
.language_option img{ margin-right:6px; width:28%; margin-top:3.5px;}
.language_option i{ margin-top:3px;}
.header_social{padding:0; float:none;}
.header_social a{ margin-left:25px;}
.header_social a i{ font-size:14px;}
.header_bottom{min-height:65px; padding-top:25px;}
.logo img{ max-width:40%;}
.header_nav{ padding: 0;    width: 100%;  text-align:right; margin:5px 0;}
.header_nav ul {  padding: 0;  width: 100% !important;}
.header_nav ul li{ font-size:15px; padding: 0 !important; float:none;}
.header_nav ul li a{ padding:6px 10px;}
.menu_icon{ margin-top:-25px;}
.site_navigation ul li{ font-size:14px; line-height:40px; float:none; width:100%; letter-spacing:2px; position:relative;}
.site_navigation ul li i{ display:inline;}

.site_navigation ul li .megamenu{ top:40px; padding:0 15px;}
.megamenu .menu_widget{ padding:10px; width:100%;}
.megamenu .menu_widget h3{ font-size:13.5px; line-height:18px;}
.megamenu .menu_widget ul li{ font-size:12px; margin-bottom:6px;}

#lang_sel{left: -21px;top: -1px;}
.language_option {  height: 0; margin:0; width:auto;}
#lang_sel li{ width:105px;}
.language_option #lang_sel ul li a{ font-size:11px; line-height:16px; padding:5px 10px;}
#lang_sel img.iclflag{ top:0;}
#footer_language_list ul li{ font-size:13px; padding:0 15px; margin-bottom:8px;}
#footer_language_list ul li img {  margin: 3px 12px 0 0;}
.footer-middle{ padding:12px 0 6px;}

/*------------home-container-------------*/ 

.lhs .background{border-bottom: 7px solid #37616f;}
.home_title h1{ font-size:18px; padding:2px 18px 8px;}
.section_option{padding-bottom:4px;}
.about_content{ line-height:22px; font-size: 13px;padding: 23px 55px 35px; background-size: 60%; margin-bottom:25px;}
.option_menu ul li{ font-size:15px; margin-top:4px;}
.option_menu ul li i{ font-size:24px; margin-top: 5px; padding:2px 0;}
.option_menu ul li span{padding: 8px 0; margin-left:17.4%; float:none; width:84%;}

.about_content{padding: 23px 25px 28px;margin-bottom: 22px;}
.option_menu, .option_module, .residence_module, .section_family, .section_group, .group_bottom_module, .section_contact, .section_group.nograp,
.feature_module, .footer-column{  width: 370px;  margin: 0 auto 20px;}
.group_bottom_module, .group_bottom_module.section_study{ float:none;}
.content_middle{padding: 20px 0 10px; line-height:22px; font-size:14px;}
.content_middle h2{ margin-bottom:10px;}
.content_middle p{ margin-bottom:12px; padding:0 10px; text-align:justify;}


.section_feature{padding-top:25px; padding-bottom: 5px}
.section_family{min-height:353px;}
.section_family_overlay{ min-height:353px;}
.section_family h3{ letter-spacing:1px; padding:16px 0;}
.section_family_text{padding: 15px 25px 0; font-size:13px; line-height:22px; text-align:justify;}

.grid.section_feature{margin-left:-15px;}
.section_feature .grid__item{ padding-left:15px; margin-bottom:35px;}
.section_group h3, .option_module h3, .residence_module h3{padding:16px 0;}
.section_contact h3{ line-height:50px; font-size:18px;}
.player1{ width:370px !important; height:180px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:370px !important; height:180px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
/*.mejs-overlay-button{height: 60px;left: 59%;top: 42%;background-size: 60%;}
.mejs-overlay-button:hover{height: 60px;left: 59%;top: 42%;background-size: 60%;}
*/.form_area{padding: 5px 36px 10px; height:auto;}
.section_contact input[type="submit"]{ font-size: 16px;height: 35px;line-height: 30px;letter-spacing: 2px;}
.section_feature .grid__item{ margin-bottom:5px;}
.group_bottom_module h3, .feature_module h3{ padding:16px 0;}
.section_contact input[type="text"], .section_contact input[type="email"]{line-height:36px; font-size:14px;}
.section_contact textarea{font-size: 14px;height: 55px;line-height: 28px;margin: 2px 0 0;}


/*------------form-container-------------*/

.home-stay-title{ width:auto; margin-bottom:18px;}
.home-stay-title h1{ font-size:15px; padding:2px 15px; letter-spacing:3px;}
.home-stay-detail{ font-size:12px; line-height:21px; padding:0 30px; margin-bottom:18px;}
.home-stay-detail p br{ display:none;}
.form-heading{ padding:8px 0 8px 12px; margin:0;}
.form-wrap{ width:360px;}
.form-heading h3{ font-size:15px; letter-spacing:3px;}
.form-content label{ font-size:11px; padding-top:0; line-height:20px; display:block; padding-right:5px; padding-bottom:8px;}
.form-content input[type="text"], .form-content input[type="email"], .form-content select{ padding:6px; font-size:10px;}
.form-content .select-box, .form-content .select-box.sex-option, .form-content .select-box.reason-option,.form-content textarea,
.form-content.adjust textarea, .form-content .select-box.zone-option, .form-content .select-box.plan-option{ width:100%; float:none;}
.select-box::after{border-width: 5px 4px 0; top:65%;}
.form-content textarea{ height:120px; padding:12px; font-size:10px;}
.form-content .booking-detail, .form-content .booking-section{ font-size:10.5px; padding:8px 45px 8px 20px; text-align:justify;}
.form-content .notification{ font-size:10.5px; padding:8px 60px 8px 12px; line-height:18px; width:100%; float:none;}
.form-content .notification::after, .form-content .booking-detail::after{ font-size:20px; right:11px; top:18px;}
.form-content .notification.adjust::after{ top:9px;}
.form-content .zone-select::after{ font-size:21px; right:130px;}
.form-content .supplement::after{ font-size:21px; top:35px;}
.form-content .select-box.zone-option, .form-content .select-box.plan-option{ margin-right:0;}
.form-content .booking-detail.adjust p{ margin-bottom:15px;}
.accomodation{ font-size:10px; width:340px; margin-bottom:15px;}
.accomodation.adjust{ margin-bottom:25px;}
.form-content .booking-detail.adjust{padding:10px 45px;}
.form-content a.calculate-button{ font-size:16px; padding:4px 0; width:150px; letter-spacing:2px;}
.submit-button{ padding:6px 0; margin-bottom:30px;}
.submit-button input[type="submit"]{ font-size:18px; padding:7px 0;}
.form-content a.calculate-button.adjust{ margin-bottom:30px;}
a.showTip{ margin-left:45px;}
.form-content{ font-size:9.5px;}
td{ padding-bottom:20px;}
.form-content textarea{ height:150px;}
.form-content.adjust label{padding-top:20px;}
.form-content select.adjust{ width:215%;}
.form-content.alt{ width:155%;}



/*------------internal-container-------------*/

.home-stay-detail.adjust{ margin-bottom:25px; padding:0 10px; text-align:justify; font-size:12px; line-height:22px;}
.home-stay-detail.adjust p{ margin-bottom:10px;}
.rates-section{ margin-bottom:25px;}
.rates-heading{padding: 10px 0 10px 25px;}

.catering-section table tr th{ padding:15px 0;}
.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white{ padding:11px 0;}
.catering-section table tr td.pink{ padding:12px 0;}
.catering-section table tr td{ font-size:8.5px;}
.catering-section{ margin-bottom:20px;}

.availability-section{ font-size:12px; padding-left:50px; margin-bottom:20px;}
.availability-section .availability-info::after{ font-size:25px; top:12px; left:17px;}
.availability-section p{ margin-bottom:12px;}
.rates-right-content{ padding-left:20px; padding-top:20px; padding-bottom:20px;}
.rates-right-content .column{ width:52%;}
.rates-right-content ul li span{ font-size:14px;}
.rates-right-content ul li{ font-size:12px;}
.rates-left-content, .rates-right-content, .option_menu_left, .option_menu_right{ width:100%; float:none;}
.option_menu_left{ margin-bottom:4px;}


/*------------brand-archive-container-------------*/

.archive_content{ padding-top:30px;}
.section_feature .grid__item{ margin-bottom:20px;}
.brand_module_text p{font-size: 13px;line-height: 22px;padding: 14px;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position{ font-size:20px;padding: 18px 0; letter-spacing:4px;}
.archive_content .option_menu ul li{ margin-top:10.7px;}
.brand_module .player1{ width:370px !important; height:250px !important;}
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:370px !important; height:250px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}
.brand_module_text, .brand_module{ width:370px; margin:0 auto;}
.archive_content .option_menu{ margin-bottom:0;}


/*------------accomodation-container-------------*/

.accommodation_gallery{ margin-bottom:25px;}
.accommodation_menu{ margin-bottom:15px;}
.accommodation_menu ul li{ font-size:16px; width:100%; margin-bottom:1px;}
.accommodation_menu ul li a{ line-height:38px;}
.tab_content{ font-size:13px;}
.tab_content h3{ font-size:18px; padding:5px 0; margin-bottom:20px;}
.tab_content p{ line-height:23px; margin-bottom:15px; text-align:justify;}
.panes #map_canvas{ height:325px;}
.apply_btn{font-size: 17px;    height: 38px;    line-height: 37px;    width: 100px;}
.availability_content p{ margin-top:-4px;}
.key_info .kye_name{ font-size:15px; padding-left:12px; width:35%;}
.room_info{ padding:6px 18px; font-size:13px;}
.accommodation_content{ padding-bottom:15px;}
.acc_gallery img{ margin:0 8px 21px; width:20.5%; border-width:5px;}
.key_info .kye_description{padding: 12px 0 4px 5px;}
.key_info .kye_description ul li::before{ font-size:6px; left:6px;}
.key_info .kye_description ul li{font-size: 11px; margin-bottom:5px;}
.key_info.gap{ margin-bottom:25px;}
h4.acc_trigger{ font-size:18px; padding:5px 15px; margin-bottom:6px;}
.acc_container{ font-size:13px; padding:12px 15px 10px; margin-bottom:6px;}
.accommodation_gallery #carousel{padding:0px;}
.accommodation_gallery #carousel .slides li{width: 100px !important;}
.accommodation_gallery #carousel .flex-direction-nav a::before{ left:32%; top:25%;}
.accommodation_gallery .flex-direction-nav a::before{ font-size:20px;}
#prev::before, #next::before { top:25%; }
.panes #map_canvas { height:350px !important; }


/*-------------footer----------------*/
.blog_update{ min-height:220px;}
.section_latest_blog h2{line-height: 25px;margin: 0 0 20px;}
.section_latest_blog h2 span{ margin-top:12px;}
.blog_slide{padding: 15px 20px; min-height:220px; font-size:10px;}
.blog_slide span{ margin-bottom:8px; font-size:11px;}
.blog_slide h2{ font-size:14px; margin-bottom:10px; line-height:17px;}
.blog_slide a.blog-button{font-size: 9px;padding: 4px 6px;}
.partners-section{padding: 30px 0 25px;}
.partners-section a{margin-bottom: 15px;    margin-right: 9px;    width: 104px;    margin-left: 12px;}
.partners-section a img{ width:100%;}
.footer-top .grid{ margin-left:0;}
.footer-top .grid__item{ padding-left:0;}
.footer-top{ padding-top:20px; font-size:15px; line-height:25px; padding-bottom:10px;}
.footer-top h3{ font-size:28px; line-height:35px; margin-bottom:10px;}
.footer-column.adjust h3{ margin-bottom:18px;}
.footer-column{ padding-right:0;}
.footer-top .widget_nav_menu ul li::before{ font-size:11px; margin:0 12px 0 0;}
.footer-top .widget_nav_menu ul li{ margin-bottom:9px;}
.footer-column h4{ line-height:22px; font-size:15px;}
.footer-column.adjust{ font-size:15px; line-height:22px; padding-right:0; padding-left:0px;}
.footer-column p{ margin-bottom:15px;}
.footer-column span{ margin-bottom:5px;}
.footer-column.adjust p{ margin-bottom:17px;}
.footer-column.adjust h3 .fa{font-size: 22px;margin: 0 0 0 4px;}
.footer-middle{ padding:12px 0 0;}
.footer-language-option a{ font-size:16px; margin-bottom:15px; margin-right:25px;}
.footer-language-option a:first-child, .footer-language-option a:nth-child(2), .footer-language-option a:nth-child(3), .footer-language-option a:nth-child(4),
.footer-language-option a:last-child{ background-position:left 4px;}
.footer-bottom{font-size: 13px; padding: 16px 0 10px; text-align:center;}
.footer-caption{ text-align:center;}
.footer-bottom p{ margin-bottom:5px;}
.twitter-widget li .tweets_txt { width:100%;}
.twitter-widget li { font-size:15px; line-height:normal;}
.twitter-widget li span { font-size:15px;}


.twitter-widget li .tweets_txt { width: 100%; }
.banner_holder { margin-top:0; }

.brand_module_overlay {
	padding:10px 10px 62px;
	font-size:14px;
	line-height:20px;
}
.option_module_overlay {
	padding:10px 10px 56px;
	font-size:14px;
	line-height:20px;
}
.residence_module_overlay {
	padding:56px 10px 10px;
	font-size:14px;
	line-height:20px;
}

.brand_module.adjust img { margin-top:28px; }

.brand_module_overlay.pchange { padding:76px 10px 10px; }

.brand_module_overlay.schange { padding:60px 5px 5px; overflow:hidden; }
.brand_module_overlay.fchange { padding:52px 10px 10px; }

.brand_feature .grid__item { height:auto; }

.brand_module_overlay.schange .overlay_content { height:103px; }


.section_contact, .brand_module_text { /*height:318px;*/ height:auto; }
.text_content { height:232px; }


.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:200px; }
.overlay_content { height:236px; }
.brand_module_overlay.schange .overlay_content { height:104px; }
.section_feature .grid__item:first-child .overlay_content { height:600px; }

.page-template-default .catering-section {
	width:384px;
	overflow:scroll;
}

.section_testimonial .item .author_image { width:150px; margin:0px auto; float:none; }
.section_testimonial .item .testimonial_cont { width:100%; box-sizing:border-box; padding:18px 10px; margin:0; float:none; }

}

@media only screen and (min-width: 361px) and (max-width: 403px) {
h3{ font-size:16px;}
.wrap{ width:340px;}
.site_navigation.desk { display:none; }
.site_navigation.mob { display:block; }
.site_navigation ul li .megamenu {  width: 340px; z-index:9999;}
.site_navigation ul li {  letter-spacing: 2px;  width: 100%;  float: none;  font-size: 14px;}
.header_top .lap--one-half.full--width, .section_option.alt .lap--one-third.full--width, .grid.section_feature .lap--one-third.full--width,
.grid.section_feature .lap--two-thirds.full--width, .footer .lap--one-third.full--width, .footer .lap--one-half.full--width, .footer-top .grid__item,
.archive_content .lap--one-third{ width:100%;}
.group_bottom_module.section_study{ float:none;}
.section_group, .group_bottom_module, .grid.section_feature .section_family, .section_option.alt .option_menu, .section_option.alt .option_module,
.residence_module, .grid.section_feature .section_contact, .grid.section_feature .feature_module, .brand_module_text, .brand_module,.section_feature.nogap .option_menu
{ width:340px; margin:0 auto 25px; float:none;}
.option_menu, .option_module, .residence_module, .section_family, .section_group, .group_bottom_module, .section_contact, .section_group.nograp, .feature_module,
.footer-column {margin: 0 auto 25px;  width: 340px;}
.section_group{ margin-bottom:25px;}
.section_family, .section_group.nograp, .section_contact, .feature_module.guardian, .feature_module, .group_bottom_module.section_study {  margin-bottom: 25px !important;}
.footer-top .grid__item{ margin-bottom:10px;}
.player1{ width:340px !important; height:200px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:340px !important; height:200px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
.brand_module .player1{ width:340px !important; height:200px !important;}
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:340px !important; height:200px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}
.section_feature .grid__item{ margin-bottom:0;}
.top_menu{ padding-left:10px;}
.top_menu ul li:first-child{padding: 0 12px 0 0;}
.top_menu ul li{ padding:0 0 0 12px; font-size:11px;}
.top_menu ul li a::before {  font-size: 14px;  top: 0px;}
.top_menu ul li a {  padding: 0 0 0 30px;}
.header_social {  padding: 5px 0 0 0px;  float: left;}
.header_social a {  margin-left: 9px;  margin-right: 10px;}
#lang_sel {  left: 30% !important;  top: 3px !important;}
#lang_sel li {  width: 115px;}
.language_option #lang_sel ul ul { width:115px; top:30px;}
.language_option #lang_sel ul li li{ width:115px;}
.language_option #lang_sel ul li a {  font-size: 12px;  line-height: 16px;  padding: 7px 12px;}
.logo {  width: 310px;  display: inline-block;}
.option_menu ul li span, .archive_content .option_menu ul li span {  letter-spacing: 3px;  padding: 8px 0;}
.option_menu ul li, .archive_content .option_menu ul li {  font-size: 12px;  margin-top: 5px;}
.option_menu ul li i, .archive_content .option_menu ul li i {  padding: 2.5px 0; font-size:25px; margin-top:5px;}
.section_group h3, .option_module h3, .residence_module h3, .section_family h3, .group_bottom_module h3, .feature_module h3 {  padding: 14px 0;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position {  font-size: 18px;  letter-spacing: 3px;  padding: 18px 0;}
.section_contact h3 {  font-size: 16px;  line-height: 50px;}
.form_area {  padding: 8px 36px 12px; height:auto;}
.section_contact input[type="text"], .section_contact input[type="email"] {  font-size: 12px;  line-height: 25px;}
.section_contact input[type="submit"] {  font-size: 15px;  height: 36px;  letter-spacing: 2px;  line-height: 36px;}
.section_family_text {  font-size: 13px;  line-height: 20px;  padding: 15px 18px 0;  text-align: justify;}
.section_family h3 {  letter-spacing: 3px;}
.megamenu .menu_widget {  padding: 18px 0;  width:100%;}
.section_option {  padding-bottom: 10px;}
.partners-section {  padding: 20px 0 22px;}
.partners-section a {  margin:0 0 8px 25px;  width: 105px;}
.partners-section a:last-child{margin:0 0 8px 25px;}
#footer_language_list ul li {  font-size: 14px;  margin-bottom: 10px;  padding: 0 20px;}
#footer_language_list ul li img {  margin: 4px 16px 0 0;}
.footer-top {  font-size: 14px; line-height:20px; padding-bottom:0;}
.footer-column.adjust {  font-size: 13px;  line-height: 20px;}
.footer-top h3 {  font-size: 25px;}
.footer-column h4 {  font-size: 15px;  line-height: 35px;}
.menu, .footer-top h3, .footer-column h4, .footer-column p {  padding-left: 0;}
.footer-top .widget_nav_menu ul li::before {  font-size: 10px;}
.footer-top .widget_nav_menu ul li {  margin-bottom: 8px;  font-size: 14px;}
.footer-bottom {  font-size: 12px;  padding: 10px 0;  text-align: center;}
.footer-caption{ float:none; text-align:center; margin-top:0;}
.banner_holder { margin-top:0; }
.twitter-widget li .tweets_txt { width:100%;}
.twitter-widget li { font-size:14px; line-height:normal;}
.twitter-widget li span { font-size:15px;}
/*--------------------brand-archive-page----------------------*/

.brand_module_text p {  font-size: 13px;  line-height: 20px;  padding: 12px 15px;  text-align: justify;}

/*--------------------form-page----------------------*/

.accomodation{ width:320px;}
.form-content.alt .select-box {  width: 160%;}
.select-box::after {  border-width: 5px 4px 0;  right: 8px;  top: 68%;}
a.showTip {  margin-left: 60px;}
.form-content select.adjust {  width: 225% !important;}
.form-content .booking-detail.adjust {  padding: 10px 45px 10px 15px;}
.home-stay-detail {  font-size: 13px;  line-height: 22px;  margin-bottom: 0;  padding: 0 21px;}

/*--------------------internal-page----------------------*/

.rates-left-content, .rates-right-content {  float: none;  width: 100%;}
.catering-section table tr th {  padding: 11px 0;}
.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white {  padding: 15px 0;}
.home-stay-detail.adjust {  font-size: 13px;  line-height: 22px;  margin-bottom: 30px;  padding: 0 20px;  text-align: justify;}
.availability-section {  font-size: 12px;  margin-bottom: 25px;  padding-left: 50px;}
.option-section {  margin-bottom: 15px;}
.rates-right-content {  padding-left: 20px;  padding-top: 25px;}
.rates-right-content ul li span{ font-size:15px;}
.rates-right-content ul li{ font-size:13px;}


/*--------------------internal-page----------------------*/

.accommodation_menu ul li{ font-size:14px; width:100%; margin-bottom:1px;}
.accommodation_menu ul li a {  line-height: 30px;}
.tab_content h3 {  font-size: 14px;  padding: 0; margin-bottom:20px;}
.key_info .kye_name {  font-size: 13px; padding:0 0 0 12px;}
.key_info .kye_description {  padding: 11px 0 4px 6px;}
.key_info .kye_description ul li::before {  font-size: 7px;}
.key_info .kye_description ul li {  font-size: 11px;  margin-bottom: 2px;}
.accommodation_gallery #carousel .slides li {  border-width: 4px;  margin: 0 6px;  width: 60px !important;}
.panes #map_canvas {  height: 280px;  width: 100%;}
.acc_gallery img {  border-width: 4px;  margin: 0 7px 15px;  width: 20.5%;}
h4.acc_trigger {  font-size: 14px;  padding: 6px 16px;}
.acc_container {  font-size: 12.5px;  padding: 16px 16px 12px;}

.inner-content.wrap h1{ font-size:26px; margin:15px 0 10px;}
.contact_wrap {  padding-bottom: 20px;}
.contact_wrap .lap--one-half{ width:100%;}
.contact_info{ font-size:17px;}
.contact_info p i {  font-size: 17px;  margin-right: 15px;}
.contact_form p{ margin-right:0;}
.map_area #map_canvas {  height: 285px;  width: 100%;}
.contact_form label {  font-size: 20px;  line-height: 38px;}
.contact_form p {  margin: 0 0 8px;}
.contact_form input[type="submit"]{padding: 4px 30px; letter-spacing:1px; margin-top:20px;}

.twitter-widget li .tweets_txt { width: 100%; }
div#tipDiv { width:100%; }

.brand_module_overlay.schange { padding:30px 5px 5px; overflow:hidden; }

.brand_feature .grid__item { height:auto; }

.page-template-default .catering-section {
	width:340px;
	overflow:scroll;
}

}

@media only screen and (max-width: 460px) {
.site_navigation.desk { display:none; }
.site_navigation.mob { display:block; }	
.section_family, .section_group.nograp, .section_contact, .feature_module.guardian, .feature_module, .group_bottom_module.section_study{ margin-bottom:5px;}
.archive_content .option_menu ul li span{padding: 10.7px 0;}
.archive_content .option_menu ul li i {  padding: 4.2px 0;}
.form-content select.adjust {  width: 205%;}
.select-box::after {  border-width: 5px 4px 0;  top: 70%;}
.form-content textarea {  height: 120px;}
a.showTip {  margin-left: 82px;}
#lang_sel{left: -24px;top: -1px;}
.language_option {  height: 0; margin:0; width:auto;}
#lang_sel li{ width:105px;}
.language_option #lang_sel ul ul{ top:26px; width:105px;}
.language_option #lang_sel ul li li{ width:105px;}
.language_option #lang_sel ul li a{ font-size:11px; line-height:16px; padding:5px 10px;}
#lang_sel img.iclflag{ top:0;}
#footer_language_list ul li{ font-size:14px; padding:0 15px; margin-bottom:8px;}
#footer_language_list ul li img {  margin: 3px 12px 0 0;}
.footer-middle{ padding:12px 0 6px;}

.blog_update, .blog_slide{ min-height:180px;}

.banner_holder { margin-top:0; }

.twitter-widget li .tweets_txt { width: 100%; }
div#tipDiv { width:100%; }
.brand_module_overlay {
	padding:10px 10px 62px;
	font-size:14px;
	line-height:20px;
}
.option_module_overlay {
	padding:10px 10px 56px;
	font-size:14px;
	line-height:20px;
}
.residence_module_overlay {
	padding:56px 10px 10px;
	font-size:14px;
	line-height:20px;
}

.brand_module.adjust img { margin-top:55px; }

.brand_module_overlay.pchange { padding:80px 10px 10px; }

.brand_module_overlay.schange { padding:61px 5px 5px; overflow:hidden; }

.brand_module_overlay.fchange { padding:70px 10px 10px; }

.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:182px; }
.overlay_content { height:218px; }
.brand_module_overlay.schange .overlay_content { height:120px; }
.section_feature .grid__item:first-child .overlay_content { height:534px; }

.brand_feature .grid__item { height:auto; }

}

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

/*------------header-------------*/ 

.wrap{ width:325px;}
.site_navigation.desk { display:none; }
.site_navigation.mob { display:block; }
.site_navigation ul li .megamenu {  width: 325px;}
.top_menu{padding-left: 20px;}
.header_social a{margin-left: 16px;    margin-right: 5px;}
.top_menu ul li:first-child{padding: 0 12px 0 0;}
.top_menu ul li {  font-size: 10px;  padding: 0 0 0 12px;}
.top_menu ul li a::before {  font-size: 12px;  top: 0;}
.top_menu ul li a {  padding: 0 0 0 22px;}
.language_option{ margin-right:20px;}

.site_navigation ul li .megamenu{ top:40px; padding:0 15px;}
.megamenu .menu_widget{ padding:10px; width:100%; float:none;}
.megamenu .menu_widget h3{ font-size:13.5px; line-height:18px;}
.megamenu .menu_widget ul li{ font-size:12px; margin-bottom:6px;}

.inner-content.wrap h1{ font-size:25px;}
.contact_form label{ letter-spacing:1px; font-size:20px;}

.banner_holder { margin-top:0; }
/*------------home-container-------------*/ 

.option_menu, .option_module, .residence_module, .section_family, .section_group, .group_bottom_module, .section_contact, .section_group.nograp, .feature_module,
.footer-column {  margin: 0 auto 25px;  width: 320px;}
.group_bottom_module.section_study{ margin-bottom:0;}
.section_family, .section_group.nograp, .section_contact, .feature_module.guardian, .feature_module{ margin-bottom:5px;}
.player1{ width:320px !important; height:220px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:320px !important; height:220px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
.section_family_text{padding: 15px 20px 0;}



/*------------brand-archive-container-------------*/

.brand_module_text, .brand_module{ width:320px; margin:0 auto;}
.brand_module .player1{ width:320px !important; height:220px !important;}
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:320px !important; height:220px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}
.archive_content .option_menu ul li span{padding: 10.7px 0;}
.archive_content .option_menu ul li i {  padding: 4.2px 0;}

/*------------form-container-------------*/

.form-wrap{ width:310px;}
.accomodation{ width:300px;}
.form-content .zone-select::after{ font-size:21px; right:75px;}
.form-content .supplement::after{ font-size:21px; left: 85px;}
.form-content .booking-detail.adjust {  padding: 10px 45px 10px 20px;}
.form-content .notification{padding: 8px 40px 8px 12px;}
.home-stay-detail{ margin-bottom:0;}
.form-content select.adjust{ width:255%;}
.form-content select option {  font-size: 9px;  padding: 0 4px;}
.form-content.alt {  width: 185%;}
.select-box::after {  right: 8%;  top: 75%;}
td {  padding-bottom: 15px;}
.form-content textarea {  height: 120px;}
a.showTip {  margin-left: 85px;}

.form-content.alt .select-box {  width: 114%;}
.select-box::after { right: 8%;  top: 70%;}
.accomodation{ margin-bottom:5px;}
#lang_sel{left: 21%;top: -1px;}
.language_option {  height: 0; margin:0; width:auto;}
#lang_sel li{ width:105px;}
.language_option #lang_sel ul ul{ top:26px; width:105px;}
.language_option #lang_sel ul li li{ width:105px;}
.language_option #lang_sel ul li a{ font-size:11px; line-height:16px; padding:5px 10px;}
#lang_sel img.iclflag{ top:0;}
#footer_language_list ul li{ font-size:13px; padding:0 8px; margin-bottom:8px;}
#footer_language_list ul li img {  margin: 3px 12px 0 0;}
.footer-middle{ padding:12px 0 6px;}

.app_name { width:20%; }
.app_cont { width:20%; position:relative; top:17px; }

/*------------internal-container-------------*/

.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white{ padding:15px 0;}
.rates-left-content .option_menu ul li{ width:100%; margin-left:0;}
.rates-left-content .option_menu ul li:last-child{ margin-bottom:0;}


/*-----------accomodation-container-------------*/

.accommodation_menu ul li{ font-size:14px; width:100%; margin-bottom:1px;}
.tab_content h3{ font-size:15px; padding:10px 0 15px;}
.apply_btn {  font-size: 15px;  height: 30px;  line-height: 30px;  width: 85px;}
.accommodation_gallery #carousel{padding:0;}
.accommodation_gallery #carousel .slides li {  margin: 0 6px;  width: 70px !important;}
.accommodation_gallery #carousel .flex-direction-nav a::before{ left:42%; top:35%;}
.accommodation_gallery .flex-direction-nav a::before{ font-size:15px;}
.flex-direction-nav .flex-prev{ left:10px; top:60%;}
.flex-direction-nav .flex-next{ right:10px; top:60%;}
.accommodation_gallery #carousel .flex-direction-nav a{ width:55px;}
.panes #map_canvas{ height:245px;}
.acc_gallery img {  border-width: 5px;  margin: 0 7px 21px;  width: 20.5%;}
#prev::before, #next::before { top:25%; }
.panes #map_canvas { height:350px !important; }


/*------------footer-------------*/ 

.blog_slide {  font-size: 13px;  min-height: 220px;  padding: 16px 20px;}
.blog_slide span {  font-size: 14px;  margin-bottom: 12px;}
.blog_slide h2 {  font-size: 20px;  line-height: 22px;  margin-bottom: 18px;}
.blog_slide a.blog-button {  font-size: 14px;  padding: 6px 10px;}
.footer-top{ font-size:14px;}
.footer-column.adjust{ font-size:14px; line-height:22px;}
.footer-column span{ margin-bottom:0;}
.partners-section a{ width:84px;}
.footer-language-option a{padding: 0 0 0 40px; font-size: 14px;}

.twitter-widget li .tweets_txt { width:100%;}
.twitter-widget li { font-size:14px; line-height:normal;}
.twitter-widget li span { font-size:15px;}

div#tipDiv { width:100%; }

.brand_module_overlay {
	padding:10px 10px 64px;
	font-size:14px;
	line-height:20px;
}
.option_module_overlay {
	padding:10px 10px 56px;
	font-size:14px;
	line-height:20px;
}
.residence_module_overlay {
	padding:56px 10px 10px;
	font-size:14px;
	line-height:20px;
}
.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:162px; }
.overlay_content { height:188px; }
.brand_module.adjust img { margin-top:42px; }

.brand_module_overlay.pchange { padding:52px 10px 10px; }


.brand_module_overlay.schange { padding:62px 5px 5px; overflow:hidden; }
.brand_module_overlay.schange .overlay_content { height:104px; }
.brand_module_overlay.fchange { padding:70px 10px 10px; }
.section_feature .grid__item:first-child .overlay_content { height:504px; }
.brand_module_overlay .overlay_content {
}

.brand_module_overlay.pchange .overlay_content, .brand_module_overlay.fchange .overlay_content {
}
.brand_module_overlay.schange .overlay_content {
}

.brand_feature .grid__item { height:auto; }

.page-template-default .catering-section {
	width:325px;
	overflow:scroll;
}

}


@media only screen and (max-width: 340px) {
	
.wrap{ width:273px;}
.site_navigation.desk { display:none; }
.site_navigation.mob { display:block; }
.site_navigation ul li .megamenu{ width:273px;}
h2, .section_latest_blog h2{ font-size:18px;}
h3{ font-size:14px;}

/*--------------header---------------*/
.header_top{ padding:9px 0 12px;}
.top_menu{ padding-left:10px; margin:0 0 5px;}
.top_menu ul li{ font-size:9.5px; padding:0 0 0 7px;}
.top_menu ul li:first-child{ padding:0 7px 0 0;}
.top_menu ul li a::before{ font-size:10px; top:0;}
.top_menu ul li a{padding: 0 0 0 15px;}
.language_option{ width:78px; height:25px; float:left; margin-top:-2px; margin-right:0px; margin-left:10px;}
#lang_sel { left:0; }
.language_option a{ padding:4px 5px; font-size:10px;}
.language_option img{ margin-right:6px; width:28%; margin-top:3.5px;}
.language_option i{ margin-top:3px;}
.header_social{padding:0; float:left;}
.header_social a{ margin-left:10px; margin-right:6px;}
.header_social a i{ font-size:14px;}
.header_bottom{min-height:65px; padding-top:25px;}
.logo img{ max-width:40%;}
.header_nav{ padding: 0;    width: 100%;  text-align:right; margin:5px 0;}
.header_nav ul {  padding: 0;  width: 100% !important;}
.header_nav ul li{ font-size:15px; padding: 0 !important; float:none;}
.header_nav ul li a{ padding:6px 10px;}
.menu_icon{ margin-top:-28px;}
.site_navigation ul li{ font-size:12px; line-height:35px; float:none; width:100%; letter-spacing:2px;}
.site_navigation ul li i{ display:inline;}

.site_navigation ul li .megamenu{ top:35px; padding:0 15px;}
.megamenu .menu_widget{ padding:10px; width:100%; float:none;}
.megamenu .menu_widget h3{ font-size:13.5px; line-height:18px;}
.megamenu .menu_widget ul li{ font-size:12px; margin-bottom:6px;}


/*------------home-container-------------*/ 

.banner_holder { margin-top:0; }
.home_title h1{ font-size:13px; padding:0px 12px 3px;}
.section_option{padding-bottom:4px;}
.about_content{ line-height:17px; font-size: 11px;padding: 20px 7px 24px; background-size: 60%; margin-bottom:18px; text-align:justify;}
.option_menu ul li{ font-size:13px; margin-top:4px;}
.option_menu ul li i { font-size:24px; margin-top: 5px; padding:2px 0;}
.option_menu ul li span {padding: 8px 0; margin-left:17.4%; float:none; width:84%;}


.option_menu, .option_module, .residence_module, .section_family, .section_group, .group_bottom_module, .section_contact, .section_group.nograp,
.feature_module, .footer-column{  width: 273px;  margin: 0 auto 20px;}
.group_bottom_module, .group_bottom_module.section_study{ float:none;}
.content_middle{padding: 18px 0 10px; line-height:18px; font-size:11px;}
.content_middle h2{ margin-bottom:10px;}
.content_middle p{ margin-bottom:12px; padding:0 10px; text-align:justify;}


.section_feature{padding-top:25px; padding-bottom: 5px}
.section_family{min-height:353px;}
.section_family_overlay{ min-height:353px;}
.section_family h3{ letter-spacing:1px; padding:8px 0;}
.section_family_text{padding: 15px 25px 0; font-size:11px; line-height:19px; text-align:justify;}

.grid.section_feature{margin-left:-15px;}
.section_feature .grid__item{ padding-left:15px; margin-bottom:35px;}
.section_group h3, .option_module h3, .residence_module h3{padding:8px 0;}
.section_contact h3{ line-height:35px; font-size:14px;}
.player1{ width:273px !important; height:180px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:273px !important; height:180px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
/*.mejs-overlay-button{height: 60px;left: 59%;top: 42%;background-size: 60%;}
.mejs-overlay-button:hover{height: 60px;left: 59%;top: 42%;background-size: 60%;}
*/.form_area{padding: 5px 36px 10px; height:auto;}
.section_contact input[type="submit"]{ font-size: 13px;height: 27px;line-height: 25px;letter-spacing: 1px;}
.section_feature .grid__item{ margin-bottom:5px;}
.group_bottom_module h3, .feature_module h3{ padding:8px 0;}
.section_contact input[type="text"], .section_contact input[type="email"]{line-height:25px; font-size:12px;}
.section_contact textarea{font-size: 12px;height: 45px;line-height: 23px;margin: 2px 0 0;}

/*------------form-container-------------*/

.home-stay-title{ width:auto; margin-bottom:15px;}
.home-stay-title h1{ font-size:13px; padding:0 15px; letter-spacing:2px;}
.home-stay-detail{ font-size:11px; line-height:18px; padding:0 15px; margin-bottom:16px; text-align:justify;}
.home-stay-detail p br{ display:none;}
.form-heading{ padding:8px 0 8px 12px; margin: 0;}
.form-wrap{ width:250px;}
.form-heading h3{ font-size:11px; letter-spacing:3px;}
.form-content label{ font-size:10px; padding-top:0; line-height:20px; float:none; width: 100%; display:block; padding-right:0; padding-bottom:6px;}
.form-content input[type="text"], .form-content input[type="email"], .form-content select{ padding:4px; font-size:9px; float:none; width:100%;}
.form-content .select-box, .form-content .select-box.sex-option, .form-content .select-box.reason-option,.form-content textarea,
.form-content.adjust textarea, .form-content .select-box.zone-option, .form-content .select-box.plan-option{ width:100%; float:none;}
.select-box::after{border-width: 5px 4px 0; top:65%;}
.form-content textarea{ height:100px; font-size:11px; padding:12px;}
.form-content .booking-detail, .form-content .booking-section{ font-size:10.5px; padding:8px 40px 8px 16px; text-align:justify;}
.form-content .notification{ font-size:10.5px; padding:8px 35px 8px 12px; line-height:18px; width:100%; float:none; margin-top:10px;}
.form-content .notification::after, .form-content .booking-detail::after{ font-size:20px; right:11px; top:18px;}
.form-content .notification.adjust::after{ top:9px;}
.form-content .zone-select::after{ font-size:20px;}
.form-content .supplement::after{ font-size:20px;}
.form-content .supplement::after{ top:35px;}
.form-content .zone-select::after {  right: 50px;  top: -5px;}
.form-content .supplement::after{ right:51px;}
.form-content .select-box.zone-option{ margin-right:16px;}
.form-content .booking-detail.adjust p{ margin-bottom:15px;}
.accomodation{ font-size:10px; width:250px; margin-bottom:5px;}
.accomodation.adjust{ margin-bottom:25px;}
.form-content .booking-detail.adjust{padding:10px 45px 10px 12px;}
.form-content a.calculate-button{ font-size:14px; padding:3px 0; width:130px; letter-spacing:2px;}
.submit-button{ padding:6px 0; margin-bottom:0px;}
.submit-button input[type="submit"]{ font-size:15px; padding:5px 0; width:90px;}
.form-content a.calculate-button.adjust{ margin-bottom:30px;}
.booking-detail.adjust.alt {  margin-bottom: 20px;}
a.showTip{ margin-left:90px;}
.form-content{ font-size:8px;}
td{ padding-bottom:20px;}
.form-content textarea{ height:150px;}
.form-content.adjust label{padding-top:20px;}
.form-content select.adjust{ width:340%;}
.form-content.alt{ width:275%;}
.app_cont .form-content p, .showTip { display:none;  }
/*------------internal-container-------------*/

.home-stay-detail.adjust{ margin-bottom:20px; padding:0 10px; text-align:justify; font-size:12px; line-height:22px;}
.home-stay-detail.adjust p{ margin-bottom:10px;}
.rates-section{ margin-bottom:25px;}
.rates-heading{padding: 10px 0 10px 12px;}

.catering-section table tr th{ padding:15px 0;}
.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white{ padding:21.3px 0;}
.catering-section table tr td.pink{ padding:18px 0;}
.catering-section table tr td{ font-size:8.5px;}
.catering-section{ margin-bottom:20px;}

.availability-section{ font-size:11px; padding-left:50px; margin-bottom:20px;}
.availability-section .availability-info::after{ font-size:25px; top:12px; left:17px;}
.availability-section p{ margin-bottom:12px;}
.rates-right-content{ padding-left:20px; padding-top:20px; padding-bottom:20px;}
.rates-right-content .column{ width:52%;}
.rates-right-content ul li span{ font-size:14px;}
.rates-right-content ul li{ font-size:12px;}
.rates-left-content, .rates-right-content, .option_menu_left, .option_menu_right{ width:100%; float:none;}
.option_menu_left{ margin-bottom:4px;}
.catering-caption{ min-height:50px;}
.catering-caption.alt{ min-height:30px;}

/*------------brand-archive-container-------------*/

.archive_content{ padding-top:30px;}
.section_feature .grid__item{ margin-bottom:20px;}
.brand_module_text p{font-size: 12px;line-height: 20px;padding: 12px;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position{ font-size:17px;padding: 13px 0; letter-spacing:3px;}
.archive_content .option_menu ul li{ margin-top:10.7px;}
.brand_module .player1{ width:275px !important; height:200px !important;}
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:275px !important; height:200px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}
.brand_module{ width:275px; margin:0 auto;}
.brand_module_text{ width:100%; margin:0 auto;}
.archive_content .option_menu{ margin-bottom:0;}


/*------------accomodation-container-------------*/

.accommodation_gallery{ margin-bottom:20px;}
.accommodation_menu{ margin-bottom:10px;}
.accommodation_menu ul li{ font-size:13px; margin-bottom:1px; width:100%;}
.accommodation_menu ul li a{ line-height:30px;}
.tab_content{ font-size:12px;}
.tab_content h3{ font-size:12px; padding:8px 0 10px;}
.tab_content p{ line-height:18px; margin-bottom:10px; text-align:justify;}
.panes #map_canvas{ height:245px;}
.apply_btn{font-size: 12px;    height: 28px;    line-height: 28px;    width: 67px;}
.availability_content p{ margin-top:-4px;}
.key_info .kye_name{ font-size:13px; padding-left:10px; width:35%;}
.room_info{ padding:4px 12px; font-size:11px;}
.accommodation_content{ padding-bottom:15px;}
.acc_gallery img{ margin:0 4px 16px; width:22%; border-width:3px;}
.key_info .kye_description{padding: 10px 0 0 4px;}
.key_info .kye_description ul li::before{ font-size:6px; left:6px;}
.key_info .kye_description ul li{font-size: 9px;    line-height: 14px;    margin-bottom: 5px;    min-height: 42px;    padding-right: 9px;}
.key_info.gap{ margin-bottom:20px;}
h4.acc_trigger{ font-size:14px; padding:4px 15px; margin-bottom:5px;}
.acc_container{ font-size:12px; padding:10px 15px 8px; margin-bottom:5px;}
.accommodation_gallery #carousel{padding: 0px;}
.accommodation_gallery #carousel .slides li{width: 100px !important;}
.accommodation_gallery #carousel .flex-direction-nav a::before{ left:42%; top:35%;}
.accommodation_gallery .flex-direction-nav a::before{ font-size:15px;}
.flex-direction-nav .flex-prev{ left:10px; top:60%;}
.flex-direction-nav .flex-next{ right:10px; top:60%;}
.accommodation_gallery #carousel .flex-direction-nav a{ width:55px;}
#prev::before, #next::before { top:20%; }

.panes #map_canvas { height:350px !important; }

/*-------------footer----------------*/
.blog_update{ min-height:220px;}
.section_latest_blog h2{line-height: 25px;margin: 0 0 20px;}
.section_latest_blog h2 span{ margin-top:12px;}
.blog_slide{padding: 15px 20px; min-height:220px; font-size:12px;}
.blog_slide span{ margin-bottom:15px; font-size:13px;}
.blog_slide h2{ font-size:21px; margin-bottom:18px;}
.blog_slide a.blog-button{font-size: 14px;padding: 4px 10px;}
.partners-section{padding: 15px 0 12px;}
.partners-section a{ margin-right:0px; width:76px; margin-bottom:10px;}
.partners-section .wrap a:last-child{margin:0 0 0 12px;}
.partners-section a img{ width:100%;}
.footer-top .grid{ margin-left:0;}
.footer-top .grid__item{ padding-left:0;}
.footer-top{ padding-top:20px; font-size:13px; line-height:20px; padding-bottom:5px;}
.footer-top h3{ font-size:24px; line-height:25px; margin-bottom:15px;}
.footer-column.adjust h3{ margin-bottom:18px;}
.footer-column{ padding-right:0;}
.footer-top .widget_nav_menu ul li::before{ font-size:10px; margin:0 12px 0 0;}
.footer-top .widget_nav_menu ul li{ margin-bottom:9px;}
.footer-top .widget_nav_menu ul li:last-child{ margin-bottom:18px;}
.footer-column h4{ line-height:22px; font-size:13px;}
.footer-column.adjust{ font-size:12px; line-height:20px; padding-right:0; padding-left:0px;}
.footer-column.adjust span{ margin:0;}
.footer-column p{ margin-bottom:12px;}
.footer-column span{ margin-bottom:5px;}
.footer-column.adjust p{ margin-bottom:17px;}
.footer-column.adjust h3 .fa{font-size: 20px;margin: 0 0 0 4px;}
.footer-middle{ padding:12px 0 0;}
.footer-language-option a{ font-size:12px; margin-bottom:12px; margin-right:16px; line-height:20px; padding:0 0 0 25px;}
.footer-language-option a:first-child, .footer-language-option a:nth-child(2), .footer-language-option a:nth-child(3), .footer-language-option a:nth-child(4),
.footer-language-option a:last-child{ background-position:left 4px; background-size:25%;}
.footer-bottom{font-size: 10px; padding: 16px 0 8px; text-align:center;}
.footer-caption{ text-align:center;}
.footer-bottom p{ margin-bottom:5px;}

.inner-content.wrap h1{ font-size:22px; margin:10px 0;}
.contact_info{ font-size:14px;}
.contact_form p{ margin-right:0;}
.contact_form input[type="submit"] {  font-size: 20px;  letter-spacing: 1px;  padding: 4px 20px;}
.contact_info p i {  font-size: 14px;  margin-right: 14px;}
.contact_form label{ font-size:18px;}

.twitter-widget li .tweets_txt { width: 100%; }
div#tipDiv { width:100%; }

.brand_module_overlay {
	padding:10px 10px 42px;
	font-size:12px;
	line-height:16px;
}

.option_module_overlay {
	padding:10px 10px 42px;
	font-size:14px;
	line-height:20px;
}
.overlay_content { height:144px; }
.section_feature .grid__item:first-child .overlay_content { height:410px; }
.residence_module_overlay {
	padding:42px 10px 10px;
	font-size:14px;
	line-height:20px;
}


.brand_module_overlay.pchange { padding:52px 10px 10px; }

.brand_module_overlay.schange { padding:50px 10px 10px; overflow:hidden; }

.brand_module_overlay.schange .overlay_content { height:98px; } 

.brand_module.adjust img { margin-top:42px; }

.brand_feature .grid__item { height:auto; }

.section_option .option_module_overlay .overlay_content, .section_option .residence_module_overlay .overlay_content { height:142px; }
.page-template-default .catering-section {
	width:273px;
	overflow:scroll;
}
} 

@media only screen and (max-width: 320px) {
.site_navigation.desk { display:none; }
.site_navigation.mob { display:block; }	
.section_family, .section_group.nograp, .section_contact, .feature_module.guardian, .feature_module{ margin-bottom:5px;}
.select-box::after {  border-width: 5px 4px 0;  right: 6%;  top: 76%;}
.form-content select option {  padding: 0 4px; font-size: 8px;}
.form-content select.adjust {  width: 190px;}
.form-content input[type="text"], .form-content input[type="email"], .form-content select { width:190px; height:24px; }
.form-content select { margin-top:10px; }
.app_cont .form-content p, .showTip { display:none;  }
.form-content .booking-detail, .form-content .booking-section { width:70%; }
.form-content textarea { width:70%; float:left; }
.form-content .select-box, .form-content .select-box.sex-option, .form-content .select-box.reason-option, .form-content textarea, .form-content.adjust textarea, .form-content .select-box.zone-option, .form-content .select-box.plan-option { width:190px; }
.form-content.alt .select-box { width:190px; }
.form-content .notification { width:190px; }
.form-content textarea {  height: 125px;}
.language_option #lang_sel ul ul{ top:26px; width:105px;}
.language_option #lang_sel ul li li{ width:105px;}
.blog_update {  min-height: 238px;}
.blog_slide{min-height:235px;}

.form-content.alt {  width: 240%;}
td {  padding-bottom: 10px;}

.banner_holder { margin-top:0; }

.twitter-widget li .tweets_txt { width: 100%; }
div#tipDiv { width:100%; }

.brand_feature .grid__item { height:auto; }

}

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

.wrap{ width:255px;}
.site_navigation.desk { display:none; }
.site_navigation.mob { display:block; }
.site_navigation ul li .megamenu{ width:255px;}
h2, .section_latest_blog h2{ font-size:18px;}
h3{ font-size:14px;}

/*--------------header---------------*/
.header_top{ padding:9px 0 12px;}
.top_menu{ padding-left:10px; margin:0 0 5px;}
.top_menu ul li{ font-size:8.5px; padding:0 0 0 10px;}
.top_menu ul li:first-child{ padding:0 10px 0 0;}
.top_menu ul li a::before{ font-size:10px; top:0;}
.top_menu ul li a{padding: 0 0 0 15px;}
.language_option{ height:0;}
.language_option a{ padding:4px 5px; font-size:10px;}
.language_option img{ margin-right:6px; width:28%; margin-top:3.5px;}
.language_option i{ margin-top:3px;}
.header_social{padding:0; float:none;}
.header_social a{ margin-left:10px; margin-right:6px;}
.header_social a i{ font-size:14px;}
.header_bottom{min-height:65px; padding-top:25px;}
.logo img{ max-width:40%;}
.header_nav{ padding: 0;    width: 100%;  text-align:right; margin:5px 0;}
.header_nav ul {  padding: 0;  width: 100% !important;}
.header_nav ul li{ font-size:15px; padding: 0 !important; float:none;}
.header_nav ul li a{ padding:6px 10px;}
.menu_icon{ margin-top:-31px;}
.site_navigation ul li{ font-size:12px; line-height:35px; float:none; width:100%; letter-spacing:2px;}
.site_navigation ul li i{ display:inline;}

/*------------home-container-------------*/ 

.banner_holder { margin-top:0; }
.home_title h1{ font-size:13px; padding:0px 12px 3px;}
.section_option{padding-bottom:4px;}
.about_content{ line-height:17px; font-size: 11px;padding: 20px 7px 24px; background-size: 60%; margin-bottom:18px; text-align:justify;}
.option_menu ul li{ font-size:13px; margin-top:4px;}
.option_menu ul li i{ font-size:24px; margin-top: 5px; padding:2px 0;}
.option_menu ul li span{padding: 8px 0; margin-left:17.4%; float:none; width:84%;}


.option_menu, .option_module, .residence_module, .section_family, .section_group, .group_bottom_module, .section_contact, .section_group.nograp,
.feature_module, .footer-column{  width: 255px;  margin: 0 auto 20px;}
.group_bottom_module, .group_bottom_module.section_study{ float:none;}
.content_middle{padding: 18px 0 10px; line-height:18px; font-size:11px;}
.content_middle h2{ margin-bottom:10px;}
.content_middle p{ margin-bottom:12px; padding:0 10px; text-align:justify;}


.section_feature{padding-top:25px; padding-bottom: 5px}
.section_family{min-height:353px; margin-bottom:0;}
.section_family_overlay{ min-height:353px;}
.section_family h3{ letter-spacing:1px; padding:8px 0;}
.section_family_text{padding: 15px 25px 0; font-size:11px; line-height:19px; text-align:justify;}

.grid.section_feature{margin-left:-15px;}
.section_feature .grid__item{ padding-left:15px; margin-bottom:35px;}
.section_group h3, .option_module h3, .residence_module h3{padding:8px 0;}
.section_contact h3{ line-height:35px; font-size:14px;}
.player1{ width:255px !important; height:180px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:255px !important; height:180px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
/*.mejs-overlay-button{height: 60px;left: 59%;top: 42%;background-size: 60%;}
.mejs-overlay-button:hover{height: 60px;left: 59%;top: 42%;background-size: 60%;}
*/.form_area{padding: 5px 36px 10px; height:auto;}
.section_contact input[type="submit"]{ font-size: 13px;height: 27px;line-height: 25px;letter-spacing: 1px;}
.section_feature .grid__item{ margin-bottom:5px;}
.group_bottom_module h3, .feature_module h3{ padding:8px 0;}
.section_contact input[type="text"], .section_contact input[type="email"]{line-height:25px; font-size:12px;}
.section_contact textarea{font-size: 12px;height: 45px;line-height: 23px;margin: 2px 0 0;}


/*------------form-container-------------*/

.home-stay-title{ width:auto; margin-bottom:15px;}
.home-stay-title h1{ font-size:13px; padding:0 15px; letter-spacing:1px;}
.home-stay-detail{ font-size:11px; line-height:18px; padding:0 15px; margin-bottom:16px; text-align:justify;}
.home-stay-detail p br{ display:none;}
.form-heading{ padding:8px 0 8px 12px; margin: 0;}
.form-wrap{ width:235px;}
.form-heading h3{ font-size:11px; letter-spacing:3px;}
.form-content label{ display: block;    float: none;    font-size: 10px;    line-height: 15px;    padding-bottom: 6px;    padding-right: 0;    padding-top: 10px;    width: 100%;}
.form-content input[type="text"], .form-content input[type="email"], .form-content select{ padding:4px; font-size:10px; float:none; width:100%;}
.form-content .select-box, .form-content .select-box.sex-option, .form-content .select-box.reason-option,.form-content textarea,
.form-content.adjust textarea, .form-content .select-box.zone-option, .form-content .select-box.plan-option{ width:100%; float:none; font-size:10px;}
.select-box::after{border-width: 5px 4px 0; top:65%; right:5%;}
.form-content textarea{ height:80px; padding:10px; font-size:12px;}
.form-content .booking-detail, .form-content .booking-section{ font-size:10.5px; padding:8px 40px 8px 16px; text-align:justify;}
.form-content .notification{ font-size:10.5px; padding:8px 35px 8px 12px; line-height:18px; width:100%; float:none; margin-top:0px;}
.form-content .notification::after, .form-content .booking-detail::after{ font-size:20px; right:11px; top:18px;}
.form-content .notification.adjust::after{ top:9px;}
.form-content .zone-select::after{ font-size:20px;}
.form-content .supplement::after{ font-size:20px;}
.form-content .supplement::after{ top:35px;}
.form-content .zone-select::after {  right: 35px;  top: -5px;}
.form-content .supplement::after{ right:36px;}
.form-content .select-box.zone-option{ margin-right:16px;}
.form-content .booking-detail.adjust p{ margin-bottom:15px;}
.accomodation{ font-size:10px; width:250px; margin-bottom:15px;}
.accomodation.adjust{ margin-bottom:25px;}
.form-content .booking-detail.adjust{padding:10px 45px 10px 12px;}
.form-content a.calculate-button{ font-size:14px; padding:3px 0; width:130px; letter-spacing:2px;}
.submit-button{ padding:6px 0; margin-bottom:30px;}
.submit-button input[type="submit"]{ font-size:15px; padding:5px 0; width:90px;}
.form-content a.calculate-button.adjust{ margin-bottom:30px;}
.booking-detail.adjust.alt {  margin-bottom: 20px;}
a.showTip{ margin-left:90px;}
.form-content{ font-size:8px;}
td{ padding-bottom:20px;}
.form-content textarea{ height:125px;}
.form-content.adjust label{padding-top:20px;}
.form-content select.adjust{ width:340%;}
.form-content.alt{ width:310%;}
.form-content select option{ padding:0 10px;}


/*------------internal-container-------------*/

.home-stay-detail.adjust{ margin-bottom:20px; padding:0 10px; text-align:justify; font-size:12px; line-height:22px;}
.home-stay-detail.adjust p{ margin-bottom:10px;}
.rates-section{ margin-bottom:25px;}
.rates-heading{padding: 10px 0 10px 12px;}

.catering-section table tr th{ padding:15px 0;}
.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white{ padding:18.3px 0;}
.catering-section table tr td.pink{ padding:15px 0;}
.catering-section table tr td{ font-size:8.5px;}
.catering-section{ margin-bottom:20px;}


.availability-section{ font-size:10.5px; padding-left:38px; margin-bottom:20px;}
.availability-section .availability-info::after{ font-size:21px; top:14px; left:11px;}
.availability-section p{ margin-bottom:12px;}
.rates-right-content{ padding-left:20px; padding-top:20px; padding-bottom:20px;}
.rates-right-content .column{ width:52%;}
.rates-right-content ul li span{ font-size:13px;}
.rates-right-content ul li{ font-size:11px;}
.rates-left-content, .rates-right-content, .option_menu_left, .option_menu_right{ width:100%; float:none;}
.option_menu_left{ margin-bottom:4px;}
.catering-caption{ min-height:44px;}
.catering-caption.alt{ min-height:26px;}

/*------------brand-archive-container-------------*/

.archive_content{ padding-top:30px;}
.section_feature .grid__item{ margin-bottom:20px;}
.brand_module_text p{font-size: 12px;line-height: 20px;padding: 12px;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position{ font-size:16px;padding: 11px 0; letter-spacing:3px;}
.archive_content .option_menu ul li{ margin-top:10.7px;}
.brand_module .player1{ width:255px !important; height:200px !important;}
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:255px !important; height:200px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}
.brand_module_text, .brand_module{ width:255px; margin:0 auto;}
.archive_content .option_menu{ margin-bottom:0;}


/*------------accomodation-container-------------*/

.accommodation_gallery{ margin-bottom:15px;}
.accommodation_menu{ margin-bottom:5px;}
.accommodation_menu ul li{ font-size:7.5px;}
.accommodation_menu ul li a{ line-height:25px;}
.tab_content{ font-size:12px;}
.tab_content h3{ font-size:11px; padding:6px 0 10px; letter-spacing:1.5px;}
.tab_content p{ line-height:18px; margin-bottom:10px; text-align:justify;}
.panes #map_canvas{ height:245px;}
.apply_btn{font-size: 11px;    height: 25px;    line-height: 25px;    width: 63px;}
.availability_content p{ margin-top:-4px;}
.key_info .kye_name{ font-size:13px; padding-left:10px; width:35%;}
.room_info{ padding:4px 12px; font-size:11px;}
.accommodation_content{ padding-bottom:15px;}
.acc_gallery img{ margin:0 4px 16px; width:22%; border-width:3px;}
.key_info .kye_description{padding: 10px 0 0 4px;}
.key_info .kye_description ul li::before{ font-size:6px; left:6px;}
.key_info .kye_description ul li{font-size: 9px;    line-height: 14px;    margin-bottom: 5px;    min-height: 42px;    padding-right: 9px;}
.key_info.gap{ margin-bottom:15px;}
h4.acc_trigger{ font-size:14px; padding:4px 15px; margin-bottom:5px;}
.acc_container{ font-size:12px; padding:10px 15px 8px; margin-bottom:5px;}
.accommodation_gallery #carousel{padding: 0px;}
.accommodation_gallery #carousel .slides li{width: 55px !important; border-width: 4px;    margin: 0 5px;}
.accommodation_gallery #carousel .flex-direction-nav a::before{ left:38%; top:32%;}
.accommodation_gallery .flex-direction-nav a::before{ font-size:15px;}
.flex-direction-nav .flex-prev{ left:10px; top:60%;}
.flex-direction-nav .flex-next{ right:10px; top:60%;}
.accommodation_gallery #carousel .flex-direction-nav a{ width:55px;}
#prev::before, #next::before { top:20%; }


/*-------------footer----------------*/


.blog_update{ min-height:220px;}
.section_latest_blog h2{line-height: 25px;margin: 0 0 20px;}
.section_latest_blog h2 span{ margin-top:12px;}
.blog_slide{padding: 15px 20px; min-height:220px; font-size:12px;}
.blog_slide span{ margin-bottom:15px; font-size:13px;}
.blog_slide h2{ font-size:21px; margin-bottom:18px;}
.blog_slide a.blog-button{font-size: 14px;padding: 4px 10px;}
.partners-section{padding: 15px 0 12px;}
.partners-section a{ margin-right:0px; width:70px; margin-bottom:10px;}
.partners-section .wrap a:last-child{margin:0 0 0 12px;}
.partners-section a img{ width:100%;}
.footer-top .grid{ margin-left:0;}
.footer-top .grid__item{ padding-left:0;}
.footer-top{ padding-top:20px; font-size:13px; line-height:20px; padding-bottom:5px;}
.footer-top h3{ font-size:24px; line-height:25px; margin-bottom:15px;}
.footer-column.adjust h3{ margin-bottom:18px;}
.footer-column{ padding-right:0;}
.footer-top .widget_nav_menu ul li::before{ font-size:10px; margin:0 12px 0 0;}
.footer-top .widget_nav_menu ul li{ margin-bottom:9px;}
.footer-top .widget_nav_menu ul li:last-child{ margin-bottom:18px;}
.footer-column h4{ line-height:22px; font-size:13px;}
.footer-column.adjust{ font-size:12px; line-height:20px; padding-right:0; padding-left:0px;}
.footer-column.adjust span{ margin:0;}
.footer-column p{ margin-bottom:12px;}
.footer-column span{ margin-bottom:5px;}
.footer-column.adjust p{ margin-bottom:17px;}
.footer-column.adjust h3 .fa{font-size: 20px;margin: 0 0 0 4px;}
.footer-middle{ padding:12px 0 0;}
.footer-language-option a{ font-size:12px; margin-bottom:12px; margin-right:20px; line-height:20px; padding:0 0 0 25px;}
.footer-language-option a:first-child, .footer-language-option a:nth-child(2), .footer-language-option a:nth-child(3), .footer-language-option a:nth-child(4),
.footer-language-option a:last-child{ background-position:left 4px; background-size:25%;}
.footer-bottom{font-size: 10px; padding: 12px 0 6px; text-align: center;}
.footer-caption{ text-align:center;}
.footer-bottom p{ margin-bottom:5px;}

.twitter-widget li .tweets_txt { width: 100%; }

div#tipDiv { width:100%; }

.brand_module_overlay {
	padding:10px 10px 42px;
	font-size:12px;
	line-height:16px;
}
.brand_module_overlay.pchange { padding:52px 10px 10px; }

.brand_feature .grid__item { height:auto; }

.page-template-default .catering-section {
	width:255px;
	overflow:scroll;
}

}

@media only screen and (min-width: 241px) and (max-width: 289px) {
.wrap{ width:220px;}
h3{ font-size:14px;}
.banner_holder { margin-top:0; }
.site_navigation.desk { display:none; }
.site_navigation.mob { display:block; }
.site_navigation ul li .megamenu {  width:220px; z-index:9999;}
.site_navigation ul li {  letter-spacing: 2px;  width: 100%;  float: none;  font-size: 13px;}
.header_top .lap--one-half.full--width, .section_option.alt .lap--one-third.full--width, .grid.section_feature .lap--one-third.full--width,
.grid.section_feature .lap--two-thirds.full--width, .footer .lap--one-third.full--width, .footer .lap--one-half.full--width, .footer-top .grid__item,
.archive_content .lap--one-third{ width:100%;}
.group_bottom_module.section_study{ float:none;}
.section_group, .group_bottom_module, .grid.section_feature .section_family, .section_option.alt .option_menu, .section_option.alt .option_module,
.residence_module, .grid.section_feature .section_contact, .grid.section_feature .feature_module, .brand_module_text, .brand_module,.section_feature.nogap .option_menu
{ width:220px; margin:0 auto 25px; float:none;}
.option_menu, .option_module, .residence_module, .section_family, .section_group, .group_bottom_module, .section_contact, .section_group.nograp, .feature_module,
.footer-column {margin: 0 auto 25px;  width: 220px;}
.section_group{ margin-bottom:25px;}
.section_family, .section_group.nograp, .section_contact, .feature_module.guardian, .feature_module, .group_bottom_module.section_study {  margin-bottom: 25px !important;}
.footer-top .grid__item{ margin-bottom:10px;}
.player1{ width:220px !important; height:200px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:220px !important; height:200px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
.brand_module .player1{ width:220px !important; height:200px !important;}
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:220px !important; height:200px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}
.section_feature .grid__item{ margin-bottom:0;}
.top_menu{ padding-left:10px;}
.top_menu ul li:first-child{padding: 0 6px 0 0;}
.top_menu ul li{ padding:0 0 0 6px; font-size:7.5px;}
.top_menu ul li a::before {  font-size: 10px;  top: 0px;}
.top_menu ul li a {  padding: 0 0 0 15px;}
.header_social {  padding: 5px 0 0 0px;  float: left;}
.header_social a {  margin-left: 9px;  margin-right: 5px;}
.blog_update{ min-height:250px;}
.blog_slide{ min-height:250px;}
#lang_sel {  left: 30% !important;  top: 3px !important;}
#lang_sel li {  width: 85px;}
.language_option #lang_sel ul ul { width:85px; top:25px;}
.language_option #lang_sel ul li li{ width:85px;}
.language_option #lang_sel ul li a {  font-size: 9px;  line-height: 14px;  padding: 6px 6px;}
.language_option #lang_sel a.lang_sel_sel {  background-position: 70px 12px;  background-size: 20%;}
.language_option img {  margin-right: 1px;  margin-top: 2px;}
.logo {  width: 230px;  display: inline-block;}
.option_menu ul li span, .archive_content .option_menu ul li span {  letter-spacing: 3px;  padding: 8px 0;}
.option_menu ul li, .archive_content .option_menu ul li {  font-size: 11px;  margin-top: 5px;}
.option_menu ul li i, .archive_content .option_menu ul li i {  padding: 2.5px 0; font-size:25px; margin-top:5px;}
.section_group h3, .option_module h3, .residence_module h3, .section_family h3, .group_bottom_module h3, .feature_module h3 {  padding: 14px 0;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position {  font-size: 14px;  letter-spacing: 2px;  padding: 12px 0;}
.section_contact h3 {  font-size: 16px;  line-height: 50px;}
.form_area {  padding: 8px 36px 12px; height:auto;}
.section_contact input[type="text"], .section_contact input[type="email"] {  font-size: 12px;  line-height: 25px;}
.section_contact input[type="submit"] {  font-size: 15px;  height: 36px;  letter-spacing: 2px;  line-height: 36px;}
.section_family_text {  font-size: 12px;  line-height: 17px;  padding: 8px 10px 0;  text-align: justify;}
.section_family h3 {  letter-spacing: 2px;}
.megamenu .menu_widget {  padding: 18px 0;  width:100%;}
.section_option {  padding-bottom: 10px;}
.partners-section {  padding: 18px 0 10px;}
.partners-section a {  margin: 0 0 20px 14px;  width: 90px;}
.partners-section a:last-child{margin:0 0 8px 25px;}
#footer_language_list ul li {  font-size: 11px;  margin-bottom: 11px;  padding: 0 9px 0 0;}
#footer_language_list ul li img {  margin: 1px 9px 0 0;}
.footer-top {  font-size: 14px; line-height:20px; padding-bottom:0;}
.footer-column.adjust {  font-size: 13px;  line-height: 20px;}
.footer-top h3 {  font-size: 25px;}
.footer-column h4 {  font-size: 15px;  line-height: 35px;}
.menu, .footer-top h3, .footer-column h4, .footer-column p {  padding-left: 0;}
.footer-top .widget_nav_menu ul li::before {  font-size: 10px;}
.footer-top .widget_nav_menu ul li {  margin-bottom: 8px;  font-size: 14px;}
.footer-bottom {  font-size: 12px;  padding: 10px 0;  text-align: center;}
.footer-caption{ float:none; text-align:center; margin-top:0;}
.footer-middle {  padding: 12px 0 6px;}

/*--------------------brand-archive-page----------------------*/

.brand_module_text p {  font-size: 13px;  line-height: 20px;  padding: 12px 15px;  text-align: justify;}

/*--------------------form-page----------------------*/

.accomodation{ width:209px;}
.form-content.alt .select-box {  width: 160%;}
.select-box::after {  border-width: 5px 4px 0;  right: 8px;  top: 68%;}
a.showTip {  margin-left: 60px;}
.form-content select.adjust {  width: 225% !important;}
.form-content .booking-detail.adjust {  padding: 10px 45px 10px 15px;}
.home-stay-detail {  font-size: 13px;  line-height: 22px;  margin-bottom: 0;  padding: 0 21px;}

/*--------------------internal-page----------------------*/

.rates-left-content, .rates-right-content {  float: none;  width: 100%;}
.catering-section table tr th {  padding: 11px 0;}
.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white {  padding: 17.3px 0;}
.catering-section table tr td {  font-size: 6.5px;}
.home-stay-detail.adjust {  font-size: 11px;  line-height: 17px;  margin-bottom: 20px;  padding: 0 15px;  text-align: justify;}
.availability-section {  font-size: 12px;  margin-bottom: 25px;  padding-left: 50px;}
.option-section {  margin-bottom: 15px;}
.rates-right-content {  padding-left: 20px;  padding-top: 25px;}
.rates-right-content ul li span{ font-size:15px;}
.rates-right-content ul li{ font-size:13px;}


/*--------------------accomodation-page----------------------*/

.accommodation_gallery{ margin-bottom:15px;}
.accommodation_menu{ margin-bottom:5px;}
.accommodation_menu ul li{ font-size:7.5px;}
.accommodation_menu ul li a{ line-height:25px;}
.tab_content{ font-size:12px;}
.tab_content h3 {  font-size: 10px;  letter-spacing: 1.5px;  padding: 5px 0 10px;}
.tab_content p{ line-height:18px; margin-bottom:10px; text-align:justify;}
.panes #map_canvas{ height:245px;}
.apply_btn{font-size: 11px;    height: 25px;    line-height: 25px;    width: 63px;}
.availability_content p{ margin-top:-4px;}
.key_info .kye_name{ font-size:13px; padding-left:10px; width:35%;}
.room_info{ padding:4px 12px; font-size:11px;}
.accommodation_content{ padding-bottom:15px;}
.acc_gallery img{ margin:0 3px 16px; width:22%; border-width:3px;}
.key_info .kye_description{padding: 10px 0 0 4px;}
.key_info .kye_description ul li::before{ font-size:6px; left:6px;}
.key_info .kye_description ul li{font-size: 9px;    line-height: 14px;    margin-bottom: 5px;    min-height: 42px;    padding-right: 9px;}
.key_info.gap{ margin-bottom:15px;}
h4.acc_trigger{ font-size:14px; padding:4px 15px; margin-bottom:5px;}
.acc_container{ font-size:12px; padding:10px 15px 8px; margin-bottom:5px;}
.accommodation_gallery #carousel{padding: 0px;}
#prev::before, #next::before { top:20%; }
.accommodation_gallery #carousel .slides li{width: 55px !important; border-width: 4px;    margin: 0 5px;}
.accommodation_gallery #carousel .flex-direction-nav a::before{ left:38%; top:32%;}
.accommodation_gallery .flex-direction-nav a::before{ font-size:15px;}
.flex-direction-nav .flex-prev{ left:10px; top:60%;}
.flex-direction-nav .flex-next{ right:10px; top:60%;}
.accommodation_gallery #carousel .flex-direction-nav a{ width:55px;}
.inner-content.wrap h1{ font-size:26px; margin:15px 0 10px;}
.contact_wrap {  padding-bottom: 20px;}
.contact_wrap .lap--one-half{ width:100%;}
.contact_info{ font-size:17px;}
.contact_info p i {  font-size: 17px;  margin-right: 15px;}
.contact_form p{ margin-right:0;}
.map_area #map_canvas {  height: 285px;  width: 100%;}
.contact_form label {  font-size: 20px;  line-height: 38px;}
.contact_form p {  margin: 0 0 8px;}
.contact_form input[type="submit"]{padding: 4px 30px; letter-spacing:1px; margin-top:20px;}

.inner-content.wrap h1{ font-size:22px; margin:10px 0;}
.contact_info{ font-size:14px;}
.contact_form p{ margin-right:0;}
.contact_form input[type="submit"] {  font-size: 20px;  letter-spacing: 1px;  padding: 4px 20px;}
.contact_info p i {  font-size: 14px;  margin-right: 14px;}
.contact_form label{ font-size:16px; line-height:32px;}
.contact_form input[type="text"], .contact_form input[type="email"], .contact_form input[type="tel"]{ height:25px;}
.contact_form textarea{ height:100px;}

.twitter-widget li .tweets_txt { width: 100%; }

div#tipDiv { width:100%; }

.brand_module_overlay {
	padding:5px 5px 42px;
	font-size:12px;
	line-height:16px;
}
.brand_module_overlay.pchange { padding:52px 5px 5px; }

.brand_feature .grid__item { height:auto; }

}

@media only screen and (max-width: 240px) {
.wrap{ width:220px;}

.site_navigation.desk { display:none; }
.site_navigation.mob { display:block; }

.site_navigation ul li .megamenu {  width: 220px;}

h2, .section_latest_blog h2{ font-size:16px;}
h3{ font-size:13px;}

/*--------------header---------------*/
.header_top{ padding:9px 0 12px;}
.top_menu{ padding-left:5px; margin:0;}
.top_menu ul li{ font-size: 7.5px;    padding: 0 0 0 6px;    letter-spacing: 10.5x;}
.top_menu ul li:first-child{ padding:0 6px 0 0;}
.top_menu ul li a::before{ font-size:10px; top:0;}
.top_menu ul li a{padding: 0 0 0 15px;}
.language_option{ width:70px; height:23px; margin-top:1px; margin-right:9px;}
.language_option a{ padding:3px 4px; font-size:8px;}
.language_option img {  margin-right: 1px;  margin-top: 0.5px;}
.language_option i{ margin-top:3px;}
.header_social{padding:0; float:none;}
.header_social a{ margin-left:10px; margin-right:6px;}
.header_social a:first-child{ margin-left:5;}
.header_social a i{ font-size:12px;}
.header_bottom{min-height:65px; padding-top:25px;}
.logo img{ max-width:40%; margin-left:4px;}
.header_nav{ padding: 0;    width: 100%;  text-align:right; margin:0;}
.header_nav ul {  padding: 0;  width: 100% !important;}
.header_nav ul li{ font-size:12px; padding: 0 !important; float:none;}
.header_nav ul li a{ padding:4px 10px;}
.menu_icon{ margin-top:-31px;}
.site_navigation ul li{ font-size:11px; line-height:30px; float:none; width:100%; letter-spacing:2px;}
.site_navigation ul li i{ display:inline;}

.site_navigation ul li .megamenu{ top:30px; padding:0 15px;}
.megamenu .menu_widget{ padding:10px; width:100%; float:none;}
.megamenu .menu_widget h3{ font-size:13.5px; line-height:18px;}
.megamenu .menu_widget ul li{ font-size:12px; margin-bottom:6px;}


/*------------home-container-------------*/ 
.banner_holder { margin-top:0; }

.home_title h1{ font-size:11px; padding:0px 10px 0px;}
.section_option{padding-bottom:4px;}
.about_content{ line-height:17px; font-size: 11px;padding:18px 7px 20px; background-size: 60%; margin-bottom:18px; text-align:justify;}
.option_menu ul li{ font-size:11px; margin-top:4px;}
.option_menu ul li i{ font-size:22px; margin-top: 5px; padding:0;}
.option_menu ul li span{padding: 5px 0; margin-left:17.4%; float:none; width:84%;}


.option_menu, .option_module, .residence_module, .section_family, .section_group, .group_bottom_module, .section_contact, .section_group.nograp,
.feature_module, .footer-column{  width: 215px;  margin: 0 auto 18px;}
.section_family, .section_group.nograp, .section_contact, .feature_module.guardian, .feature_module, .group_bottom_module.section_study{ margin-bottom:4px;}
.group_bottom_module, .group_bottom_module.section_study{ float:none;}
.content_middle{padding: 14px 0 8px; line-height:18px; font-size:11px;}
.content_middle h2{ margin-bottom:8px;}
.content_middle p{ margin-bottom:10px; padding:0 10px; text-align:justify;}


.section_feature{padding-top:22px; padding-bottom: 0;}
.section_family{min-height:353px; margin-bottom:0;}
.section_family_overlay{ min-height:353px;}
.section_family h3{ letter-spacing:1px; padding:6px 0;}
.section_family_text{padding: 10px 15px 0; font-size:11px; line-height:17.5px; text-align:justify;}

.grid.section_feature{margin-left:-15px;}
.section_feature .grid__item{ padding-left:15px; margin-bottom:35px;}
.section_group h3, .option_module h3, .residence_module h3{padding:6px 0;}
.section_contact h3{ line-height:35px; font-size:14px;}
.player1{ width:215px !important; height:180px !important;}
.player1 .me-plugin{ width:100% !important; height:100% !important;}
.player1 .mejs-overlay{ width:215px !important; height:180px !important;}
.player1 embed{ width:100% !important; height:100% !important;}
/*.mejs-overlay-button{height: 60px;left: 59%;top: 42%;background-size: 60%;}
.mejs-overlay-button:hover{height: 60px;left: 59%;top: 42%;background-size: 60%;}
*/.form_area{padding: 5px 36px 10px; height:auto;}
.section_contact input[type="submit"]{ font-size: 13px;height: 27px;line-height: 25px;letter-spacing: 1px;}
.section_feature .grid__item{ margin-bottom:5px;}
.group_bottom_module h3, .feature_module h3{ padding:6px 0;}
.section_contact input[type="text"], .section_contact input[type="email"]{line-height:25px; font-size:12px;}
.section_contact textarea{font-size: 12px;height: 45px;line-height: 23px;margin: 2px 0 0;}


/*------------form-container-------------*/

.home-stay-title{ width:auto; margin-bottom:15px;}
.home-stay-title h1{ font-size:13px; padding:0 15px; letter-spacing:1px;}
.home-stay-detail{ font-size:11px; line-height:18px; padding:0 15px; margin-bottom:16px; text-align:justify;}
.home-stay-detail p br{ display:none;}
.form-heading{ padding:8px 0 8px 12px; margin: 0;}
.form-wrap{ width:235px;}
.form-heading h3{ font-size:11px; letter-spacing:3px;}
.form-content label{ display: block;    float: none;    font-size: 10px;    line-height: 15px;    padding-bottom: 6px;    padding-right: 0;    padding-top: 10px;    width: 100%;}
.form-content input[type="text"], .form-content input[type="email"], .form-content select{ padding:4px; font-size:10px; float:none; width:100%;}
.form-content .select-box, .form-content .select-box.sex-option, .form-content .select-box.reason-option,.form-content textarea,
.form-content.adjust textarea, .form-content .select-box.zone-option, .form-content .select-box.plan-option{ width:100%; float:none; font-size:10px;}
.select-box::after{border-width: 5px 4px 0; top:65%; right:5%;}
.form-content textarea{ height:80px; padding:10px; font-size:12px;}
.form-content .booking-detail, .form-content .booking-section{ font-size:10.5px; padding:8px 40px 8px 16px; text-align:justify;}
.form-content .notification{ font-size:10.5px; padding:8px 35px 8px 12px; line-height:18px; width:100%; float:none; margin-top:0px;}
.form-content .notification::after, .form-content .booking-detail::after{ font-size:20px; right:11px; top:18px;}
.form-content .notification.adjust::after{ top:9px;}
.form-content .zone-select::after{ font-size:20px;}
.form-content .supplement::after{ font-size:20px;}
.form-content .supplement::after{ top:35px;}
.form-content .zone-select::after {  right: 35px;  top: -5px;}
.form-content .supplement::after{ right:36px;}
.form-content .select-box.zone-option{ margin-right:16px;}
.form-content .booking-detail.adjust p{ margin-bottom:15px;}
.accomodation{ font-size:10px; width:250px; margin-bottom:15px;}
.accomodation.adjust{ margin-bottom:25px;}
.form-content .booking-detail.adjust{padding:10px 45px 10px 12px;}
.form-content a.calculate-button{ font-size:14px; padding:3px 0; width:130px; letter-spacing:2px;}
.submit-button{ padding:6px 0; margin-bottom:30px;}
.submit-button input[type="submit"]{ font-size:15px; padding:5px 0; width:90px;}
.form-content a.calculate-button.adjust{ margin-bottom:30px;}
.booking-detail.adjust.alt {  margin-bottom: 20px;}
a.showTip{ margin-left:90px;}
.form-content{ font-size:8px;}
td{ padding-bottom:20px;}
.form-content textarea{ height:125px;}
.form-content.adjust label{padding-top:20px;}
.form-content select.adjust{ width:340%;}
.form-content.alt{ width:310%;}
.form-content select option{ padding:0 10px;}

.language_option #lang_sel a.lang_sel_sel{ background-size:17%; background-position:right 10px;}
#lang_sel {  left: -11px;  top: 2px; height:14px;}
.language_option {  height: 0; margin:0; width:auto;}
#lang_sel li{ width:80px;}
.language_option #lang_sel ul ul{ top:21px; width:80px;}
.language_option #lang_sel ul li li{ width:80px;}
.language_option #lang_sel ul li a {  font-size: 8.5px;  line-height: 12px;  padding: 5px;}
#lang_sel img.iclflag{ top:0;}
#footer_language_list ul li{ font-size:13px; padding:0 15px; margin-bottom:8px;}
#footer_language_list ul li img {  margin: 3px 12px 0 0;}
.footer-middle{ padding:12px 0 6px;}


/*------------internal-container-------------*/

.home-stay-detail.adjust{ margin-bottom:20px; padding:0 10px; text-align:justify; font-size:12px; line-height:22px;}
.home-stay-detail.adjust p{ margin-bottom:10px;}
.rates-section{ margin-bottom:25px;}
.rates-heading{padding: 10px 0 10px 12px;}

.catering-section table tr th{ padding:16px 0;}
.catering-section table tr td.yellow, .catering-section table tr td.sky-blue, .catering-section table tr td.white{ padding:17.3px 0;}
.catering-section table tr td.pink {  padding: 15.1px 0;}
.catering-section table tr td {  font-size: 6.5px;}
.catering-section{ margin-bottom:20px;}


.availability-section{ font-size:10.5px; padding-left:38px; margin-bottom:20px;}
.availability-section .availability-info::after{ font-size:21px; top:14px; left:11px;}
.availability-section p{ margin-bottom:12px;}
.rates-right-content{ padding-left:20px; padding-top:20px; padding-bottom:20px;}
.rates-right-content .column{ width:52%;}
.rates-right-content ul li span{ font-size:13px;}
.rates-right-content ul li{ font-size:11px;}
.rates-left-content, .rates-right-content, .option_menu_left, .option_menu_right{ width:100%; float:none;}
.option_menu_left{ margin-bottom:4px;}
.catering-caption{ min-height:44px;}
.catering-caption.alt{ min-height:26px;}

/*------------brand-archive-container-------------*/

.archive_content{ padding-top:30px;}
.section_feature .grid__item{ margin-bottom:20px;}
.brand_module_text p{font-size: 12px;line-height: 20px;padding: 12px;}
.brand_module_text h3, .brand_module h3.bottom-position, .brand_module h3.top-position{ font-size: 13px;    letter-spacing: 3px;    padding: 8px 0;}
.archive_content .option_menu ul li{ margin-top:10.7px;}
.brand_module .player1{ width:215px !important; height:200px !important;}
.brand_module .player1 .me-plugin{ width:100% !important; height:100% !important;}
.brand_module .player1 .mejs-overlay{ width:215px !important; height:200px !important;}
.brand_module .player1 embed{ width:100% !important; height:100% !important;}
.brand_module_text, .brand_module{ width:215px; margin:0 auto;}
.archive_content .option_menu{ margin-bottom:0;}
.archive_content .option_menu ul li { font-size:12px;}
.archive_content .option_menu ul li i{padding: 3.2px 0;}
.archive_content .option_menu ul li span {  padding: 8.7px 0;}


/*------------accomodation-container-------------*/

.accommodation_gallery{ margin-bottom:15px;}
.accommodation_menu{ margin-bottom:5px;}
.accommodation_menu ul li{ font-size:7.5px;}
.accommodation_menu ul li a{ line-height:25px;}
.tab_content{ font-size:12px;}
.tab_content h3 {  font-size: 10px;  letter-spacing: 1.5px;  padding: 5px 0 10px;}
.tab_content p{ line-height:18px; margin-bottom:10px; text-align:justify;}
.panes #map_canvas{ height:245px;}
.apply_btn{font-size: 11px;    height: 25px;    line-height: 25px;    width: 63px;}
.availability_content p{ margin-top:-4px;}
.key_info .kye_name{ font-size:13px; padding-left:10px; width:35%;}
.room_info{ padding:4px 12px; font-size:11px;}
.accommodation_content{ padding-bottom:15px;}
.acc_gallery img{ margin:0 3px 16px; width:22%; border-width:3px;}
.key_info .kye_description{padding: 10px 0 0 4px;}
.key_info .kye_description ul li::before{ font-size:6px; left:6px;}
.key_info .kye_description ul li{font-size: 9px;    line-height: 14px;    margin-bottom: 5px;    min-height: 42px;    padding-right: 9px;}
.key_info.gap{ margin-bottom:15px;}
h4.acc_trigger{ font-size:14px; padding:4px 15px; margin-bottom:5px;}
.acc_container{ font-size:12px; padding:10px 15px 8px; margin-bottom:5px;}
.accommodation_gallery #carousel{padding:0px;}
.accommodation_gallery #carousel .slides li{width: 55px !important; border-width: 4px;    margin: 0 5px;}
.accommodation_gallery #carousel .flex-direction-nav a::before{ left:38%; top:32%;}
.accommodation_gallery .flex-direction-nav a::before{ font-size:15px;}
.flex-direction-nav .flex-prev{ left:10px; top:60%;}
.flex-direction-nav .flex-next{ right:10px; top:60%;}
.accommodation_gallery #carousel .flex-direction-nav a{ width:55px;}
#prev::before, #next::before { top:20%; }


/*-------------footer----------------*/


.blog_update{ min-height:250px;}
.section_latest_blog h2{line-height: 25px;margin: 0 0 20px;}
.section_latest_blog h2 span{ margin-top:12px;}
.blog_slide{padding: 15px 20px; min-height:245px; font-size:12px;}
.blog_slide span{ margin-bottom:15px; font-size:13px;}
.blog_slide h2{ font-size:21px; margin-bottom:18px;}
.blog_slide a.blog-button{font-size: 14px;padding: 4px 10px;}
.partners-section{padding: 15px 0 12px;}
.partners-section a{ margin-bottom: 12px;    margin-right: 0;    width: 85px;    margin-left: 18px;}
.partners-section .wrap a:last-child{margin:0 0 0 12px;}
.partners-section a img{ width:100%;}
.footer-top .grid{ margin-left:0;}
.footer-top .grid__item{ padding-left:0;}
.footer-top{ font-size: 12px;    line-height: 16px;    padding-bottom: 5px;    padding-top: 15px;}
.footer-top h3{ font-size:24px; line-height:25px; margin-bottom:15px;}
.footer-column.adjust h3{ margin-bottom:18px;}
.footer-column{ padding-right:0; width:100%;}
.footer-top .widget_nav_menu ul li{ margin-bottom:9px;}
.footer-top .widget_nav_menu ul li:last-child{ margin-bottom:18px;}
.footer-column h4{ line-height:22px; font-size:13px;}
.footer-column.adjust{ font-size:12px; line-height:20px; padding-right:0; padding-left:0px;}
.footer-column.adjust span{ margin:0;}
.footer-column p{ margin-bottom:12px;}
.footer-column span{ margin-bottom:5px;}
.footer-column.adjust p{ margin-bottom:12px;}
.footer-column.adjust h3 .fa{font-size: 20px;margin: 0 0 0 4px;}
.footer-middle{ padding:12px 0 0;}
.footer-language-option a{ font-size:12px; margin-bottom:12px; margin-right:4px; line-height:20px; padding:0 0 0 25px;}
.footer-language-option a:first-child, .footer-language-option a:nth-child(2), .footer-language-option a:nth-child(3), .footer-language-option a:nth-child(4),
.footer-language-option a:last-child{ background-position:left 4px; background-size:25%;}
.footer-bottom{font-size: 9px; padding: 12px 0 6px; text-align: center;}
.footer-caption{ text-align:center;}
.footer-bottom p{ margin-bottom:5px;}
.footer-top .widget_nav_menu ul li::before{font-size: 8px;    margin: 0 10px 0 0;}
.menu, .footer-top h3, .footer-column h4, .footer-column p{ padding-left:10px;}

.inner-content.wrap h1{ font-size:22px; margin:10px 0;}
.contact_info{ font-size:14px;}
.contact_form p{ margin-right:0;}
.contact_form input[type="submit"] {  font-size: 20px;  letter-spacing: 1px;  padding: 4px 20px;}
.contact_info p i {  font-size: 14px;  margin-right: 14px;}
.contact_form label{ font-size:16px; line-height:32px;}
.contact_form input[type="text"], .contact_form input[type="email"], .contact_form input[type="tel"]{ height:25px;}
.contact_form textarea{ height:100px;}

.twitter-widget li .tweets_txt { width: 100%; }

div#tipDiv { width:100%; }

.brand_module_overlay {
	padding:5px 5px 42px;
	font-size:12px;
	line-height:16px;
}
.brand_module_overlay.pchange { padding:52px 5px 5px; }

.brand_feature .grid__item { height:auto; }

}