@charset "utf-8";
@media screen and (min-width:360px) {
    .g-recaptcha,
    #rc-imageselect {
        transform: scale(.73);
        -webkit-transform: scale(.73)
    }
}

@media screen and (min-width:400px) {
    .about_amenities_list li {
        width: 278px;
        margin-right: 30px
    }
    /* .shop_gallery_container {
        width: 284px
    } */
    .g-recaptcha,
    #rc-imageselect {
        transform: scale(1);
        -webkit-transform: scale(1);
        transform-origin: initial;
        -webkit-transform-origin: initial
    }
}

@media screen and (min-width:450px) {
    .contact_row select#contact_title {
        margin-right: 10px;
        margin-bottom: 0
    }
}

@media screen and (min-width:480px) {
    .desktop_table_row_480 {
        display: table-cell!important
    }
    .mobile_table_row_480,
    .mobile_inline_480 {
        display: none!important
    }
    .table_row_480 {
        display: table-cell;
        width: auto
    }
    .underline_txt_480 {
        text-decoration: none
    }
    .center_txt_480 {
        text-align: center
    }
    .margin_bottom_10_480 {
        margin-bottom: 0
    }
    .about_getting_alternate_list li {
        margin-right: 50px
    }
    .about_carpark_table tr th {
        text-align: right
    }
    .about_carpark_table tr th,
    .about_carpark_table tr td {
        padding: 5px 0
    }
    .about_carpark_table tr td.about_carpark_table_width_93 {
        width: 93px
    }
    .about_carpark_table tr th.about_carpark_table_width_55 {
        width: 70px
    }
    table tr td.about_carpark_table_width_130 {
        width: 130px
    }
    .happen_deals_row_img {
        position: absolute;
        top: 0;
        left: 0;
        margin-bottom: 0
    }
    .happen_deals_row_desc {
        font-size: 18px;
        display: table-cell;
        height: 213px;
        padding-left: 176px;
        vertical-align: middle
    }
    .mail_iframe_container {
        overflow-x: scroll;
        overflow-y: hidden
	}
	.carpark-table tr td{
		display: table-cell !important;
	}
	.carpark-table tr td:first-child{
		width: 130px;
		text-decoration: none !important;
	}
	.carpark-table tr td:nth-child(2){
		display: table-cell !important;
	}
	.services tr td:first-child{
		width: 76%;
		padding-right: 30px;
	}
}

@media screen and (min-width:500px) {
    .about_awards_header h1 {
        /* float: left */
    }
    .about_awards_header div:first-of-type {
        /* float: right */
	}
	
}

@media screen and (min-width:600px) {
    .desktop_table_row_600,
    .table_row_600 {
        display: table-cell!important
    }
    .margin_bottom_25_600 {
        margin-bottom: 0
    }
    .padding_bottom_10_600 {
        padding-bottom: 0
    }
    .about_services_table tr td.about_services_table_width_70 {
        width: 80%
    }
    .about_services_table tr td img {
        margin-bottom: 25px
    }
    .about_services_table tr td img.last {
        margin-bottom: 0
    }
    .padding_bottom_25_600 {
        padding-bottom: 25px
    }
    .about_awards_row_img {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0
    }
    .about_awards_row_desc {
        margin-left: 135px
    }
    .about_customer_row_logo {
        position: absolute;
        top: 0;
        left: 0;
        margin-bottom: 0
    }
    .about_customer_row_desc {
        margin-left: 180px
    }
    .happen_newsroom_row_date {
        width: 30%;
        margin-bottom: 15px
    }
    .happen_newsroom_row_desc {
        width: 70%
    }
    .contact_row_title {
        width: 25%;
        margin-bottom: 0;
        float: left
    }
    .contact_row_input {
        width: 75%;
        float: left
    }
}

@media screen and (min-width:992px) {
	.csm_header_menu {
        /* width: auto !important; */
    }
    .csm_header_menu ul li {
        width: auto !important;
	}
}

