@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

/*Body
*********************************/
body {font-family: 'Red Hat Display','Noto Sans Thai', sans-serif; font-size:14px; font-weight:500; color:#555;}

#propertyImagesCarouselFade .carousel-item{height:720px !important}
#propertyImagesCarouselFade .carousel-item img {max-width:140% !important;max-height:720px !important}

/************************************************
By Jorge (New design)
*************************************************/
p{letter-spacing:0.5px; margin:0 0 20px;line-height:1.4em}
strong { color: #003764; font-weight:700}
a:link,a:visited,a:active { color:#003764;text-decoration:underline;transition:0.2s}
a:hover { color: #14b1f6;text-decoration:underline}
.property-iframe-content iframe{width:100%;height:30vw}
.ArticleDetails{padding:5% 0 2.5%}
.ArticleDetails h2{font-weight:700}
.ArticleDetails p, .ArticleDetails ul{font-size:18px}
.ArticleDetails img{margin:0px 20px 10px 0px}
.Body p, .Body li{font-size:16px;line-height:1.6em}
.Body h2{font-size:30px;}
.ArticleDetails a,.Body a{color:#0a95d3;text-decoration:underline}
.ArticleDetails a:hover, .Body a:hover{color:#14b1f6}

/*Contact us page
******************************/
#article-108462 img{max-height:180px}
#section-25747 iframe{height:30vw}
#contactForm{background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);padding:40px;border-radius:10px}
#article-108189 p{margin:0 0 5px}
textarea.form-control{margin:0 0 20px;min-height:12vh}


/*More details
********************************/
.more-details a {font-size:11px;font-weight:600;letter-spacing:1px;background: #fff;color: #003764;border:solid 1px #ccc;text-decoration: none;text-transform:uppercase;display:none}
.more-details a:hover{background: #003764;color: #fff;border:solid 1px #003764;}
.link-to-details:after {border-top: 1px solid #bba170;border-right: 1px solid #bba170}
.link-to-details:before {border-top: 1px solid #bba170}

/*View all property button
********************************/
.view-all a {font-size:13px;font-weight:600;letter-spacing:2px;background: #003764;color: #fff;text-decoration: none;text-transform:uppercase;padding:10px 30px;display:block;width:fit-content;margin:20px auto 0;border-radius:40px}
.view-all a:hover{background: #034ea2;color: #fff;}



/*Readmore
********************************/
a.readmore{position:relative;color:#003764;font-weight:600;font-size:14px;text-align:center;text-decoration:none;padding:5px 30px 5px 0px;}
a.readmore:hover{color:#14b1f6}
a.readmore:after { content: ""; position: absolute; width: 5px; height: 5px; border-top: 1px solid #14b1f6; border-right: 1px solid #14b1f6; transform: rotate(45deg); margin: auto; top: 0; bottom: 0; right: 10px }
a.readmore:before { content: ""; position: absolute; width: 10px; height: 1px; border-top: 1px solid #14b1f6; margin: auto; top: 0; bottom: 0; right: 10px }
a.readmore:hover:after {border-top: 1px solid #14b1f6; border-right: 1px solid #14b1f6;}
a.readmore:hover:before{border-top: 1px solid #14b1f6; border-right: 1px solid #14b1f6;}

a.readall{position:relative;color:#fff;font-weight:600;font-size:14px;text-align:center;text-decoration:none;padding:5px 20px;display:block;width:fit-content;border-radius:30px;border:none}
a.readall:hover{background:#0a95d3}
a.readall{display:block;margin:20px 0}


table{border-collapse: collapse;border: 1px solid #ccc;}
table thead th {background-color: #ececec;}
table th, table td {padding:10px;border-width: 1px;border-style: solid;border-color: #ccc;}
table p{margin:0 0 10px}
img{max-width:100%}


.btn{letter-spacing:1px}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #14b1f6;
    --bs-btn-border-color: #14b1f6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #14b1f6;
    --bs-btn-hover-border-color: #14b1f6;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #14b1f6;
    --bs-btn-active-border-color: #14b1f6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #14b1f6;
    --bs-btn-disabled-border-color: #14b1f6;
    padding:7px 20px;
    font-size:15px
}
.form-group{margin:0 0 5px}
.form-select {font-size:13px;font-weight:500}
.form-control{font-size:13px;font-weight:500}


/*Heading
*********************************/
h1, h2, h3, h4, h5, h6{font-weight:500;color: #003764;margin:10px 0;letter-spacing:1px}
h1 {font-size: 36px;font-weight:500;letter-spacing:2px}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size:20px;}
h6 {font-size: 18px;}

h1.Title{font-size: 36px;}
h4.pre-header{font-size: 16px;font-weight:400;color:#999;letter-spacing:3px}
.section-body h1{margin:0 0 20px;font-weight:700;}
h1.Title{font-size:40px;margin:0 0 20px;letter-spacing:2px;font-weight:700}

.section-header h2{font-size:28px;font-weight:600;color:#003764;margin:0 0 30px 0;padding:0;letter-spacing:3px;text-transform:uppercase}
.section-header .col-12 { position: relative;}
.section-header .pre-header {font-weight:600;color:#034ea2;background: #fff; display: inline-block; padding:0 20px 10px 0px;text-transform:uppercase}
.section-header .pre-header:before { content: ""; position: absolute; width: calc(100% - 24px); border-top: 1px solid #ddd; top: 18px; z-index: -1; right: 0}

/*****************************************
Menu
******************************************/
.navbar{padding:15px 0}
.navbar-expand-lg .navbar-collapse{justify-content: end;}
a.nav-link{font-size:13px;color:#30356d;font-weight:700;letter-spacing:0;text-decoration:none;padding:6px}
a.nav-link:hover{color:#c01d2d}
.navbar-nav .nav-link.active{color:#c01d2d;font-weight:700;}
.dropdown-menu > li:hover { background: none }
.navbar-expand-lg .navbar-nav .dropdown-menu{top:40px}
.dropdown-menu{background: rgb(192 29 45);background: linear-gradient(139deg, rgb(172 9 24) 0%, rgb(216 3 24) 100%);padding:10px 10px;border:none}
a.dropdown-item{font-size:13px;color:#fff;padding:5px 10px;text-decoration:none;font-weight:500;}
a.dropdown-item:hover{color:#fff;background:#8a010f;text-decoration:none;}
.dropdown-item.active, .dropdown-item:active {background-color:#c01d2d}
#section-25741 .nav-item:last-child{background:#c01d2d;padding:0 15px;border-radius:30px;}
#section-25741 .nav-item:last-child:hover{background:#b20f1f;}
#nav-item-12779 a{color:#fff}
#nav-item-15019,#nav-item-15020{display:none;}
/*********************************************************
Header
**********************************************************/
/*Logo
*****************************/
.Logo img {max-height:50px;border-radius:0}
.Logo p{margin-bottom:0px}
.Logo p{margin:5px 0}

/*Logo
***************************/
.home-page #header-section-25739{box-shadow:none}
#header-section-25739{box-shadow:0 0 20px rgba(0,0,0,0.1);}


/*Language Menu
***************************/
.LanguagePanel {top:20px;}
.LanguagePanel a {background-size:28px;}
.LanguagePanel a.LanguageLinkde {background-image: url(/Content/Archive/393/de-540450.png) !important}


/*Slide homepage
**************************/
#main-section-25505{position:relative;}
#main-section-25505::after{content: ""; position: absolute;top: 0;left: 50%;width: 50%;height: 100%;z-index:-2;}
#main-section-25505::before {content: ""; position: absolute;top: 0;left: 50%;width: 50%;height: 100%;background: rgb(255,255,255);background: linear-gradient(103deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);z-index:-1}

/*Search
**************************/
#section-section-25745{padding:5% 20px 0;}
#section-section-25744 {background-image: url(/Content/Archive/58/Patttaya-765869.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;padding:5% 30px;}
#section-section-25757 {padding:5% 30px}
#section-section-25757 .section-header h2{font-size:20px;color:#fff;margin:0 0 30px 0;padding:0;letter-spacing:2px;}

#section-section-25745 .section-header h2{color:#fff;font-size:24px;font-weight:400}
.PropertySearchBoxOption{background:#fff;padding:15px;}
.RadioListItem {margin:0}
.PropertySearchBoxPurpose.row>*{margin:0;padding:0}
.PropertySearchBoxOption .pb-3{padding-bottom:0 !important;padding:0 5px 0 0;}
#radioListPurpose input:checked + label {background: #0764ae;color: #fff}
#radioListPurpose label {border-radius: 5px 5px 0 0}
.PropertySearchBoxButton .btn {border:none;background:#003763; padding:5px 6px;}
.PropertySearchBoxButton .btn:hover{border:none;background:#0764ae}
.PropertySearchBoxButton.pb-3{padding:0}
.PropertySearchBox{border:solid 0px #eee;border-radius:0px;margin:0;padding:0 20px}
#section-section-25755{background: rgb(10,41,78);background: linear-gradient(139deg, rgba(10,41,78,1) 0%, rgba(13,67,119,1) 49%, rgba(10,83,153,1) 100%);color:#fff;padding:2% 0%}
#section-section-25755 strong{color:#fff}
#section-section-25755 a{color:#ccc}
#section-section-25755 a:hover{color:#14b1f6}
#section-section-25755 h2{color:#fff}

.PropertySearchBoxOption .form-select {padding: .375rem .5rem}
.PropertySearchBoxOption .form-control{padding: .375rem .5rem}

/*.PropertySearchBoxType.col-md-2 {width:15%}
.PropertySearchBoxSalePrice.col-md-2 {width:19%}
.PropertySearchBoxArea.col-md-2 {width:18%}
.PropertySearchBoxBedrooms.col-md-2 {width:13%}
.PropertySearchBoxCode.col-md-2 {width:13%}
.PropertySearchBoxButton.col-md-2 {width:22%}
*/
#ResetBtn i{color:#fff}
.PropertySearchBoxKeyword{background:#fff}

@media screen and (min-width: 1680px) and (max-width: 1879px) { 
	.PropertySearchBoxType.col-md-2 { width: 25%; margin-bottom: 6px }
	.PropertySearchBoxSalePrice.col-md-2 {width: 25%}
	.PropertySearchBoxBedrooms.col-md-2 {width: 25%}
	.PropertySearchBoxArea.col-md-2 {width: 25%; margin-bottom: 6px }	
	.PropertySearchBoxCode.col-md-2 {width: 75%}
	.PropertySearchBoxButton.col-md-2 {width:25%}	
}
@media screen and (min-width: 1200px) and (max-width: 1679px) {
	.PropertySearchBoxType.col-md-2 { width: 33%; margin-bottom: 6px }
	.PropertySearchBoxSalePrice.col-md-2 {width:66%}
	.PropertySearchBoxBedrooms.col-md-2 {width: 33%}
	.PropertySearchBoxArea.col-md-2 {width: 33%; margin-bottom: 6px }	
	.PropertySearchBoxCode.col-md-2 {width: 33%}
	.PropertySearchBoxButton.col-md-2 {width:100%}	
}

/*****************************************
Homepage
******************************************/
#article-108458 img{border-radius:10px}

/*Slide
******************************/
.carousel-caption {position: absolute;bottom:40%;border:solid 2px #fff;width:fit-content;margin:auto;padding:20px 30px}
.carousel-caption h1{font-size:44px;color:#fff;letter-spacing:6px;text-shadow:1px 1px 2px rgba(0,0,0,0.75);margin:0 0 10px}
.carousel-caption p{font-size:18px;color:#fff;letter-spacing:2px;text-shadow:1px 1px 1px rgba(0,0,0,0.75);margin:0}
.carousel-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: .6;background: linear-gradient(180deg,#000000,rgba(0,0,0,0.2)0%)}


/*Contact us page
******************************/
#page-14867 iframe{height:30vw}
#contactForm{background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);padding:40px;border-radius:10px}
#article-108189 p{margin:0 0 5px}
textarea.form-control{margin:0 0 20px;min-height:12vh}


/*****************************************
Property
******************************************/
.property-item{background:#fff;border-radius:5px}
.property-info h4 a{font-size:15px;font-weight:600;letter-spacing:0.5px}
.property-info h4 {height:auto;line-height:1.2em;margin:10px 0 5px 0}
.property-code {font-size:12px}
.property-price text {font-size:15px;font-weight:700;color:#034ea2;}
.property-item .property-unit.area label {background-position: 25px -75px}
.property-unit.me-3 {margin-right: 0.5rem!important;}
.property-unit text{font-size:14px}
.HotPropertyRibbon {background: #e31f26;}

/********************************
Paging
*********************************/
.Paging{text-align:center;}
a.PageButton{width: 32px;height: 32px;line-height: 30px;text-decoration:none !important;margin: 10px 4px 0px 4px;border: 1px solid #ccc;display: inline-block;vertical-align: top;border-radius: 2px;}
a.PageButton:hover {background: #003764;color:#fff;border: 1px solid #003764;}

a.PageButton.PageButtonActive{background: #aaa;border: 0px;color: #fff}
a.PageButton.FirstPage, a.PageButton.LastPage {width: auto;border: 0px;background: none}
a.PageButton.FirstPage:hover, a.PageButton.LastPage:hover{color:#003764;width: auto;border: 0px;background: none;text-decoration:underline !important}
.PageButton.PreviousPage, .PageButton.btn-preview, .PageButton.btn-preview-disabled,
.PageButton.NextPage, .PageButton.btn-next, .PageButton.btn-next-disabled {
		position: relative;
		top: 0px;
		min-height: 0px;
		width: 32px;
		height: 32px;
		border: 0px;
		background: #fff;
		overflow: hidden;
		font-size: 0px;
		overflow: hidden
}

.PageButton.PreviousPage:hover, .PageButton.NextPage:hover{background:none;border:none}
.PageButton.PreviousPage:hover:after, .PageButton.NextPage:hover:after{border-top: 2px solid #003764;border-left: 2px solid #003764;}
.PageButton.PreviousPage:after, .PageButton.btn-preview:after, .PageButton.btn-preview-disabled:after,
.PageButton.NextPage:after, .PageButton.btn-next:after, .PageButton.btn-next-disabled:after {
			content: "";
			display: block;
			position: absolute;
			border-top: 2px solid #ccc;
			border-left: 2px solid #ccc;
			border-bottom: 2px solid transparent;
			border-right: 2px solid transparent;
			width: 12px;
			height: 12px;
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			margin: auto
}

.PageButton.PreviousPage:after, .PageButton.btn-preview:after, .PageButton.btn-preview-disabled:after {left: 0px;transform: rotate(-45deg)}
.PageButton.NextPage:after, .PageButton.btn-next:after, .PageButton.btn-next-disabled:after {right: 0px;transform: rotate(135deg)}

/**********************
Contact us page
***********************/
#main-section-25406 iframe{height:30vw}
#section-25407{border:solid 1px #ddd;padding:50px;border-radius:10px}
#page-14834 main{padding:0 0 5%}


/*About us on footer
******************************/
#footer-section-25491 p{margin:0}
#article-108180 ul{font-size:40px;font-weight:300;list-style:none;margin:0;padding:0;color:#fff;letter-spacing:5px}

#footer-section-25491{position:relative;background-color: #f1f5ff}
#footer-section-25491 > div { position: relative; z-index: 1 }
#footer-section-25491::after{
    content: ""; 
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    background-color: #f1f5ff;	
}

#footer-section-25491::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    background-image: linear-gradient(120deg,#6070a8,#536192);
    background-color: #536192;
    z-index: 1;
    background-image: url(/Content/Archive/780/elephant-bg-688556.png);
    background-repeat:no-repeat;
    background-position:top 0% center;
}

/*****************************************
Property detail
******************************************/
.property-details .property-info-header h1{font-weight:700;letter-spacing:1px;color:#003764;}
.property-title-row{margin:0 0 10px}
#property-units .unit-value {color: #003764}
.property-details .property-info-header{color: #003764}
.PriceValue {color: #003764;font-weight: 700}
#property-units-propertyCode {border: solid 1px #999;color: #003764;height: 24px;line-height: 22px;padding:0 5px}

/*Agents
************************/
.PropertyAgents {border:solid 1px #ddd;border-radius:10px;margin-bottom:30px;padding:30px}
.PropertyAgents h2{margin:0 0 10px}
.PropertyAgents .AgentImage > div {padding-top: 100%;background:#eee;border-radius: 50%;}
.PropertyAgents .AgentImage {border-radius:0%}
.AgentName span{font-size:105%;color:#003764;font-weight:500;letter-spacing:0.5px}
.PropertyAgents .AgentInfo i {width: 28px;height: 28px;line-height: 28px;display: inline-block;text-align: center;font-size: 16px;background: #e7e7e7;border-radius: 50px;margin:0 5px 0 0}
.PropertyContact h2{margin:0 0 10px}

/*Property Projects
********************************/
.property-project-read-more a {font-size:12px;font-weight:600;letter-spacing:1px;background: #fff;color: #003764;text-decoration: none;text-transform:uppercase}
.property-project-read-more a:hover{background: #003764;color: #fff;}
.property-project-read-more:after {border-top: 1px solid #df2027;border-right: 1px solid #df2027}
.property-project-read-more:before {border-top: 1px solid #df2027}


/************************************************
Property Project
*************************************************/
.property-project-item{ width: 31.3%; margin:1.5% 0 1.5% 3%;color:#003764;background:#fff}
.property-project-item:nth-of-type(3n+1) { margin-left: 0 }
.property-project-info>div{padding:2px 0}
.property-project-info{padding:5px 0 0 0px;}
.property-project-image img {max-height:300px;max-width:420px;}
.property-project-image{width:100%;height:260px;line-height:260px;background:#f5f5f5;text-align:center;overflow:hidden;}
.project-sale-price{font-size:18px;font-weight:500}
.project-rent-price{font-size:18px;font-weight:500}
.property-project-item.col-lg-4{padding:0}
.property-project-read-more {margin:10px 0}
.property-project-read-more a {background: #bba170;color: #fff;font-size: 90%;letter-spacing:2px;text-align: center;width: fit-content;height: 36px;line-height: 33px;border-radius: 36px;text-decoration: none;padding: 10px 20px}
.property-project-read-more a:hover {background: #a0834d;color: #fff}

h2.property-project-title a{font-size:18px;text-decoration:none}

/*Projects Search
*****************************/
.project-list-page form{background:#fff;padding:20px 20px 20px 20px;border-radius:0 10px 10px;box-shadow:0 10px 20px rgba(0,0,0,0.1);margin:40px 0}
.select2{width:30% !important}
.Display{width:26% !important;display:inline-block;vertical-align:top;padding:0 20px}
.RadioListItem{display:inline-block;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #003764;line-height:40px;}
.select2-container .select2-selection--single {height:40px}
.select2-search--dropdown .select2-search__field {padding: 4px 10px;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left:10px}
.select2-container--default .select2-selection--single .select2-selection__arrow b {margin-left: -10px;margin-top: 5px}


/*************************************************
Building page
***************************************************/
/*Building title
*****************************/
.container.building-title-container{background:#f1f5ff;max-width:100%;padding:30px 0;color:#003764}
.container.building-title-container>div{max-width:1320px;margin:auto}
.container.building-title-container h1{font-size:24px;padding:0;margin:0 0 10px}
ul.service-main{list-style:none;text-align:right;margin:0}
.service-main .service-thumb img{height:150px;padding:15px 0}
.service-main .service-thumb img{ display: none }

#to-fullscreen > .row { position: relative }
.to-fullscreen-button {position: absolute;top:30px;height:90px;overflow:hidden;border-radius:10px;border:solid 5px #fff;box-shadow:0 0 10px rgba(0,0,0,0.2)} 
.to-fullscreen-button:hover{border:solid 5px #df2027;box-shadow:0 0 10px rgba(0,0,0,0.2)} 
.to-fullscreen-button img {height:90px}

#carouselExampleCaptions.fixed-top { background: rgba(0,0,0,.75) }
#carousel-thumbs { padding-bottom: 20px }
#carousel-thumbs img { max-width: 94px; max-height: 94px }

/*Building Overview
*****************************/
#building-overview{border:solid 1px #ddd;text-align:center;margin:50px 0;border-radius:15px;justify-content: center}
#building-overview .col-2:last-child{border-right:solid 0px #ddd;}
#building-overview .col-2 {border-right:solid 1px #ddd;padding:20px;text-align:center;margin:20px 0;text-align:center;padding:80px 10px 10px 10px; position:relative;width:14%}
#building-overview span{display:block;font-weight:600;color:#003764}
#building-overview .col-2:before { position: absolute;top:0px; left: calc(50% - 25px); content: ""; top: 15px; width:50px; height:50px; background: url(/Content/Archive/222/building-icon-658864.png) right top no-repeat;opacity:0.7;background-size:50px;opacity:0.8;}
#building-overview .col-2.col-2.BuildingType:before {background-position:0 -50px}
#building-overview .col-2.col-2.BuildingYearBuilt:before {background-position:0 -100px}
#building-overview .col-2.col-2.BuildingPets:before {background-position:0 -250px}
#building-overview .col-2.col-2.BuildingStories:before {background-position:0 -350px}
#building-overview .col-2.col-2.BuildingUnits:before {background-position:0 -450px}
#building-overview .col-2.col-2.BuildingElevators:before {background-position:0 -400px}

/*Facilities
*****************************/
.BuildingFeature ul { padding: 0; list-style: none;}
.BuildingFeature li{line-height:20px;position:relative;padding-left:20px;margin:0 0 5px}
.BuildingFeature li:before {position: absolute; left: 0px;content: ""; width:20px; height:20px; display: inline-block; background: url(/Content/Archive/222/place-icon-658594.png) right bottom no-repeat; vertical-align:top;}
.BuildingFeature h6{margin:0 0 10px}

/*Places Of Interest
*****************************/
.PlacesOfInterestName{font-size:16px;font-weight:600;color:#003764;display:block}
ul.PlacesOfInterestList { padding: 0; list-style: none;}
.PlacesOfInterestList li{line-height:20px;position:relative;padding-left:40px;margin:0 0 15px}
.PlacesOfInterestList li:before {position: absolute; left: 0px;content: ""; width:30px; height:30px; display: inline-block; background: url(/Content/Archive/222/place-icon-658594.png) right top no-repeat; vertical-align:top;}

.property-feature ul{padding: 0; list-style: none;}
.property-feature li{line-height:20px;position:relative;padding-left:25px;margin:0 0 10px}
.property-feature li:before {position: absolute; left: 0px;content: ""; width:22px; height:22px; display: inline-block; background: url(/Content/Archive/222/place-icon-658594.png) left bottom no-repeat; vertical-align:top;background-size:22px}

/*Review house and condo
*****************************/
#main-section-25737{background: rgb(10,41,78);background: linear-gradient(139deg, #033c69 0%, #2b7a98 49%, #27b4d8 100%);color:#fff;border-radius:20px}
#main-section-25737 .section-header .pre-header{background:transparent;color:#fff}
#main-section-25737 h2.title {color:#fff}
#main-section-25737 h3.Title a{font-size:16px;color:#fff;}
#main-section-25737 h3.Title a:hover{font-size:16px;color:#003764;}
#main-section-25737 a.readmore{color:#fff;}
#main-section-25737 a.readmore:hover{color:#003764}

/*All Type list links
*****************************/
#footer-section-25734{background:#f1f5ff}
#footer-section-25734 .ImageCover .Image > span, .ImageCover span[style="background: url(/Content/no-image.jpg)"] {padding-top:100% !important;}
#footer-section-25734 .section-header .pre-header {background: transparent}
#footer-section-25734 h2.Title{font-size:22px;margin:10px 0 5px;}
#footer-section-25734 p{margin:0}

.PropertyContentList{padding:5% 0 0}

/*****************************************
Footer
******************************************/
footer h2{font-size:22px;font-weight:700;letter-spacing:0.5px;margin:0 0 10px}
footer .section-header h2{font-size:28px;margin:0 0 20px 0;padding:0 0 10px 0;border:none}
footer h2.Title{font-size:22px;margin:0 0 15px 0;}

/*Follow us
************************/
.fa-line:before{color:#49c30a}
.fa-square-whatsapp:before{color:#25D366}

/*Contact on bottom
************************/
#article-108448 li {font-size:15px;padding:0 0 10px;line-height:1.3em}
#article-108448 ul { padding: 0; list-style: none;}
#article-108448 i{font-size:18px;color:#0b4d8d;margin:0 10px 0 0;vertical-align:middle}
#article-108448 img {max-height:120px}
.Follow {background:#164190; padding:10px 15px; margin:20px 0 0 0;border-radius:10px;width:90%}
.Follow:hover{background:#2554ab; padding:10px 15px;}
.Follow h2{font-size:20px;padding:0; margin:0; line-height:1.3em; color:#fff; letter-spacing:1px}
.Follow p{font-size:14px;margin:0;font-weight:400}
.Follow a{color:#fff}
.Follow img {float:right; width:45px}

/*Team
************************/
#article-108449 img{margin:0 0 10px 0;border-radius:10px}
#article-108449 p{margin:0}
.flag{padding:0}
.flag img{height:22px;padding:4px;border-radius:0 !important}

/*Menu on footer
************************/
#footer-section-25733{background: rgb(10,41,78);background: linear-gradient(139deg, rgba(10,41,78,1) 0%, rgba(13,67,119,1) 49%, rgba(10,83,153,1) 100%);color:#fff}
#footer-section-25733 a{color:#fff}
#footer-section-25733 a:hover{color:#14b1f6}
#footer-section-25733 h3{font-size:16px;color:#fff}
#footer-section-25733 ul{margin:0 0px 0 15px;padding:0;list-style:square}
#footer-section-25733 li{line-height:1.3em;letter-spacing:0.5px;padding:5px 0}
#footer-section-25733 li a:hover{padding:0 0 0 3px}

/*MEET STAFF
************************/
#section-25774 img{float:left;margin:0 40px 40px 0;border-radius:8px;max-width:200px}
#section-25774 h2{margin:0 0 10px}

/*Partner sponsor
************************/
#article-70706{text-align:center}
#article-70706 p {width:12%; display:inline-block; vertical-align:middle; margin:5px;  transition:0.2s;text-align:center}
#article-70706 p:hover{transform:translateY(-5px);}
#article-70706 img {max-height:60px; max-width:80%}

/*Copyright
************************/
.Copyright p{font-size:14px;margin:0;color:#999}

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

/**************************************
By Jakkrit mobile
**************************************/
.section-header h2 {font-size: 24px;margin: 0 0 20px 0;padding: 0 0 20px 0;letter-spacing:1px}
.section-header .pre-header{padding:0}
h4.pre-header {font-size: 16px;}
.Body h2{font-size:24px;line-height:1.6em}
main .ArticleDetails img{margin:20px 0px;width:auto !important;height:auto !important}

/*Heading mobile
*********************************/
h1, h2, h3, h4, h5, h6{font-weight:500;line-height:1.3em;margin:10px 0 10px 0;letter-spacing:1px}
h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size:20px;}
h6 {font-size: 18px;}
.section-header h2{font-size:22px;margin:0 0 0px 0;padding:0 0 0px 0;letter-spacing:1px;}
h1.Title{font-size: 36px;}
h1.PreHeading{font-size: 18px;font-weight:300;color:#b39a6a;letter-spacing:1px;margin:0 0 10px}
.section-body h1{font-size:28px;margin:0 0 20px}
h1.Title{font-size:28px;margin:0 0 20px;letter-spacing:3px;font-weight:700;text-transform:uppercase}


/**************************************
Header Mobile
**************************************/
.Logo img{height:42px}
#section-25739{padding:0}

#section-section-25741{padding:0}
.LanguagePanel {top:15px}
#section-section-25746{position:absolute;right:55px}
	
/*Search mobile
**************************/
#main-section-25506{border:solid 1px #ddd;margin:20px;padding:10px 0;border-radius:10px}
#main-section-25506 .form-select{margin:0 0 10px}
#header-section-25506{position:relative;}
.home-page #header-section-25506{padding:0px 0 0;background:transparent}



/*Search Mobile
**************************/
#section-section-25744 {padding:30% 30px}
#section-section-25745 {padding:20px 0}
#section-section-25757 {padding:10px}
#section-section-25745 .section-header h2 {padding:0 10px;}
.PropertySearchBox{position:relative;top:10px;}
.PropertySearchBoxType.col-md-2 {width:100%;}
.PropertySearchBoxSalePrice.col-md-2 {width:100%}
.PropertySearchBoxBedrooms.col-md-2 {width:100%}
.PropertySearchBoxArea.col-md-2 {width:100%}
.PropertySearchBoxCode.col-md-2 {width:100%}
.PropertySearchBoxButton.col-md-2 {width:100%}
.PropertySearchBoxOption .pb-3{padding:0}
	
/*******************************
Home page mobile
********************************/
#main-section-25413{padding:0}
#section-section-25412{padding:40px 0 !important}
#section-25412 h1 {font-size:3em;margin:0 0 20px}
#section-25441 .col-lg-4 {padding:20px}	
a.readmore{right:0}
#article-108096 p {padding: 0}

/*Header background frontpage
******************************/
#main-section-25462{background-image: url(/Content/Archive/691/bg-hot-685226.jpg); background-repeat:no-repeat;background-position:top center;background-size:150%;padding:6% 0 5% 0;margin:40px 0 0}
#main-section-25469{background-image: url(/Content/Archive/691/bg-condo-for-sale-685640.jpg); background-repeat:no-repeat;background-position:top center;background-size:150%;padding:30px 0}
#main-section-25470{background-image: url(/Content/Archive/691/bg-condo-for-rent-685645.jpg); background-repeat:no-repeat;background-position:top center;background-size:150%;padding:30px 0}
#main-section-25471{background-image: url(/Content/Archive/691/bg-house-for-sale-685656.jpg); background-repeat:no-repeat;background-position:top center;background-size:150%;padding:30px 0}
#main-section-25472{background-image: url(/Content/Archive/691/bg-condo-for-rent-685645.jpg); background-repeat:no-repeat;background-position:top center;background-size:150%;padding:30px 0}
	
/*Slide mobile
******************************/
.carousel-indicators{display:none}


/*Gallery Mobile
************************/
.gallery-item{width:33.33%}
.popup-gallery-button {width: 50px!important;height: 50px !important;top:70px !important;right: 10px}
	
/*Header h2
************************/
#article-108093 h1.Title{font-size:24px;letter-spacing:3px}
#article-108093 h1.Title:before {height: 0px;}
#article-108116 h1 {font-size:24px;letter-spacing:3px;margin:0}
#article-108116:before {height: 0px; width: 100%; background: #b39a6a; left: 0; top: 22px; z-index: -1 }
#article-108131 h1 {font-size:24px;letter-spacing:3px;margin:0}
#article-108131:before {height: 0px;}


/*Contact us page mobile
******************************/
#page-14867 iframe{height:60vw}
#contactForm{padding:30px}
#page-13439 main {padding: 0 0 30px 0;}


	
/*******************************
Footer Mobile
********************************/
/*Partner sponsor
************************/
#article-70706 p {width:20%; vertical-align:middle; margin:10px 5px}
#article-70706 img {max-height:40px; max-width:100%}
	
/*About us on footer
******************************/
.Copyright p{font-size:14px;margin:0;border-top:solid 1px #ddd;padding:20px 0 10px}
.Copyright{text-align:left;padding:0 20px 0 30px;}
.scroll-up {right: 10px;bottom: 10px;height: 40px;width: 40px;padding:25px}

/*******************************
Property list Mobile
********************************/
.property-info h4 {height:auto}

	
/*******************************
Property detail Mobile
********************************/
.property-details-page main{padding:0px 0}
.property-details .property-info-header {padding:20px;color: #111;background:#fff;border-bottom:solid 1px #ddd}
	
.carousel-control-next-icon, .carousel-control-prev-icon {width: 2rem}
#propertyImagesCarouselFade .carousel-item{height:400px !important}
#propertyImagesCarouselFade .carousel-item img{max-width:100% !important}

.property-info-col1.pe-5 {padding-right:1rem!important;}
.property-info-overview .col { flex: 0 0 auto; flex-basis: calc((100% - 0px) / 2); margin-left: 0px;border:solid 1px #eee;text-align:center;padding:90px 5px 25px 5px; position:relative;}
.property-info-overview .col:nth-of-type(4n+1) { margin-left: 0 }
.property-info-overview .col:nth-of-type(n+5) { margin-top: 0px }
#property-units-propertyCode{margin:0 0 20px}
.view-slide {position: relative !important;width: 120px !important}

.property-units-item {align-items: center;padding:0 0 10px;flex:none;}
#property-prices{align-items: flex-start;margin:20px 0 0;padding:0}

/************************************************
Property Project Mobile
*************************************************/
.property-project-item{ width:100%; margin:20px 0;}
	
/*******************************
Menu Mobile
********************************/
#header-section-25494{padding:0}
#section-section-25486{padding:0}
.navbar-light .navbar-nav .nav-link {font-size:20px;}
a.nav-link{color:#fff !important;padding:10px 10px}
a.nav-link:hover{color:#fff !important}
.navbar-expand-lg {margin: 0;padding: 0;width: 100%}
.menu-list-wrapper .navbar-collapse ul {padding:5px 10px;}
.menu-list-wrapper .navbar-collapse ul li a {white-space: wrap;padding-left: 10px;}
.menu-list-wrapper .navbar-collapse li {word-break: break-word;}
a.dropdown-item{font-size:18px;color:#fff !important;padding:7px 15px;text-decoration:none;word-break: break-word;}
.dropdown-menu{background:#1d214d;padding:10px 10px;}
#nav-item-14870 {background: url(/Content/Archive/780/tel-688771.png) no-repeat center right 10px;padding: 0 30px 0 0;background-size: 15px;margin:0}

/*Sub menu
***********************/
.menu-list-wrapper .navbar-collapse ul { position: absolute; z-index:9999;right: 0px; top: 0px;height: 100vh; transform:translateX(100%); -webkit-transform:translateX(100%) }
.navbar-nav{background:#034ea2}
.menu-list-wrapper .navbar-collapse.show ul {animation-name: MenuActive;animation-duration: 0.4s;animation-timing-function: ease-in-out;-webkit-animation-name: MenuActive;-webkit-animation-duration: 0.4s;-webkit-animation-timing-function: ease-in-out;transform:translateX(0%);-webkit-transform:translateX(0%);width:100%;}
.menu-list-wrapper .navbar-collapse {position: absolute; right: 0px; top: 0px; height: 100vh;overflow: hidden; background: rgba(255,255,255,0.0)}
.menu-list-wrapper .navbar-collapse.collapsing { height: 100vh !important; width: 100vw }
.menu-list-wrapper .navbar-collapse.show {width: 100%;background: rgba(255,255,255,0.95)}
	@keyframes MenuBGActive {
		0%   { background-color:rgba(255,255,255,0.0); } 
		100% { background-color:rgba(255,255,255,0.8); }
	}
	@-webkit-keyframes MenuBGActive {
		0%   { background-color: rgba(255,255,255,0.0); } 
		100% { background-color: rgba(255,255,255,0.8); }
	}

	@keyframes MenuActive {
		0%   { transform:translateX(100%); -webkit-transform:translateX(100%) } 
		50% { transform:translateX(100%); -webkit-transform:translateX(100%) }
		100% { transform:translateX(0%); -webkit-transform:translateX(0%)  }
	}
	@-webkit-keyframes MenuActive {
		0%   { transform:translateX(100%); -webkit-transform:translateX(100%) } 
		50% { transform:translateX(100%); -webkit-transform:translateX(100%) }
		100% { transform:translateX(0%); -webkit-transform:translateX(0%)  }
	}

/*navbar-toggler
***********************/
.menu-list-wrapper .navbar-toggler {position: absolute;top: -42px;right: 15px;padding: 0px;width:40px;height:32px;z-index:99999 !important;display: block;border:solid 2px #ccc}
.menu-list-wrapper .navbar-toggler.collapsed span i:nth-child(1) { -webkit-transform: rotate(0deg); transform: rotate(0deg); bottom: 12px }
.menu-list-wrapper .navbar-toggler.collapsed span i:nth-child(2) { opacity: 1; }
.menu-list-wrapper .navbar-toggler.collapsed span i:nth-child(3) { -webkit-transform: rotate(0deg); transform: rotate(0deg); top: 12px }
.menu-list-wrapper .navbar-toggler span i:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.menu-list-wrapper .navbar-toggler span i:nth-child(2) { opacity: 0;}
.menu-list-wrapper .navbar-toggler span i:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(-45deg)}
.menu-list-wrapper .navbar-toggler span { width: 100%; height: 100%; padding: 0px }
.menu-list-wrapper .navbar-toggler span i {margin: auto;width: 60%;height: 2px;left: 0px;right: 0px;top: 0px;background: #003763;display: block;bottom: 0px;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;position: absolute;transition: all 0.2s}

}

@media screen and (min-width:769px) {  }
@media screen and (min-width:1025px) {  }
@media screen and (min-width:1281px) {  }
@media screen and (min-width:1361px) {  }


// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {...}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }