/**********************************************************Home Page******************************************************/
.homebanner_area, .homebanner_items{width: 100%; height:100%; position:relative}
.homebanner_items .homebanner{width:100%; position:relative; height:41.667vw; z-index:1}
.bannerWrapper{position: absolute;top: 0;left: 0;right: 0;width: 95%;height: 100%;margin: auto;max-width: 85%;display:block; z-index:3}
.bannerWrapper_mb{display:none}
.homebanner_mb{display:none}
.homebanner_capture{display:table-cell; width:100%; padding:0 5% 0 5%; vertical-align:middle; text-align:left;font-family: 'Istok';font-size:40px;line-height:56px;color:#000;}
.homebanner_capture h1{font-family:'Kaushan Script'; font-size:116px;color:#fff;letter-spacing:5px;line-height:190px;text-shadow: 1px 3px 10px #333;}
.homebanner_capture .bannertext{font-family:'Lato-Regular'; font-size:55px; line-height:60px;color:#fff;text-shadow: 1px 3px 10px #333;}
.home_banner_btmcover{background: url(../images/home_banner_btmcover.png) no-repeat top center; background-size:100%; height:3.281vw; position:relative; margin-top:-2.281vw; z-index:2}

.home_mainbg{background: url(../images/home_mainbg.png) no-repeat bottom center; background-size:100%; padding:30px 5%;text-align:center; margin:0 auto;position: relative; z-index: 2;}
.home_general .titlewrapper_l{width:20%; float:left;position:relative}
.home_general .titlewrapper_r{width:20%; float:right;position:relative}
.home_general .contentwrapper{width:80%; float:left;position:relative; color:#555;}
.home_general .title_num{font-family:'Kaushan Script';position:relative; z-index:1;font-size:10.417vw;color:#daf1c3;}
.titlewrapper_l .title_num{float:left}
.titlewrapper_r .title_num{float:right}
.titlewrapper_l .title_content{position:absolute; z-index:2;top:70px;width:76%;height:100%;right:0;color:#000;}
.titlewrapper_r .title_content{position:absolute; z-index:2;top:70px;width:60%;height:100%;left:0;color:#000;}
.titlewrapper_l .title_b{font-family: 'PlayfairDisplay-Bold'; font-size:3.646vw; margin-top:2vw; text-align:left;}
.titlewrapper_r .title_b{font-family: 'PlayfairDisplay-Bold'; font-size:3.646vw; margin-top:2vw;text-align:left}
.contentwrapper .title_s{font-family: 'Lato-Regular'; font-size:1.563vw;margin-top:-1vw; margin-bottom:1vw; text-align:left;}
.contentwrapper .textwrapper_l{width:45%; float:left; font-family:'SourceSansPro';font-size:16px;line-height:26px;text-align:left;padding:0 3%; padding-top:12vw}
.contentwrapper .textwrapper_r{width:45%; float:left; font-family:'SourceSansPro';font-size:16px;line-height:26px;text-align:left;padding:0 3% 0 2%; padding-top:12vw}
.contentwrapper .imgwrapper_r{width:55%; float:right; }
.contentwrapper .imgwrapper_l{width:55%; float:left;}
.imgwrapper_r img{width:37.500vw; float:right;}
.imgwrapper_l img{width:37.500vw; float: left}

.home_event ul, .home_annoucement ul{padding:0; margin:0; min-height:10px;}
.home_event ul li{list-style:none;position:relative;width:28.125vw; background:#fff; text-align:center; margin:3.125vw 3%;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1); border-bottom: 4PX solid #57c39b;}
.home_event ul li img{width:28.125vw; height:18.750vw;position:relative}
.home_event .home_eventimg_cover{position:absolute; z-index:3;top:15.2vw;width:28.125vw;height:3.646vw}
.home_event .eventdatebg{position:absolute; background:url(../images/event_datebg.png) no-repeat; background-size:100%; width:6.563vw; height:6.146vw; left:5%; margin:0 auto; margin-top:-0.938vw; z-index:2;padding:0.781vw 5% 0.781vw 6%;color:#fff;}
.home_event .eventdate{font-family:'SourceSansPro-SemiBold';font-size:1.354vw; line-height:1.771vw;text-transform:uppercase; letter-spacing:1px;}
.home_event .eventcontent{width:100%; background:#fff; text-align:center; margin:0 auto; padding:0px 5% 30px 5%;}
.home_event h2.eventtitle, .home_annoucement h2.newstitle{font-family: 'PlayfairDisplay-Bold'; font-size:24px; line-height:30px; color:#000;margin-bottom:10px; letter-spacing:0px;}
.home_event .eventtext{font-family: 'SourceSansPro'; font-size:16px; line-height:26px; color:#555; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}
.home_event .eventcontent .eventbtns{width:5vw; text-align:center; margin:0.5vw auto 0 auto;}
.home_event .eventbtns img{text-align:center; width:1.25vw;height:1.25vw;margin:0.5vw !important;float:left;}

.home_annoucement ul li{list-style:none;position:relative; width:41.667vw; height:12.500vw; margin:3.125vw auto;background:#fff;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1);}
.home_annoucement ul li img{width:12.500vw; height:12.500vw}
.home_annoucement .newsdatebg{position:absolute; background:url(../images/news_datebg.png) no-repeat; background-size:100%; width:144px; height:60px; right:-8px; margin:0 auto; margin-top:-13px; z-index:2;padding:6px 4% 6px 6%;color:#fff;}
.home_annoucement .newsdate{font-family: 'SourceSansPro'; font-size:16px; line-height:26px; color:#fff;}
.home_annoucement .newscontent{width:100%; height:100%;padding:25px 5% 10px 5%;border-bottom:0.250vw solid #57c39b;text-align:left;height:12.500vw;}
.home_annoucement .newstext{font-family: 'SourceSansPro'; font-size:16px; line-height:22px; color:#555; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8 !important; overflow: hidden;}
.home_annoucement .newscontent img{float:right; width:1.250vw;height:1.250vw;margin:0.521vw !important;}
.home_map{width:100%; min-height:550px; margin-top:-50px; position:relative;}
.home_mapbox{width:21.354vw; height:15.104vw}
.home_maptextbg{position:absolute; z-index:3; top:45%; margin-top:-11.438vw; right:17.500vw; width:29.063vw; height:22.875vw; padding:2.604vw 3.646vw; background:url(../images/home_maptextbg.png) no-repeat; background-size:100%;text-align:left; }
.home_maptextbg h2{font-family: 'PlayfairDisplay-Bold'; font-size:32px;letter-spacing:0px;}
.home_maptextbg .mapitems{margin:15px 0; text-align:left}
.home_maptextbg .mapicons{width:10%; margin-right:2%; float:left;margin-top:6px;}
.home_maptextbg .maptext{width:88%; float:left;font-family: 'SourceSansPro'; font-size:16px; line-height:26px; color:#555;}
.home_maptextbg .mapicons img{width:100%; max-width:20px; }


/********************************************************************sherry home end****************************************************************************/
/*********************************************************************** sub start*************************************************************************/
.subbanner_Aboutus{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_Aboutus.png) no-repeat 60% center; background-size:cover;} 
.subbanner_gather_poolside{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_gather_poolside.png) no-repeat; background-size:cover;}
.subbanner_gather_childrenpartyroom{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_gather_childrenpartyroom.png) no-repeat; background-size:cover;}
.subbanner_gather_DanceStudio{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_gather_DanceStudio.png) no-repeat; background-size:cover;}
.subbanner_gather_foyer{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_gather_foyer.png) no-repeat; background-size:cover;}
.subbanner_gather_SeminarRooms{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_gather_SeminarRooms.png) no-repeat; background-size:cover;}
.subbanner_gather_TreehouseBBQ{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_gather_TreehouseBBQ.png) no-repeat; background-size:cover;}
.subbanner_gather_CloverRoom{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_gather_CloverRoom.png) no-repeat; background-size:cover;}
.subbanner_gather_JasmineRoom{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_gather_JasmineRoom.png) no-repeat; background-size:cover;}
.subbanner_gather_KoiPond{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_gather_KoiPond.png) no-repeat; background-size:cover;}
.subbanner_fun_Arcade{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_Arcade.png) no-repeat; background-size:cover;}
.subbanner_fun_WeiChuanPotteryStudio{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_WeiChuanPotteryStudio.png) center no-repeat; background-size:cover;}
.subbanner_fun_Bowling{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_Bowling.png) no-repeat; background-size:cover;}
.subbanner_fun_ChildCareCentre{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_ChildCareCentre.png) no-repeat; background-size:cover;}
.subbanner_fun_IndoorPlayroom{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_IndoorPlayroom.png) no-repeat; background-size:cover;}
.subbanner_fun_EducationCentre{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_EducationCentre.png) no-repeat; background-size:cover;}
.subbanner_fun_Gym{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_Gym.png) no-repeat; background-size:cover;}
.subbanner_fun_JackpotRoom{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_JackpotRoom.png) no-repeat; background-size:cover;}
.subbanner_fun_Karaoke{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_Karaoke.png) no-repeat; background-size:cover;}
.subbanner_fun_ProShop{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_ProShop.png) no-repeat; background-size:cover;}
.subbanner_fun_SwimmingPool{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_SwimmingPool.png) no-repeat; background-size:cover;}
.subbanner_fun_TennisCourts{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_fun_TennisCourts.png) no-repeat; background-size:cover;}
.subbanner_fun_PickleballCourts {
    min-height: 685px;
    width: 100%;
    position: relative;
    background: url(../images/subbanner_fun_PickleballCourts.png) no-repeat;
    background-size: cover;
}
.subbanner_Dine_BowlingCafeteria{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_Dine_BowlingCafeteria.png) no-repeat; background-size:cover;} 
.subbanner_Dine_ChineseRestaurant{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_Dine_ChineseRestaurant.png) no-repeat; background-size:cover;} 
.subbanner_Dine_Wellness{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_Dine_Wellness.png) no-repeat; background-size:cover;} 
.subbanner_Dine_Spa{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_Dine_Spa.png) no-repeat; background-size:cover;} 
.subbanner_Dine_HalalRestaurant{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_Dine_HalalRestaurant.png) no-repeat; background-size:cover;} 
.subbanner_contactus{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_contactus.png) no-repeat 60% center; background-size:cover;} 
.subbanner_discover{min-height: 685px; width: 100%; position: relative; background: url(../images/bb-banner.jpg) no-repeat 60% center; background-size:cover;} 
.subbanner_locateus{min-height: 685px; width: 100%; position: relative; background: url(../images/subbanner_locateus.png) no-repeat 60% center; background-size:cover;} 