@media screen and (min-width:768px) {
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding: 0 4px
    }
    .desktop_768 {
        display: block!important
    }
    .mobile_768 {
        display: none!important
    }
    .margin_bottom_25_mobile {
        margin-bottom: 0
    }
    .no_padding_left_768 {
        padding-left: 0px!important
    }
    .no_padding_right_768 {
        padding-right: 0px!important
    }
    .csm_header_container {
        padding: 25px 40px
    }
    .csm_header_logo {
        width: 176px;
        padding: 0
    }
    .csm_header_logo img {
        width: 100%
    }
    .csm_header_menu {
        position: absolute;
        right: 150px;
        bottom: 25px;
        width: 510px;
        top: auto;
        left: auto;
        z-index: auto
    }
    .csm_header_menu ul li {
        background: #fff;
        font-weight: 400;
        width: auto;
        border-right: 1px solid #72bf44;
        border-bottom: 0;
        margin-bottom: 5px;
        padding: 0 10px;
        float: left
	}
	.csm_header_menu ul li a{
       padding: 0;
    }
    .csm_header_menu ul li a[title] {
        color: #000
    }
	.csm_header_menu ul li.current-menu-item a[title],
	.csm_header_menu ul li.current-page-ancestor a[title]{
        font-weight: 700
    }
    .csm_header_menu ul li .sub-menu li a[title]{
    font-weight: 400
  }
    .csm_header_menu ul li a[title="Home"]:hover,
    .csm_header_menu ul li.current-menu-item a[title="Home"]{
        color: #00b1e6
    }
    .csm_header_menu ul li a[title="About Us"]:hover,
    .csm_header_menu ul li.current-menu-item a[title="About Us"] {
        color: #72bf44
    }
    .csm_header_menu ul li a[title="Shops"]:hover,
    .csm_header_menu ul li.current-menu-item a[title="Shops"]  {
        color: #ed008c
    }
    .csm_header_menu ul li a[title="Happenings"]:hover,
    .csm_header_menu ul li.current-menu-item a[title="Happenings"] {
        color: #f9b200
    }
    .csm_header_menu ul li a[title="Leasing"]:hover,
    .csm_header_menu ul li.current-menu-item a[title="Leasing"] {
        color: #e75114
    }
    .csm_header_menu ul li a[title="Mailing List"]:hover,
    .csm_header_menu ul li.current-menu-item a[title="Mailing List"] {
        color: #9086ba
    }
    .csm_header_menu ul li a[title="Contact Us"]:hover,
    .csm_header_menu ul li.current-menu-item a[title="Contact Us"] {
        color: #717274
    }
    .home_content_container .row .col-xs-12,
    .home_content_container .row .col-sm-12,
    .home_content_container .row .col-lg-12 {}
    .swiper-container-horizontal>.swiper-pagination-bullets {
        left: auto;
        width: 100%
    }
    .owl-carousel .owl-controls .owl-dots {
        left: auto;
        width: 100%
    }
    .subpage_menu_desktop_768 {
        display: block
	}
    .subpage_menu_desktop_768.navbar-collapse.in {
        overflow-y: auto
    }
    .subpage_menu_mobile_768 {
        display: none
    }
    .subpage_menu ul {
        margin-bottom: 0
    }
    .subpage_menu ul li {
        /* margin-bottom: 8px;
        padding: 0 4px; */
        text-align: center
    }
    .subpage_menu ul li .common_menu_box {
        padding: 10px;
        border-bottom: 0
    }
    .subpage_menu ul li.current-menu-item .common_menu_box {
        display: block
    }
    .subpage_menu ul li .common_main_dropdown {
        position: absolute;
        margin-top: 8px
    }
    .subpage_menu ul li .common_main_dropdown li a {
        padding: 10px 30px
    }
    .subpage_menu ul li .common_sub_dropdown_left {
        position: absolute;
        top: 0;
        left: -186px
    }
    .subpage_menu ul li .common_sub_dropdown_right {
        position: absolute;
        top: 0;
        right: -186px
    }
    .subpage_menu ul li .common_sub_dropdown_left li a,
    .subpage_menu ul li .common_sub_dropdown_right li a {
        padding: 10px 30px
    }
    .about_menu ul li:hover .common_menu_box,
	.about_menu ul li.current-menu-item .common_menu_box,
	.about_menu ul li.current-page-ancestor .common_menu_box,
    .about_menu ul li .common_menu_box:hover {
        background: #72bf44;
        font-weight: 400;
        color: #fff
    }
    .about_sub_menu ul li {
        padding: 10px 48px 10px 15px
    }
    .about_sub_menu ul li.current-menu-item {
        background: url(../png/arrow_right_about_bg.png) no-repeat right top;
        color: #72bf44
    }
    .about_sub_menu .about_sub_menu_arrow.active_768 {
        display: inline
    }
    .about_content {
        min-height: 382px
    }
    .about_services_table tr td.about_services_table_width_70 {
        width: 450px
    }
    .about_carpark_table tr th,
    .about_carpark_table tr td {
        vertical-align: middle
    }
    .shop_menu ul li:hover .common_menu_box,
    .shop_menu ul li.current-menu-item .common_menu_box,
    .shop_menu ul li .common_menu_box:hover {
        background: #e1007c;
        font-weight: 400;
        color: #fff
    }
    .shop_sub_menu ul li a.active_left {
    background: url(../arrow_left_shops_bg.html) no-repeat right top
  }
    .shop_sub_menu .shop_sub_menu_sub_list_left_container {
        position: absolute;
        top: 0;
        left: -186px;
        border-top: 0;
        box-shadow: none
    }
    .shop_sub_menu .shop_sub_menu_sub_list_right_container {
        position: absolute;
        top: 0;
        right: -186px;
        border-top: 0;
        box-shadow: none
    }
    .shop_sub_menu .shop_sub_menu_sub_list_left li a,
    .shop_sub_menu .shop_sub_menu_sub_list_right li a {
        padding: 10px 30px
    }
    .shop_sub_menu li a img.active_768 {
        display: inline
    }
    .happen_menu ul li:hover .common_menu_box,
    .happen_menu ul li.current-menu-item .common_menu_box,
    .happen_menu ul li .common_menu_box:hover {
        background: #f9b200;
        font-weight: 400;
        color: #fff
    }
    .contact_content {
        min-height: 1054px;
        padding: 15px
	}
	.csm_footer_logo img{
		width: auto;
	}
	.services{
		width:100%;
	}
	 .services tr td:last-child{
		width: 265px;
	}
	.services tr td{
		padding-bottom: 0;
	}
	.services-detail-container{
		max-width: 65%!important;
		flex: 65%!important;
	}
	.csm_header_menu ul li a[title="About Us"]::after,
	.csm_header_menu ul li a[title="Shops"]::after,
	.csm_header_menu ul li a[title="Happenings"]::after{
    background: none;
  }
  .csm_header_menu ul li{
    border-right:0;
    margin-bottom: 0;
	}

	.csm_header_menu{
		bottom:0;
	}

	.menu-item:hover .sub-menu{
		display:block;
		position:absolute;
		z-index:2;
		border-bottom: 5px solid #cccccc;
		box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.3);
		top:44px;
	}
	.csm_header_menu ul li a[title]{
		padding:0 15px 20px 0;
	}

	.csm_header_menu ul li .sub-menu li{
		float:none;
	}

	.csm_header_menu ul li .sub-menu li a{
		padding:8px 8px;
	}

	.csm_header_menu ul li .sub-menu li:hover{
		background-color:#cccccc;
	}

	.csm_header_menu ul li .sub-menu li:hover a{
		color:#ffffff;
	}

	.csm_header_menu ul li a[title="About Us"]~ .sub-menu li:hover{
		background-color:#72bf44;
	}
	.csm_header_menu ul li a[title="About Us"]~ .sub-menu{
		border-color:#72bf44;
	}

	.csm_header_menu ul li a[title="Shops"]~ .sub-menu li:hover{
		background-color:#ed008c;
	}
	.csm_header_menu ul li a[title="Shops"]~ .sub-menu{
		border-color:#ed008c;
	}
	.csm_header_menu ul li a[title="Happenings"]~ .sub-menu li:hover{
		background-color:#f9b200;
	}
	.csm_header_menu ul li a[title="Happenings"]~ .sub-menu{
		border-color:#f9b200;
	}
	.sub-menu li:first-child{
		border-top:0;
	}

	.csm_header_menu ul li a[title="About Us"]:after {
    content: '';
    position: absolute;
    background: url(../png/arrow_down_black_bg.png) no-repeat right top;
    width: 100%;
    right: -5px;
    top: 10px;
    height: 100%;
	}

	.csm_header_menu ul li a[title="Shops"]:after {
    content: '';
    position: absolute;
    background: url(../png/arrow_down_black_bg.png) no-repeat right top;
    width: 100%;
    right: -5px;
    top: 10px;
    height: 100%;
	}

	.csm_header_menu ul li a[title="Happenings"]:after {
    content: '';
    position: absolute;
    background: url(../png/arrow_down_black_bg.png) no-repeat right top;
    width: 100%;
    right: -5px;
    top: 10px;
    height: 100%;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets {
			bottom:15px;
	}
	
}

@media screen and (min-width:800px) {
    .csm_footer_linking {
        margin: 19px 0 0 0
    }
}
@media screen and (min-width:850px) {
   
}

@media screen and (min-width:920px) {
   
}

@media screen and (min-width:992px) {
    .csm_header_container {}
    .csm_header_menu {}
    .csm_header_menu ul li.last {}
    .subpage_menu ul li .common_sub_dropdown_left {
        left: -241px
    }
    .csm_header_menu {
      right: 240px;;
    }
    .csm_header_menu ul li {
      width: auto;
      margin-bottom: 0
    }
    .subpage_menu ul li .common_sub_dropdown_right {
        right: -241px
    }
    .about_sub_menu ul li {
        padding: 10px 48px 10px 30px
    }
    .about_vision_container {
        min-height: 229px
    }
    .about_vision_content_img {
        position: absolute;
        top: 0;
        left: 0;
        width: 350px;
        margin-bottom: 0
    }
    .about_vision_content_desc {
        margin-left: 375px
    }
    .about_construction_row {
        min-height: 218px
    }
    .about_construction_row_img {
        position: absolute;
        top: 0;
        left: 0;
        width: 400px;
        margin-bottom: 0
    }
    .about_construction_row_desc {
        display: table-cell;
        height: 218px;
        padding-left: 450px;
        vertical-align: middle
    }
    .about_carpark_table tr td.about_carpark_table_width_15 {
        width: 30px
    }
    .shop_sub_menu .shop_sub_menu_sub_list_left_container {
        left: -241px
    }
    .shop_sub_menu .shop_sub_menu_sub_list_right_container {
        right: -241px
    }
    .about_carpark_table tr td.about_carpark_table_width_15 {
      width: 30px
    }
    .shop_sub_menu .shop_sub_menu_sub_list_left_container {
      left: -241px
    }
    .shop_sub_menu .shop_sub_menu_sub_list_right_container {
      right: -241px
    }
    .contact_content {
        min-height: 960px;
        padding: 25px
	}
	/* Wordpress overwrite style */
	.about_getting_content_container .carpark-list{
		max-width: 50%!important;
	}
	.services-detail-container{
		max-width: 70%!important;
		flex: 70%!important;
	}
	.about_carpark_content_container .carpark-parking-img img{
		width: 302px;
	}
	.csm_header_menu {
        /* width: auto !important; */
    }
    .csm_header_menu ul li {
        width: auto !important;
	}
	
}

 @media screen and (min-width:1024px){
    .csm_footer_container {
      padding: 30px 22px
    }
    .csm_footer_copyright {
      position: absolute;
      left: 30px;
      bottom: 30px;
      margin-top: 0;
      text-align: left
    }
    .csm_footer_linking {
      margin: 19px 0 0 0
    }
    .csm_footer_logo {
      position: absolute;
      right: 30px;
      bottom: 30px
    }
    .menu-footer-menu-container ul{
      justify-content: flex-start;
    }
    .csm_footer_logo_desc {
      float: left
    }
  }

   @media screen and (min-width:1120px) {
    .csm_header_menu{
      width: auto !important;
    }
    .navbar-collapse.collapse{
      left: 0;
      right: 0;
      display: flex !important;
      justify-content: center;
    }
  }