.subbg{background: url(../images/ts_blline.png) repeat; width: 100%; height: 100%; position: relative;}
.funbg{background: url(../images/funbg.jpg) repeat; width: 100%; height: 100%; position: relative;}
.dinebg{background: url(../images/dinebg.jpg) repeat; width: 100%; height: 100%; position: relative;}
.subbanner_title{max-width:1600px; width:100%; min-height:685px; margin:0 auto;} 
.subbanner_title h1.table-cell{font-size: 80px; color: #fff; letter-spacing: 0.25px; line-height: 109.75px; text-shadow: 1px 3px 10px #333; text-align: left;position:absolute; top:50%; margin-top:-70px} 
.subbanner_title h1 span{display: block; font-family: 'SourceSansPro-SemiBold'; font-size: 40px; color: #fff; letter-spacing: 0.25px; line-height: 26.4px; text-shadow: 1px 3px 10px #333; margin-bottom:20px;}
.sub_gather{width: 100%; min-height: 150px; padding:10px 0 30px 0; max-width:1080px; margin:0 auto;}
.sub_gather_head{text-align: center; font-family: 'SourceSansPro-SemiBold'; font-size: 18px; color: #57c39b; letter-spacing: 0.25px; line-height: 26.4px; padding-bottom: 20px;}
.sub_open{width:100%; padding:0;}
.width40{width:40%;}
.width60{width: 60%;}
.width50{width: 50%;}
.sub_open .width40{background: url(../images/bb_openpertleft.png) no-repeat; background-size: cover; height: 33.125vw; padding: 0; color:#fff;}
.sub_open .left.width50{background: url(../images/bb_openpertleft50.png) no-repeat; background-size: 100%; height: 28.125vw; padding: 0; color:#fff;}
.sub_open h2{color: #fff;}
.sub_open h4{font-size:24px;line-height:36px;}
.sub_open .width60{height: 28.125vw;}
.sub_open .width50{height: 28.125vw;}

.sub_find{background: #fff url(../images/bb_bottom_bg.png) no-repeat; width: 100%; min-height: 500px; padding: 40px 9%; background-size: cover;}
#owl-room li{width:100%; float:left; list-style:none;}
.sub_room{padding:3% 9%;}
.sub_find li.table{width:33.3333%; float:left; list-style:none;}
.find_bg{background: url(../images/bb_find_itembg.png) no-repeat center; background-size: 100%; width: 396px; margin: 0 auto; height: 387px;}
.find_bg1{background: url(../images/bb_find_itembg2.png) no-repeat center; background-size: 100%;}
.find_bg2{background: url(../images/bb_find_itembg3.png) no-repeat center; background-size: 100%;}
.sup_open_title{padding-left:15%; text-align:left; font-family: 'SourceSansPro-Light'; font-size: 18px; letter-spacing: 0.25px; line-height: 28px; margin:0;}
.sub_open .left.width50 .sup_open_title{padding-left:10%; text-align:left; font-family: 'SourceSansPro-Light'; font-size: 18px; letter-spacing: 0.25px; line-height: 28px; margin:0;}
.sup_open_title.table-cell{text-align:left}
.sup_open_title .p_hours{padding-bottom: 40px;}
.sup_open_title img{padding-right:10px;}
.sup_open_title .content_10{max-width:30px}
.sub_find ul{margin-bottom: 40px;}
.sub_find li h3{font-size: 35px; line-height:60px; letter-spacing:0.75px; text-transform:capitalize; color:#000; font-weight:normal; padding-top:10px;}
.mb_openimg{display: none;}
.mb_banner{display: none; width:100%;}
.gatherrooms{padding:0; margin:0;}
.gatherrooms li{padding-top:1vw}
.gatherrooms li h3{padding-top:30px; color:#000;font-weight:400;}
.sub_find h2{padding-bottom: 40px; font-weight: normal; }
.sub_room h2{padding-bottom: 30px; font-weight: normal; }
ul.openclub{padding:0;margin:0;}
li{list-style:none;padding:0;margin:0;}
.sub_open .fakeimgline{float: right; position: absolute; right: -1px;  top: 0;  height: 100%; z-index:2}
.sub_open .fakeimgline50{float: right; position: absolute; right: 0px;  top: 0;  height: 99%; z-index:2}
p {font-family: 'SourceSansPro';font-size: 22px;letter-spacing: 0.25px;line-height: 32px;margin: 0;}
.foyerpage .sup_open_title{padding-left:10%}
.bb_openpertleft_mb_btm{display:none}
.opcontent .content_half:first-child{padding-right:3%}
.fontsmalltext{font-size:13px;line-height:16px;font-style:italic;}
.KoiPond .sup_open_title{padding-right:10%}

.aboutusbg{width:100%; background:#fff url(../images/locateus_bg.jpg) no-repeat bottom center;background-size:100%; padding-bottom:100px;}
.aboutus .table .table-cell.about_img{width:60%; text-align:left;}
.aboutus .table .table-cell.about_text{width:40%; padding:0 1%; text-align:left;}
.aboutus .table .table-cell.padshow{display:none !important}
.aboutus .table .table-cell.about_img img{width:100%; text-align:left;}
.general.text{font-size:18px; line-height:32px;}
.aboutus_morebtn{width:200px;text-align:left;}
.videowrapper{padding:0 10%}
.btn{background: linear-gradient(to bottom, #9bda47, #57c39b);text-align:center;height:64px;width:200px;color:#fff;padding:0 1.196vw;font-family:'SourceSansPro'; font-size:20px; line-height:64px;border-radius:10px; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1);-webkit-border-radius:10px; -moz-border-radius:10px;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer;}
.btn:hover{background:#57c39b; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;}
.sub_contact.aboutus .general{padding:0 15%}


.contactbg{width:100%; background:#fff url(../images/contact_bg.jpg) no-repeat bottom center;background-size:100%; padding-bottom:100px;position:relative;z-index:-1;}
.contactus {font-size:18px; line-height:32px}
.contactus h2{font-family:'Kaushan Script';color:#57c39b;letter-spacing:2px;font-weight:400;text-align:left;}
.contactus h4{color:#000;text-align:left;letter-spacing:0.5px;}
.contactus{text-align:left;font-family: 'SourceSansPro';font-size: 18px;letter-spacing: 0.25px; line-height: 28px; margin: 0;}
.sub_contact{width:100%; padding:10px 5%}
.contactus h4{padding:10px 0}
.show1360{display:none; clear:both; height:70px;}
.enquiry{width:100%;padding:0 25%; text-align:center;font-family: 'SourceSansPro';font-size:18px;line-height:28px;}
.contactbg h2 img{margin-right:25px; margin-bottom:-15px}
.locateus h3 img{margin-right:20px; margin-bottom:-10px}
.contactbg .locateus .content_33 .content_10{margin-left:15%; width:8% !important}
.contactbg .locateus .content_33 .content_80{width:70%}

.discoverbg{width:100%; background:#fff url(../images/discover_bg.jpg) no-repeat bottom center;background-size:100%; padding-bottom:100px}
.discover_item{padding:0 5%; text-align:left;}
.discover_item .content_10{max-width:35px}
.discover_item.leftitem{margin-top:-80px}

.directory {text-align:left;padding-left:12%;}
.directorybg h1{font-size:44px}
.directory h4{font-family:'SourceSansPro-SemiBold'; padding:5px 0; color:#000;font-size:26px; letter-spacing:0; text-transform:uppercase;}
.directorybg .sub_contact{padding:10px 7%}
.locateusbg .sub_contact, .contactbg .sub_contact{padding:10px 0%; position: relative; top: -60px;  z-index: -1;}
.locateus .content_half{padding:0 3%; text-align:left}
.sub_contact h2,  .locateus h3, .discover_item h2{color:#57c39b;font-weight:400;}
a.directorylink:link{color:#555; text-decoration:underline !important;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.directorylink:hover{color:#57c39b; text-decoration:underline !important;  cursor:pointer}
.directorylink{color:#555; text-decoration:underline !important;  cursor:pointer; }




.locateusbg{width:100%; background:url(../images/locateus_bg.jpg) no-repeat bottom center;background-size:100%; padding-bottom:100px;position:relative;z-index:-1;}
.locateus table{width:100%;border:1px solid #b6e1cf;}
.locateus table tr{background:#fff}
.locateus table tr td:nth-child(even), .locateus th:nth-child(even){border-left:1px solid #b6e1cf;border-right:1px solid #b6e1cf;padding:20px 10px;}
.locateus table tr td, .locateus th{padding:20px 10px;border-bottom:1px solid #b6e1cf;text-align:center;font-family: 'SourceSansPro';font-size: 18px;letter-spacing: 0.25px; line-height: 28px; margin: 0;}
.locateus th, .locateus .titlebg{background-color:#57c39b;text-align:center;color:#fff;border:0;padding:25px 10px;font-weight:400;}
.findusbg{background:#fefbf3; width:100%; padding:20px 20%;}
.findusbg ul{padding:0; margin:0}
.findusbg ul li{width:33.3333%; float:left;}
.findus_bgbtm{width:100%; background:url(../images/findus_bgbtm.jpg) no-repeat bottom center;background-size:cover; position:relative; height:40px;}
.Transportationbg{width:100%; padding:0px 2%;}
.Transportationbg h2 img{width:50px; height:50px; margin-right:15px; margin-bottom:-12px}
.Transportationbg .locateus table tr td, .Transportationbg .locateus th{width:50%}
.Transportationbg .locateus .content_20{width:70px; height:36px; background:#d32b21; color:#fff;line-height:36px;border-radius:7px;-webkit-border-radius:7px; -moz-border-radius:7px; text-align:center;margin-right:15px;} 
.parkingbg .locateus table tr td, .Transportationbg .locateus th{width:33.3333%}
.discover_item h2 img{margin-bottom:-15px;margin-right:-35px;}
.discover_item .text{padding:0 5% 0 0}
.directorybg{width:100%; background:url(../images/directory_bg.jpg) no-repeat bottom center;background-size:100%; padding-bottom:100px;position:relative;z-index:-1;}
.TreeHouse .open_icon {
    gap: 2vw;
    margin-left: 0;
    margin-top: 0.8vw;
}

.TreeHouse .clear.height20 {
    display: none;
}

.open_icon {
    display: flex;
    width: 100%;
    filter: brightness(3);
    margin-left: 3.5vw;
}


    .open_icon .width33 {
        width: max-content;
        text-align: center;
    }
        .open_icon .width33 a p {
            color: #57c39b;
            font-family: 'SourceSansPro';
        }
    .open_icon p:hover {
        -webkit-animation-name: hvr-bob-float, hvr-bob;
        animation-name: hvr-bob-float, hvr-bob;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }
.fun_tenniscourts .width60 {
    height: 594px;
}
.fun_tenniscourts .width60 .openclub {
    height:100%;
}
    .fun_tenniscourts .width60 li {
        width: 100%;
        height: 100%;
    }
        .fun_tenniscourts .width60 li img {
            height: 100% !important;
        }
    .fun_tenniscourts .width60 .owl-nav .owl-prev, .fun_tenniscourts .width60 .owl-nav .owl-next {
        top: 80% !important;
    }
.fun_tenniscourts .width40 {
    background-position: right;
    height: 594px;
}

.fun_pickleballcourts .width60 {
    height: 665px;
}
.fun_pickleballcourts .width60 .openclub {
    height:100%;
}
    .fun_pickleballcourts .width60 li {
        width: 100%;
        height: 100%;
    }
        .fun_pickleballcourts .width60 li img {
            height: 100% !important;
        }
    .fun_pickleballcourts .width60 .owl-nav .owl-prev, .fun_pickleballcourts .width60 .owl-nav .owl-next {
        top: 80% !important;
    }
.fun_pickleballcourts .width40 {
    background-position: right;
    height: 665px;
}
/*----------------------------------------------------------------------------- FORMS ---------------------------------------------------------------------------------*/
.enquiryfm_item {
    padding-top: 0px;
    position: relative;
    text-align: left;
    height: 100px;
}
.enquiryfm_item_msg {padding-top:0px; position:relative; text-align:left; height:150px;}
.contact_form table{margin-bottom:10px}
.contact_form td{width:50%;}
.contact_form input{border-radius:8px;-webkit-border-radius:8px; -moz-border-radius:8px; padding:20px;width:100%; height:66px;text-align:left;border:1px solid #b7b7b7; }
.contact_form textarea {background:#fff;border-radius:8px;-webkit-border-radius:8px; -moz-border-radius:8px; padding:20px;width:100%; height:140px;text-align:left;float:left;border:1px solid #b7b7b7;}
.contact_form input:focus, .contact_form textarea:focus {background:#000;border:none;  border:1px solid #555; }
.contact_form .captchatxt input{width:9.375vw}

/* === HTML5 validation styles === */	
.contact_form input:required, .contact_form textarea:required {background-color:#fff;background-image:url(../images/red_asterisk.png);background-position:98%; background-repeat:no-repeat; border:1px solid #b7b7b7; }
.contact_form input:required:valid, .contact_form textarea:required:valid {background-color:#fff;background-image:url(../images/valid.png);background-position:98%;background-repeat:no-repeat; border:none; border: 1px solid #555;}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {background-color:#fff;background-image:url(../images/invalid.png);background-position:98%; background-repeat:no-repeat; border:none; border: 1px solid #555;}

/* === Form hints === */
.form_hint {background: #eb3636; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; color: #fff; margin-left:8px; padding: 10px 6px; z-index: 999; position: absolute; display: none; }
.form_hint::before {content: "\25C0"; color:#d45252; position: absolute; top:1px; left:-6px; }
.contact_form input:focus + .form_hint {display: inline;border:none;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
.contact_form input.submit{background: linear-gradient(to bottom, #9bda47, #57c39b);text-align:center;height:64px;width:170px;color:#fff;padding:0 2.196vw;font-family:'SourceSansPro'; font-size:20px; line-height:64px;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1);border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer;}
.contact_form input.submit:hover{background:#57c39b; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;}

/************************************************************************************************************************************************/

@media only screen and (min-width: 1601px) {
.gatherrooms li h3{padding-top: 1.953vw; color: #000;} 
.homebanner_capture h1{font-family: 'Kaushan Script'; font-size: 7.205vw; color: #fff; letter-spacing: 0.5vw; line-height: 11vw} 
.homebanner_capture .bannertext{font-family: 'Lato-Regular'; font-size: 2.865vw; line-height: 3.125vw;} 
.home_mainbg{padding: 1.875vw 5%;} 
.home_general .titlewrapper_l{width: 17%; float: left; position: relative} 
.home_general .titlewrapper_r{width: 17%; float: right; position: relative} 
.home_general .contentwrapper{width: 83%; float: left; position: relative} 
.home_general h1{font-size: 3.500vw} 
.home_general .title_num{position: relative; z-index: 1; font-size: 10.938vw;} 
.titlewrapper_l .title_content{position: absolute; z-index: 2; top: 3.646vw; width: 65%; height: 100%; right: 0;} 
.titlewrapper_r .title_content{position: absolute; z-index: 2; top: 3.646vw; width: 76%; height: 100%; left: -30%;} 
.home_general .title_content .title_b{font-family: 'PlayfairDisplay-Bold'; font-size: 3.646vw; margin-top: 3.125vw;} 
.contentwrapper  .title_s{font-family: 'Lato-Regular'; font-size: 1.563vw; margin-top: -0.25vw; line-height: 1.771vw; } 
.contentwrapper .textwrapper_l{font-size: 1.125vw; line-height: 1.750vw; text-align: left; padding: 0 3%; padding-top: 10vw} 
.contentwrapper .textwrapper_r{font-size: 1.125vw; line-height: 1.750vw; text-align: left; padding: 0 10% 0 2%; padding-top: 10vw} 
.itemindulge .contentwrapper .textwrapper_l{font-size: 1.125vw; line-height: 1.750vw; text-align: left; padding: 0 3% 0 6%; padding-top: 10vw} 
.home_event ul li{margin-top: 2.604vw; min-height: 28.125vw; border-bottom: 0.250vw solid #57c39b} 
.home_event .eventdatebg{width: 6.563vw; height: 6.146vw; left: 5%; margin-top: -0.938vw; z-index: 2; padding: 0.781vw 5%;} 
.home_event .eventdate{font-size: 1.354vw; line-height: 1.771vw} 
.home_event .eventcontent{padding: 0px 8% 2.500vw 8%;} 
.home_event h2.eventtitle, .home_annoucement h2.newstitle{font-size: 1.500vw; line-height: 2.250vw; margin-bottom: 0.5vw;} 
.home_event .eventtext, .home_annoucement .newstext{font-size: 1.042vw; line-height: 1.563vw;} 
.home_annoucement .newsdatebg{position: absolute; background: url(../images/news_datebg.png) no-repeat; background-size: 100%; width: 7.500vw; height: 3.125vw; right: -0.417vw; margin: 0 auto; margin-top: -0.729vw; z-index: 2; padding: 0.35vw 2% 0.35vw 3%; color: #fff;} 
.home_annoucement .newsdate{font-family: 'SourceSansPro'; font-size: 0.938vw; line-height: 1.458vw; color: #fff;} 
.home_annoucement .newscontent{padding: 1.5vw 8%;} 
.home_map{min-height: 28.646vw; margin-top: -2.604vw;} 
.home_maptitle{font-size: 1.771vw} 
.home_maptextbg{margin-top: -8.750vw; right: 17.500vw; width: 24.219vw; height: 17.500vw; padding: 2.604vw 3.646vw;} 
.home_maptextbg h2{font-size: 1.667vw} 
.home_maptextbg .mapitems{margin: 1.042vw 0;} 
.home_maptextbg .mapicons{margin-top: 0.313vw;} 
.home_maptextbg .maptext{font-size: 1.042vw; line-height: 1.563vw;} 
.home_maptextbg .mapicons img{max-width: 1.042vw;} 
.sup_open_title{font-size: 1.125vw; letter-spacing: 0.016vw; line-height: 2vw;}
.sub_open h4{font-size:1.500vw; line-height:2.5vw;}
.sup_open_title .p_hours{padding-bottom: 2.500vw;} 
.sup_open_title img{padding-right: 0.625vw; width: 1.650vw;} 
.sub_find{min-height: 31.250vw; padding: 2.500vw 9% 7.5vw 9%;} 
.sub_find ul{margin-bottom: 2.500vw;} 
.sub_find li h3{font-size: 2.188vw; line-height: 3.750vw; letter-spacing: 0.047vw; padding-top: 0.651vw;} 
.find_bg{width: 24.219vw; height: 26.042vw;} 
.find_bg img{width: 5.313vw;} 
.subbanner{min-height: 42.813vw;} 
.directorybg .subbanner{min-height: 700px;}
.subbanner_title{max-width: 86vw; min-height: 42.813vw;} 
.subbanner_title h1.table-cell{position:absolute; font-size: 5vw; letter-spacing: 0.016vw; line-height: 6.859vw; text-shadow: 0.063vw 0.188vw 0.625vw #333; top:50%; margin-top:-4.43vw} 
.subbanner_title h1 span{font-size: 2.500vw; color: #fff; letter-spacing: 0.016vw; line-height: 1.650vw; text-shadow: 0.063vw 0.188vw 0.625vw #333; margin-bottom: 1.250vw;} 
.sub_gather{width: 100%; min-height: 9.375vw; padding:1vw 0 2.500vw 0; max-width: 67.500vw;}
.sub_gather_head{font-size: 1.125vw; letter-spacing: 0.016vw; line-height: 1.650vw; padding-bottom: 2vw;} 
.sub_gather_head img{width:1.250vw}
.height30{height: 1.875vw;} 
.sub_find h2{padding-bottom: 2.604vw; } 
.sub_room h2{padding-bottom: 2vw; }
.gatherrooms li img{width: 16.025vw;} 
.sub_open .width40{background: url(../images/bb_openpertleft.png) no-repeat; background-size: cover;} 
.fontsmalltext{font-size:0.729vw;line-height:1.042vw;font-style:italic;}
p {font-family: 'SourceSansPro';/*font-size: 1.146vw;*/letter-spacing: 0.013vw;line-height: 1.667vw;margin: 0;}
.bb_jt{width:1.563vw}
.sup_open_title .content_10{max-width:1.563vw}
.sub_contact{width:100%; padding:0.521vw 8%}
.contactus, .enquiry{padding:0 28%;font-size: 1.125vw; line-height: 2vw;}
.contactus h4{padding:0.625vw 0; font-size:1.563vw;}
.contactus .content_10{max-width:1.667vw}
.contactus .content_10 img{width:1.042vw}
.enquiryfm_item{height:5.688vw; }
.enquiryfm_item_msg {height:10.333vw;}
.contact_form input{border-radius:0.521vw;-webkit-border-radius:0.521vw; -moz-border-radius:0.521vw; padding:1.042vw;width:100%; height:3.646vw; }
.contact_form textarea {background:#fff;border-radius:0.521vw;-webkit-border-radius:0.521vw; -moz-border-radius:0.521vw; padding:1.042vw;width:100%; height:10.125vw;}
.sub_contact.discover h1{font-size:3.000vw}
.discover_item h2{font-size:1.500vw}
.Transportationbg{width:100%; padding:0px 10%;}
.locateus .content_half{padding:0 5%; text-align:left}
.Transportationbg .locateus .content_20{width:3.906vw; height:2.344vw; line-height:2.344vw;border-radius:0.417vw;-webkit-border-radius:0.417vw; -moz-border-radius:0.417vw; text-align:center;margin-right:1.5vw;} 
.Transportationbg h2 img{width:3.125vw; height:3.125vw; margin-right:1.2vw; margin-bottom:-0.5vw}
.contactbg h2 img{margin-right:1.302vw; margin-bottom:-0.781vw; width:3.646vw; height:3.646vw;}
.locateus h3 img{margin-right:1.042vw; margin-bottom:-0.521vw}
.findusbg{padding:1.042vw 20%;}
.locateusbg .sub_contact, .contactbg .sub_contact{padding:0.521vw 0%; top:-3.125vw;}
.locateicons img{width:3.177vw; height:4.271vw;}
.locateus h3 img{width:2.604vw; height:2.604vw}
.locateus .content_10 img{width:1.042vw; height:0.938vw}
.form_hint::before { top:0.052vw; left:-0.313vw; }
.contact_form input.submit{height:3.333vw;width:8.854vw;padding:0 2.196vw;font-size:1.042vw; line-height:3.333vw;border-radius:0.521vw; -webkit-border-radius:0.521vw; -moz-border-radius:0.521vw;}
.contact_form input:required, .contact_form textarea:required , .contact_form input:required:valid, .contact_form textarea:required:valid,
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {background-size:2%;}
.captcha_Img{width:10vw}
.locateus th, .locateus .titlebg{padding:1.302vw 10px;}
.locateus table tr td:nth-child(even), .locateus th:nth-child(even){padding:1.042vw 0.521vw;}
.locateus table tr td, .locateus th{padding:1.042vw 0.521vw; border-bottom:0.052vw solid #b6e1cf;font-size: 0.938vw;letter-spacing: 0.013vw; line-height: 1.458vw; }
.locateus th, .locateus .titlebg{padding:1.302vw 0.521vw;}
.aboutus h1{font-size:2.5vw; letter-spacing:0.15vw}
.sub_contact.aboutus .general{padding:0 15%}
.general.text{font-size:1.125vw; line-height:2vw}
.videowrapper{padding:0 20%}
.discover_item h2 img{width:4.167vw; height:4.167vw; margin-bottom:-0.781vw;margin-right:-1.823vw;}
.discover_item .content_10 {max-width:1.823vw}
.discover_item .content_10 img{width:1.042vw; height:1.094vw;}
.discoverbg{padding-bottom:5.208vw}
.enquiry{width:100%;padding:0 28%; }
.directorybg h1{font-size:2.500vw}
.directorybg h2{font-size:2vw}
.directory h4{padding:0; font-size:1.354vw;line-height:2.5vw;padding-top:1vw}
.open_icon {margin-bottom: 1.25vw;}
.sup_open_title .hvr-bob {width: 4vw;}
.fun_tenniscourts .width60 {height: 46.125vw;}
.fun_tenniscourts .width40 {height: 46.125vw;}
.fun_pickleballcourts .width60 {height: 37.125vw;}
.fun_pickleballcourts .width40 {height: 37.125vw;}
}
@media only screen and (max-width: 1599px) {
.sub_room {padding: 3.125vw 4%;}
}
@media only screen and (max-width: 1899px) {
.subbanner_title {max-width: 1200px;}
}

@media only screen and (max-width: 1360px) {
.sub_contact{padding:10px 12%}
.contactus .content_25 {width:60%; float:left}
.contactus .content_20, .contactus .content_30{width:40%; float:left}
.show1360{display:block}
.sub_contact.discover, .sub_contact.aboutus{padding:10px 5%}
}

@media only screen and (max-width: 1279px) {
.homebanner_capture h1{font-family: 'Kaushan Script'; font-size: 9.375vw; color: #fff; letter-spacing: 0.5vw; line-height: 8vw} 
.homebanner_capture .bannertext{font-family: 'Lato-Regular'; font-size: 2.865vw; line-height: 3.125vw;} 
.home_mainbg{padding: 30px 2%; text-align: center; margin: 0 auto;} 
.contentwrapper .textwrapper_l, .contentwrapper .textwrapper_r, .home_event .eventtext{font-size: 16px; line-height: 26px;} 
.home_general .titlewrapper_l{width: 15%; float: left; position: relative} 
.home_general .titlewrapper_r{width: 15%; float: right; position: relative} 
.home_general .contentwrapper{width: 85%; float: left; position: relative} 
.contentwrapper .textwrapper_l, .contentwrapper .textwrapper_r, .contentwrapper .imgwrapper_l, .contentwrapper .imgwrapper_r{width: 50%} 
.imgwrapper_r img, .imgwrapper_l img{float: none; width: 100%} 
.home_general .title_content .title_b{margin-top: 1vw;} 
.titlewrapper_l .title_content{width: 80%; height: 100%; right: 0;} 
.titlewrapper_r .title_content{width: 80%; height: 100%; left: 0;} 
.home_event h2.eventtitle, .home_annoucement h2.newstitle{font-family: 'PlayfairDisplay-Bold'; font-size: 22px; line-height: 28px; color: #000; margin-bottom: 10px;} 
.home_annoucement .content_30{width: 40%} 
.home_annoucement .content_70{width: 60%;} 
.home_annoucement .newscontent{width: 100%; height: 100%; padding: 25px 5% 15px 5%; border-bottom: 2px solid #57c39b; text-align: left; height: 12.500vw;} 
.home_annoucement h2.newstitle{ -webkit-line-clamp: 1;} 
.home_annoucement ul li{width: 41.667vw; height: 16.667vw; margin: 3.125vw auto;} 
.home_annoucement ul li img{width: 16.667vw; height: 16.667vw} 
.home_annoucement .newscontent{height: 16.667vw} 
.home_annoucement .newstext{-webkit-line-clamp: 3;} 
.home_maptitle{font-size: 1.771vw} 
.home_maptextbg{margin-top: -11.438vw; right: 10.500vw; width: 29.063vw; height: 22.875vw; padding: 2.604vw 3.646vw;} 
.home_maptextbg h2{font-size: 22px; line-height: 34px;} 
.home_maptextbg .mapitems{margin: 0.8vw 0;} 
.home_maptextbg .mapicons{margin-top: 0.313vw;} 
.home_maptextbg .maptext{font-size: 16px; line-height: 26px;} 
.home_maptextbg .mapicons img{max-width: 1.5vw;} 
.subbanner_title{width: 92%; max-width: none;} 
.sup_open_title {font-size: 18px;padding-left:10%;} 

h4{font-size: 24px; line-height: 30px;} 
.find_bg img{width: 50px;} 
.sub_find li h3{font-size: 28px; line-height: 48px;} 
.subbanner{background: none; min-height: 185px;} 
.mb_banner{display: block;} 
.subbanner_title{max-width: 1600px; width: 100%; min-height: 150px; display: none;} 
.subbanner_title h1.table-cell{font-size: 60px; padding: 30px 4% 0; width: 100%; display: block; text-align: center; color: #000;} 
.subbanner_title h1 span{font-size: 32px; text-align: center; color: #000;}
.sup_open_title .height20{height:10px}
.sub_open h4 {font-size: 20px;line-height: 30px;}
.foyerpage .sup_open_title{padding-left:5%; font-size:16px;}
.foyerpage .content_10{width:15%}
.foyerpage .content_90{width:85%}
.fontsmalltext{font-size:12px;line-height:16px;font-style:italic;}
.enquiry{padding:0 15%}
.locateusbg .sub_contact{padding:10px 0% }
.locateus .content_half{width:100%; float:none; padding:10px 2%}
.locate_parking h2{text-align:left; padding:0 5%;}
.locateus .content_half{padding:0 10%}
.contactbg .findusbg{padding:20px 10%;}
.contactbg {background-size:150%}
.videowrapper{padding:0 8%}
.directorybg .sub_contact{padding:0}
.discoverbg{width:100%; background:#fff url(../images/discover_bg_s.jpg) no-repeat bottom center;background-size:100%; padding-bottom:100px}
.general.text {
    font-size: 16px;
    line-height: 26px;
}

.sup_open_title .hvr-bob {
    width: 55px;
}

.TreeHouse .sup_open_title .hvr-bob {
    width: 45px;
}

    .TreeHouse .open_icon .width33 a p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1175px) {
    .TreeHouse .sub_open h4 {
        font-size: 18px;
        line-height: 30px;
    }

    .TreeHouse .sup_open_title {
        font-size: 16px;
    }

    .TreeHouse .open_icon {
        margin-top: 0;
    }

    .TreeHouse .sup_open_title .hvr-bob {
        width: 37px;
    }

    .TreeHouse .open_icon .width33 a p {
        font-size: 15px;
        line-height: 15px;
    }
}


@media only screen and (max-width: 1100px) {
.home_event .eventtext{-webkit-line-clamp: 3;}
.home_event h2.eventtitle, .home_annoucement h2.newstitle{font-family: 'PlayfairDisplay-Bold'; font-size:20px; line-height:30px; color:#000;margin-bottom:5px;}
.home_maptextbg{margin-top:-126px; width:320px; height:252px; padding:30px 40px; right:5vw;}
.sub_gather {width: 92%;max-width: none;}
.fun_swimmingpool .sub_open h4{font-size: 18px; line-height: 24px;}
.fun_swimmingpool .sub_open .sup_open_title{font-size: 14px; line-height: 16px;}
.contactbg .locateus .content_33 {width:50%;}
.contactbg .Transportationbg{padding:0px 10%}
.videowrapper{padding:0 5%}
.directory{padding-left:8%}
    .open_icon {
        width: 100%;
    }

    .sup_open_title .hvr-bob {
        width: 45px;
    }

    .sub_open h4 {
        font-size: 18px;
        line-height: 30px;
    }

    .sup_open_title {
        font-size: 16px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1045px) {
    .sub_open h4 {
        font-size: 16px;
        line-height: 30px;
    }

    .sup_open_title {
        font-size: 14px;
    }

        .sup_open_title .hvr-bob {
            width: 40px;
        }

        .sup_open_title p {
            font-size: 16px;
        }

        .clear.height20 {
            display: none;
        }
}

@media screen and (min-width: 960px) {
    .TreeHouse .content_90 {
        white-space: nowrap;
    }

    .TreeHouse .content-half {
        padding-right: 3%;
    }
}


@media only screen and (max-width: 959px) {
.show960{display: none;} 
.hide960{display: block;} 
.home_mainbg{padding: 30px 5%; text-align: center; margin: 0 auto;} 
.home_general .titlewrapper_l{width: 20%; float: left; position: relative; padding-top: 20px;} 
.home_general .titlewrapper_r{width: 20%; float: right; position: relative; padding-top: 20px;} 
.home_general .contentwrapper{width: 75%; float: left; position: relative} 
.contentwrapper .textwrapper_l, .contentwrapper .textwrapper_r, 
.contentwrapper .imgwrapper_l, .contentwrapper .imgwrapper_r{width: 100%; float: none; position: relative} 
.home_general .title_num{font-size: 100px; line-height: 150px;} 
.titlewrapper_l .title_content, .titlewrapper_r .title_content{top: 40px} 
.home_general .title_content .title_b{font-size: 40px;} 
.contentwrapper .title_s{font-size: 20px;} 
.contentwrapper .textwrapper_l, .contentwrapper .textwrapper_r{padding-top: 20px} 
.titlewrapper_l .title_content, .titlewrapper_r .title_content{width: 80%; height: 100px;} 
.home_event ul li{width: 42.188vw;} 
.home_event ul li img{width: 42.188vw; height: 28.125vw;} 
.home_event .eventdatebg{width: 9.844vw; height: 9.219vw; left: 5%; margin-top: -1.406vw; z-index: 2; padding: 0.781vw 5%;} 
.home_event .eventdate{font-size: 2.031vw; line-height: 2.813vw} 
.home_event .eventtext{-webkit-line-clamp: 3;} 
.home_event .home_eventimg_cover{top: 22.656vw;width: 42.188vw; height: 5.469vw;}
.home_event .eventcontent .eventbtns{width:9vw; text-align:center; margin:0.5vw auto 0 auto;}
.home_event .eventbtns img{text-align:center; width:2.5vw;height:2.5vw;margin:1vw !important;float:left;}
.home_annoucement ul li{width: 83.333vw; height: 25vw; margin: 3.125vw auto;} 
.home_annoucement ul li img{width: 25vw; height: 25vw} 
.home_annoucement .newscontent{height: 25vw; padding: 30px 8% 15px 8%;} 
.home_annoucement .content_30{width: 30%} 
.home_annoucement .content_70{width: 70%;} 
.home_annoucement .newstext{height: 8vw} 
.home_annoucement .newscontent img{width: 23px; height: 23px; margin:1vw !important} 
.home_annoucement h2.newstitle{margin-bottom: 10px} 
.opcontent{width:200px; text-align:left; margin:0 auto;}
.opcontent .content_10{width:20%}
.opcontent .content_90{width:80%}
.sup_open_title  .p_hours{padding-bottom: 10px;} 
.sup_open_title, .fun_swimmingpool .sub_open .sup_open_title {font-size: 18px;line-height:30px;} 
.CloverRoom .opcontent, .JasmineRoom .opcontent {width:260px;}
h4, .fun_swimmingpool .sub_open h4{font-size: 22px; line-height: 30px;} 
.sub_open .width40{background:#56c39a;  width: 100%; float: none; height: 100%;position:relative;z-index:1;margin-top: -9.375vw;padding:10vw 0 3vw 0;} 
.sub_open .width60{width: 100%; float: none; height: 46.875vw;position:relative;z-index:3;} 
.sub_open .width50{width: 100%; float: none; height: 46.875vw;position:relative;z-index:3;} 
.sub_open .left.width50{background:#56c39a;  width: 100%; float: none; height: 100%;position:relative;z-index:1;margin-top:0;padding:10vw 0 3vw 0;} 

.sup_open_title.table-cell{text-align:center;}
.mb_openimg{display: block; width: 100%; z-index: 2; position: relative;} 
.sup_open_title{padding-left: 0; margin: 0 auto; text-align: left;}
    .opcontent {
        width: 560px;
    }
.find_bg img{width: 40px;} 
.sub_find li h3{font-size: 24px; line-height: 42px;} 
.sub_find{padding: 40px 4%; background: #fff url(../images/bb_bottom_bg.png) no-repeat; background-size: cover;min-height:400px}
.sup_open_title h4{margin:10px 0;}
.sub_room  h2{margin-top:20px}
p {font-size: 18px;}
.foyerpage .sup_open_title{padding-left:0; font-size:18px;}
.foyerpage .content_10{width:15%}
.foyerpage .content_90{width:85%}
.foyerpage .opcontent, .fun_swimmingpool .opcontent{width: 520px;}
.fakeimgline{display:none}
.bb_openpertleft_mb_btm{display:block}
.sub_contact{padding:10px 10%}
.contactus .content_25 {width:50%; float:left}
.contactus .content_20, .contactus .content_30{width:50%; float:left}
.contact_form .captchatxt input{width:20vw}
.directorybg .sub_contact{padding:10px 5% 10px 5%}
.directorybg .content_25 {width: 50%; float: left; position: relative;}
.locateus .content_half{padding:0 7%}
.locateicons img{width:6.250vw; height:8.542vw}
.contactbg .Transportationbg{padding:0px 5%}
.contactbg {background-size:200%}
.videowrapper{padding:0 3%}
.aboutus .table .table-cell.about_img{width:100%; text-align:left;display:table}
.aboutus .table .table-cell.about_text{width:100%; padding:0; text-align:left;display:table}
.sub_contact.aboutus{padding:0 10%}
.aboutus .table .table-cell.about_img img{margin-bottom:30px; text-align:center;}
.aboutus .table .table-cell.padshow{display:block !important}
.sub_contact.aboutus .general{padding:0 0}
.aboutusbg .height150{height:50px}
.aboutusbg .height120{height:70px}
.directory{padding-left:12%}
.directorybg h1{font-size:38px}

    .open_icon {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .sup_open_title .hvr-bob {
        width: 50px;
    }

    .TreeHouse .open_icon {
        margin-top: 10px;
    }

        .TreeHouse .open_icon .width33 a p {
            font-size: 18px;
            line-height: 30px;
        }

    .TreeHouse .sup_open_title .hvr-bob {
        width: 50px;
    }
    .fun_tenniscourts .width40 .opcontent .content_100 {
        width: 100% !important;
    }
    .fun_pickleballcourts .width40 .opcontent .content_100 {
        width: 100% !important;
    }
}


@media only screen and (max-width: 767px) {
.bannerWrapper{display:none}
.home_bannerbg_mb{background:url(../images/home_bannerbg_mb.png) no-repeat; margin-top:-4.750vw;background-size:100%;height:47.500vw; width:100%;position:relative;z-index:2; display:table; margin-bottom:0;}
.home_bannerbg_mb .homebanner_capture {width:100%;padding:0 10% 6vw 10% }
.home_bannerbg_mb .homebanner_capture h1{color:#000;line-height:12vw;text-align:center;text-shadow:none;}
.home_bannerbg_mb .homebanner_capture .bannertext{font-family:'Lato-Regular'; font-size:24px; line-height:36px;color:#000;text-align:center;text-shadow:none;}
.home_general .titlewrapper_l{width:100%; float:none;position:relative; padding-top:20px; margin-bottom:20px; margin-top:-20px}
.home_general .titlewrapper_r{width:100%; float:none;position:relative;padding-top:20px; margin-bottom:20px; margin-top:-20px}
.home_general .contentwrapper{width:100%; float:none;position:relative}
.titlewrapper_l .title_num, .titlewrapper_r .title_num{float:none}
/*.titlewrapper_l .title_content, .titlewrapper_r .title_content{width:55%;height:100px;}*/
.titlewrapper_l .title_content, .titlewrapper_r .title_content{width:100%;height:100px; text-align:center; margin:0 auto;padding-top:15px;}
.home_general .title_content .title_b, .home_general .title_content .title_s{text-align:center;}
.contentwrapper .imgwrapper_l, .contentwrapper .imgwrapper_r{margin-top:30px}
.contentwrapper .title_s{text-align:center}
.home_annoucement .newscontent img{float:left; width: 20px; height: 20px; margin:10px !important} 
.home_event .eventcontent .eventbtns{width:80px; text-align:center; margin:10px auto 0 auto;}
.home_event .eventbtns img{text-align:center; width:20px;height:20px;margin:10px !important;float:left;}
.home_mainbg {padding:0 5% 50px 5%;}
.home_annoucement .content_30{width:40%; float:left;}
.home_annoucement .content_70{width:60%; float:left; background:#fff;}
.home_annoucement .newscontent{height:33.333vw; padding:30px 7% 15px 7%;}
.home_annoucement .newstext{height:15vw}
.home_annoucement ul li{width:83.333vw; height:33.333vw; margin:3.125vw auto;}
.home_annoucement ul li img{width:33.333vw; height:33.333vw}
.home_annoucement .newstext{-webkit-line-clamp: 4; }
.home_annoucement {margin-bottom:60px; margin-top:50px;}
.home_maptextbg{background:url(../images/home_maptextbg_mb.png) no-repeat; top:-80px; margin-top:auto; left:50%; margin-left:-160px; right:auto; width:320px; height:231px; padding:30px 40px;}
.home_maptextbg .mapicons img { max-width: 16px;}
.home_maptextbg .mapicons{margin-top:5px;}

.sub_find li h3 {font-size: 18px;line-height: 36px;  }
#owl-room li {width: 100%;}
.sup_open_title, .foyerpage .sup_open_title {padding-top: 50px;}
.sub_find ul {margin: 0;padding: 0;margin-bottom:40px;}
p {font-size: 18px; line-height:26px;}
.subbanner{background: none; min-height: 120px;} 
.sub_gather{padding: 2.500vw 0; max-width:1080px; margin:0 auto;}
.sub_gather_head{font-size: 14px; padding-bottom: 20px;}
.sub_gather_head img{width:100%; max-width:20px}
.height30{height:3.750vw}
.sub_find h2, .sub_room h2{padding-bottom: 20px; font-weight: normal; letter-spacing: 0.5px;}
 .gatherrooms li h3{font-size:18px}
 .sub_open .width40{margin-top: -72px;} 
 .sub_open .left.width50{margin-top: -32px;}
 .sub_open .left.width50 .sup_open_title{padding:50px 10% 0 10%} 

 .sup_open_title h4, .foyerpage .sup_open_title h4{margin:5px 0;}
 .sup_open_title, .foyerpage .sup_open_title{font-size:16px;line-height:28px;}
 .opcontent, .foyerpage .opcontent{width:230px}
 .fun_swimmingpool .opcontent{width:100%}
 .sub_contact{padding:10px 5%}
 .sub_contact{padding:10px 5%}
 .contactus h2{font-size:24px}
 .enquiry{padding:0 10%}

 .aboutus .text.alignleft, .aboutus .btn{text-align:center; margin:0 auto}
 .aboutus_morebtn{width:200px;text-align:center; margin:0 auto}

 .locateus table tr td:nth-child(even), .locateus th:nth-child(even){border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;padding:10px 10px 10px 50%; text-align:left}
 .locateus table tr td, .locateus th{padding:10px 10px 10px 50%; text-align:left}
 table.respond tr.mbhide{display:none}
 .findusbg{padding:20px 5%}
.Transportationbg .locateus table tr td, .Transportationbg .locateus th{width:100%}
.parkingbg .locateus table tr td, .Transportationbg .locateus th{width:100%}
.Transportationbg{margin-top:-50px}
.contactbg .locateus .content_33 {width:100%;float:none;}
.contactbg .Transportationbg{padding:0 10%}
.locateus h3 img{margin-bottom:-20px;}
.contactbg .locateus .content_33 .content_10{margin-left:20%; width:8% !important}
.discover_item h2{font-size:22px; line-height:40px}
.discover_item .height150{height:0px}
.discover_item.leftitem{margin-top:0px}
.videowrapper{padding:0 0%}
.btn{height:54px;width:150px;color:#fff;padding:0 1vw;font-family:'SourceSansPro'; font-size:18px; line-height:54px;border-radius:10px; }
.directorybg h1{font-size:32px}

.open_icon {
   
}

    .sup_open_title .hvr-bob {
        width: 50px;
    }

    .fun_tenniscourts .width40 .opcontent {
        width: 80% !important;
    }
	.fun_pickleballcourts .width40 .opcontent {
        width: 80% !important;
    }
}




@media only screen and (max-width: 580px) {
.home_general{margin-top:6.621vw;}
.home_event ul li{margin-top:30px;}
.home_event ul li{width:99% !important;}
.home_event ul li img{width:100% !important;}
.home_event .eventbtns img{text-align:center; width:20px !important;}
.home_event .eventitem{width:100%; height:100%; border:1px solid #eee;overflow-x: hidden; position: relative;}
.home_event .eventdatebg{width:16.364vw; height:15.325vw; left:5%; margin-top:-2.338vw; z-index:2;padding:1.25vw 5%;}
.home_event .eventdate{font-size:3.377vw; line-height:4.675vw}
.home_event .eventtext{-webkit-line-clamp: 4;}
.home_event ul li{margin:7vw 0 3.125vw 0;  box-shadow:none; }
.home_event ul li img {width: 89.200vw;height: 59.800vw;}
.home_event .home_eventimg_cover {top: 48.500vw;width: 89.200vw;height: 11.600vw;}
.home_annoucement .content_30{width:100%; float:none;}
.home_annoucement .content_70{width:100%; float:none;}
.home_annoucement .newscontent{height:auto; padding:30px 7% 15px 7%;}
.home_annoucement .newstext{height:auto; margin-bottom:20px;}
.home_annoucement ul li{width:75vw; height:auto; margin:7vw auto 3.125vw auto;}
.home_annoucement ul li img{width:75vw; height:75vw}
.find_bg, .find_bg1, .find_bg2{height: 30vw; background-size: 100%;}
.sub_find li h3{font-size: 16px;}
.find_bg img{width:30px}
.sub_gather_head{padding-bottom: 10px;}
.sub_find{min-height:350px}  
.sub_find li h3{padding-top:0}
.sub_contact{padding:10px 0%}
.sub_contact h1{padding:0 0%; line-height:50px; margin:-20px 0;}
.contactus .content_25 {width:100%; float:none; padding:0 15%}
.contactus .content_20, .contactus .content_30{width:100%; float:none; padding:0 15%}
.contactus .mbshow, .contactus .show1360{height:40px;background:url(../images/contact_devider.jpg) no-repeat center center; background-size:cover;margin:20px 0}
 .enquiry{padding:0 10%}
 .contact_form .captchatxt input{width:40vw}
 .directorybg .sub_contact{padding:10px 10%}
 .directorybg .content_25 {width:100%; float: none; position: relative;}
 .locateus .content_80{width:70%; line-height:30px;}
 .locateicons{width:20%; float:left;}
 .findusbg{padding:30px 5% 0 5%}
 .findusbg ul li {width:100%; clear:both}
 .findusbg ul li .text{width:80%; float:left;text-align:left; padding-bottom:15px;}
 .findusbg ul li:last-child .text{padding-bottom:0px;}
 .findus_bgbtm{height:30px}
 .contactbg, .discoverbg, .aboutusbg{background-size:300%}
 .contactbg .sub_contact{top:-40px}
 .sub_contact.aboutus{padding:0 7%}
 .open_icon{width:50%;}
 
 .TreeHouse .open_icon {
     width: 100%;
 }

}



@media only screen and (max-width: 380px) {
.gatherrooms li img {width: 85%;}
h3 {font-size: 20px;line-height: 34px;}

    .open_icon {
        width: 85%;
    }
}

/* countdown flipper */
.flipdown-container #countdown-title {
    font-family: 'Lato-Regular';
    font-size: 1.563vw;
    margin-top: -1vw;
    margin-bottom: 1vw;
    text-align: center;
}

.flipdown {
    width: max-content !important;
}

.flipdown-container #flipdown {
    margin: auto;
}

.flipdown .rotor-group:nth-child(-n+3):after, .flipdown .rotor-group:nth-child(-n+3):before {
    display: none;
}

.flipdown .rotor-group:nth-of-type(3) {
    padding-right: 0;
}

.flipdown .rotor-group:nth-of-type(4) {
    display: none;
}