@media screen and (min-width:1200px) {
    .subpage_menu ul li .common_sub_dropdown_left {
        left: -291px
    }
    .subpage_menu ul li .common_sub_dropdown_right {
        right: -291px
    }
    .about_vision_container {
        min-height: 269px
    }
    .about_vision_content_img {
        width: 411px
    }
    .about_vision_content_desc {
        margin-left: 436px
    }
    .about_construction_row {
        min-height: 272px
    }
    .about_construction_row_img {
        width: 500px
    }
    .about_construction_row_desc {
        height: 272px;
        padding-left: 540px
    }
    .about_services_sub_table {
        width: 660px
    }
    .shop_sub_menu .shop_sub_menu_sub_list_left_container {
        left: -291px
    }
    .shop_sub_menu .shop_sub_menu_sub_list_right_container {
        right: -291px
    }
    .shop_detail_desc {
        margin-right: 220px
    }
    .shop_detail_logo {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        margin-bottom: 0
    }
    .shop_detail_logo img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }
    .contact_content {
        min-height: 848px
	}
	/* Wordpress overwrite style */
	.services{
		max-width: 660px;
		width: 100%;
	}
	.services tr td:first-child{
		width: 76%;
	}
	.services tr td:last-child{
		width: 160px;
	}
	.services-detail-container{
		max-width: 70%!important;
		flex: 70%!important;
	}
}

@media screen and (min-width:1281px) {
    .about_amenities_list li:nth-child(2n) {}
}

@media screen and (min-width:1300px) {
    .subpage_menu ul li .common_sub_dropdown_left {
        left: -318px
    }
    .subpage_menu ul li .common_sub_dropdown_right {
        right: -318px
    }
    .about_construction_row {
        min-height: 297px
    }
    .about_construction_row_img {
        width: 545px
    }
    .about_construction_row_desc {
        height: 297px;
        padding-left: 585px
    }
    .about_amenities_list li:nth-child(2n) {}
    .shop_sub_menu .shop_sub_menu_sub_list_left_container {
        left: -318px
    }
    .shop_sub_menu .shop_sub_menu_sub_list_right_container {
        right: -318px
    }
    .shop_gallery_container {
        width: 578px
    }
    .happen_content {
        padding: 25px 45px
    }
}
@media screen and (min-width:1300px) {
    .no_padding_left_768 {}
    .csm_main_container {}
    .csm_content .row {}
    .home_content_container .row .col-xs-12,
    .home_content_container .row .col-sm-12,
    .home_content_container .row .col-lg-12 {}
    .subpage_menu ul li .common_sub_dropdown_left {
        left: -318px
    }
    .subpage_menu ul li .common_sub_dropdown_right {
        right: -318px
    }
    .about_construction_row {
        min-height: 297px
    }
    .about_construction_row_img {
        width: 545px
    }
    .about_construction_row_desc {
        height: 297px;
        padding-left: 585px
    }
    .about_amenities_list li:nth-child(2n) {}
    .shop_sub_menu .shop_sub_menu_sub_list_left_container {
        left: -318px
    }
    .shop_sub_menu .shop_sub_menu_sub_list_right_container {
        right: -318px
    }
    .shop_gallery_container {
        width: 578px
    }
    .happen_content {
        padding: 25px 45px
    }
}
/* Wordpress overwrite style */
@media screen and (min-width:992px) {
	.about_getting_content_container .carpark-logo{
		max-width: 14.5% !important;
	}
	
}
@media screen and (min-width:1200px) {
	.about_getting_content_container .carpark-logo{
		max-width: 12% !important;
	}
}
@media only screen and (min-width: 1350px){
	.about_getting_content_container .carpark-logo{
		max-width: 11% !important;
	}
}
@media only screen and (min-width: 1500px){
	.about_getting_content_container .carpark-logo{
		max-width: 10% !important;
	}
}

@media screen and (min-width:1700px) {
    .about_getting_content_container .carpark-logo{
		max-width: 8% !important;
	}
}

/* to add into outer html */

.mail_iframe_container {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
}