body {
    font-family: 'Prompt';
    font-weight: 300;
}

@font-face {
    font-family: 'Foglihten';
    src: url('../../fonts/foglihten/Foglihten-068.otf');
}

@font-face {
    font-family: 'Foglihten-b';
    src: url('../../fonts/foglihten/FoglihtenPCS-068.otf');
}

.font-foglihten { font-family: Foglihten !important;}

.line-gd {
    background: rgb(128,81,39);
    background: linear-gradient(90deg, rgba(128,81,39,1) 5%, rgba(236,200,158,1) 50%, rgba(128,81,39,1) 95%);
    height: 5px;
}

.bg-red { background-color: #dd4b39 !important; border-color: #d73925 !important; }

.box-header { background-color: #f6f6f6;}
.container-fluid { width: 90%; }

/** Header & Nav Menu  **/
.header-intro {
    background-color: #022d38;
    color: #fff;
    font-size: 14px;
}

.header-intro button {
    background-color: #033845;
    font-size: 14px;
    padding: 8px 20px !important;
    border-radius: 0;
}

.header-intro button:focus { outline: none !important; box-shadow: none !important;}

.header-intro .dropdown-menu { 
    position: absolute;
    left: 65px;
    margin-top: 0;
    min-width: 8rem; 
}
.header-intro .dropdown-menu li { margin-bottom: 5px; }
.header-intro .dropdown-menu img { box-shadow: 0 3px 10px rgb(0 0 0 / 0.2) }
.header-intro .dropdown-menu .dropdown-item { font-weight: 300; font-size: 14px; }

.header-menu {
    background-color: #6596B9;
    font-size: 16px;
}

.home-box-search { 
    background-color: #406788;
    font-size: 16px;
}

.home-box-search .group-type {
    border: 1px solid #ced4da;
    padding: 4px 15px;
    background-color: white;
    color: #333333;
}

.home-box-search .group-type label { color:#333333}

.home-box-search .group-type .form-check-input { 
    width: 1.2em; 
    height: 1.2em; 
    margin-top: 0.2em;
    margin-right: 6px;
}

.home-box-search .group-type .form-check-input:checked {
    background-color: #89a93e;
    border-color: #89a93e;
    margin-right: 6px;
}

.header-menu .navbar-toggler { 
    border-color:  transparent;
    padding: 0.25rem 0;
}

.header-menu .language .dropdown-menu {
    top: 45px;
    left: unset;
    right: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.header-menu .language .dropdown-menu li { margin-right: 0;}

.header-menu .navbar { padding-top: 0.65rem; padding-bottom: 0.65rem; }
.header-menu .navbar-toggler:focus { box-shadow:none !important;}
.header-menu .dropdown-toggle { border: 0; background-color: transparent;}

.header-menu .list-property ul {
    top: 52px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.header-menu li { 
    margin-right: 0;
    font-weight: 500;
}

.header-menu .navbar-light .navbar-nav .nav-link { 
    color: #000; 
    padding: 0 18px; 
    border-right: 2px solid #d5de23;
}

.header-menu .navbar-light .btn-search .nav-link { border-right: 0;}
.header-menu .navbar-light .navbar-nav .nav-link:hover { color: #ffffff; }
.header-menu .navbar-light .navbar-nav .nav-item .active { color: #ffffff;}

.header-menu .btn-phone a { 
    color: #d5de23;
    background-color: #293c45;
    border-color: #293c45;
    padding: 0.375rem 1rem;
}

.header-menu .btn-phone a:hover { background-color: #3f5c69;}

.btn-bg { 
    background-color: #89a93e;
    border-color: #89a93e;
}

.btn-bg:hover { 
    background-color: #658124;
    border-color: #658124;
 }

.container-banner {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
}

.text-green { color: #d5de23; }

/*** Banner ****/
.banner {
    background-image: url('../images/phuchidao1.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    height: 550px;
    max-height: 550px;
}

.banner .agent { text-align: center; margin-top: -2rem;}
.banner .agent img {
    width: 100%;
    max-width: 270px;
    background-color: #6595b994;
    border-radius: 50%;
}

.banner .agent .agent-name ul {
    list-style: none;
    padding: 6px 0;
    background-color: #19314573;
    width: 30%;
    margin: 20px auto;
}

.banner .agent .agent-name ul li { 
    font-family: Foglihten; 
    color: #ffffff;
    font-size: 18px;
}

.banner .title {
    text-align: center;
    margin: auto;
    color: #ffffff;
    padding: 15px;
    margin-left: 50%;
}

.banner .title h1 { 
    font-weight: normal;
    line-height: 4.5rem;
    margin-bottom: 1.5rem;
    text-shadow: 3px 3px 3px rgb(0 0 0 / 70%);
    font-size: 4.5rem;
}

.banner .title .title-th { font-size: 4rem; line-height: 5rem;}

.banner .title h1 span:nth-child(1) { font-size: 4.5rem;}
.banner .title h1 span:nth-child(3) { font-size: 5.5rem;}
.banner .title h1 span:nth-child(5) { font-size: 5.5rem;}
.banner .title h1 span:nth-child(7) { font-size: 4.5rem;}

.banner .title p { 
    font-size: 1.3rem; 
    margin-bottom: 1.5rem; 
    margin-top: 1.5rem; 
    font-weight: 300; 
    letter-spacing: 1px;
}

.banner .title a {
    font-size: 1.1rem;
    font-weight: 500;
    background-color: #a4685e;
    padding: 10px 25px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
}

.banner .title a:hover,
.home-box-search .btn-search:hover,
.property-search .btn-bg:hover { background-color: #87a73d;}

/* Home box search **/
.home-box-search { padding: 20px; }
.home-box-search label { font-weight: 500; color: #d5de23; }
.home-box-search .form-control, .home-box-search .form-select { border: 0; border-radius: 0; }

.home-box-search .btn-search {
    background-color: #89a93e;
    padding: 8px 20px;
    color: #ffffff;
    font-weight: 500;
    position: relative;
    bottom: -5px;
}

.home-box-search .form-control:focus, 
.home-box-search .form-select:focus {
    outline: none !important;
    box-shadow: 0 0 1px #8b8d8f;
}

.home-box-search .box-submit {
    position: relative;
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    top: 55%;
}

/** property ***/
.property-search { padding : 40px 20px 20px 20px; }
.property-search .container-fluid { width: 92% !important;}
.box-property .container-fluid { width: 80%; }
.box-property { background-color: #fdfdfd; }
.box-property .title { text-align: center; margin-top: 2.5rem; }
.box-property .title p { color: #406788; font-weight: 500; font-size: 20px;}
.box-property .title h2 { font-weight: bold;}

.border-line {
    border: 4px solid #ececec;
    border-radius: 50px;
    width: 5%;
    margin: 1rem auto 3rem;
}

.box-property .card:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.377)!important;
}

.box-property .card .card-img-top { height: auto !important;}

.box-property .card-body p { margin-bottom: 0; line-height: 28px;}
.box-property .card-body p:nth-child(1) { 
    font-size: 18px; 
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; 
}
.box-property .card-body p:nth-child(2) { 
    color: #7e7e7e; 
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; 
}

.box-property .card-body p:nth-child(3) { color: #406788; font-size: 20px; font-weight: 500; margin-top: 5px;}

.box-property .card-body p:nth-child(3) span { 
    color: #7e7e7e; 
    font-size: 14px; 
    font-weight: 400;
    margin-left: 8px;
}

.box-property .card-body ul { display: inline-flex; flex-wrap: wrap; padding: 0; margin-bottom: 0;}
.box-property .card-body ul li { list-style: none; margin-right: 15px; font-size: 14px;}
.box-property .card-body hr { color: #dadada; height: 2px; border-radius: 10px; margin: 0.8rem 0;}

.box-property .type span {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 4px 20px;
    border-radius: 5px;
}

.box-property .type {
    text-align: end;
    position: relative;
    right: 15px;
    top: -40px;
}

.box-property .type .sale { background-color: #6595b9;}
.box-property .type .rent { background-color: #6595b9;}
.box-property .type .tag { background-color: #293c45;}

.box-property .read-more {
    font-size: 1rem;
    font-weight: 400;
    background-color: #6596b6;
    padding: 14px 40px;
    color: #ffffff;
    text-decoration: none;
}

.box-property .read-more:hover { background-color: #306a91; }

/** processing property **/
.process-property {
    background-image: url('../images/beautiful-hotel.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    height: 600px;
    max-height: 600px;
}

.process-property .title {
    font-family: 'Foglihten';
    font-size: 2.5rem;
    line-height: 42px;
    text-align: center;
    margin: auto auto auto 30%;
    color: #ffffff;
    padding: 15px;
}

.process-property .title span { text-shadow: 3px 3px 3px rgb(0 0 0 / 70%); }
.process-property .title .title-th {  font-family: 'Prompt'; }

.process-property .title span:nth-child(3) { font-size: 4.5rem; line-height: 5rem;}
.process-property .title p { margin-top: 3rem; text-shadow: 3px 0px 4px rgb(0 0 0 / 70%)}

.process-property .title p { 
    font-size: 1.3rem; 
    margin-bottom: 2.5rem; 
    font-weight: 300; 
}

.process-property-list ul {
    display: inline-flex;
    list-style: none;
    position: relative;
    top: -90px;
}

.process-property-list li {
    width: 100%;
    max-width: 400px;
    background-color: #fff;
    padding: 35px 50px 50px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.process-property-list li:nth-child(1) { 
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 10px solid #ac736a;
}

.process-property-list li:nth-child(2) { 
    background-color:  #ac736a;
    border-top: 10px solid #ac736a;
}

.process-property-list li:nth-child(3) { 
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 10px solid #ac736a;
}

.process-property-list li h5 { 
    margin-top: 20px; 
    font-weight: 600;
    letter-spacing: 0.8px;
}

.process-property-list li:nth-child(2) h5,
.process-property-list li:nth-child(2) span { color: #ffffff;}

.process-property-list li span { font-size: 14px; line-height: 10px;}
.property-featured { margin-top: -70px;}

/*** footer ***/
footer {
    /*background-image: url('../images/footer.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;*/
    background-color: #406788;
    width: 100%;
    height: auto;
    color: #ffffff;
}

footer .box-footer { padding: 35px 0 25px 0; font-size: 15px;}
footer h5 { font-size: 1rem; margin: 22px 0; }
footer ul { list-style: none; padding-left: 0; }
footer ul li { margin-bottom: 6px; }
footer p { margin-bottom: 0.5rem; }
footer ul li span { margin-left: 28px;}

footer .tag-copyright {
    text-align: center;
    padding: 8px;
    background-color: #8ba740;
    font-size: 14px;
}

footer #footer-border-right { 
    height: 190px;
    border: 1px solid;
    border-image: linear-gradient(to top, rgba(128,81,39) 15%, rgba(236,200,158) 50%, rgba(128,81,39)) 3;
    position: absolute;
    bottom: 6%;
    right: 20%;
}

footer .title-contact { 
    width: 100px;
    padding: 0 15px;
    border-left: 2px solid #8ba740;
    border-right: 2px solid #8ba740;
    text-align: center;
}

footer .fas, footer .far { color: #c3db82;}

footer .title-icon { text-align: center;}
footer .title-icon img { width: 100%; max-width: 50px; margin-bottom: 20px;}
footer .footer-intro p { font-size: 16px;}

/**** property ********/
.property-banner { padding: 0; }
.property-banner .banner {
    background-image: url(../images/property-banner.jpg) !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 350px;
    max-height: 350px;
}

.property-banner .banner .overlay {
    width: 100%;
    background: rgba(0, 29, 34, 0.925);
    opacity: 0.7;
}

.property-banner .banner .title { 
    width: 94%;
    position: relative;
    top: 32%;
    text-align: left; margin: auto 50px;
}

.property-banner .banner .title h1 { 
    font-size: 1.5rem; 
    font-weight: 600; 
    line-height: 0;
}

.property-banner .banner .title p {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
}

.property-banner .banner .title p,
.property-banner .banner .title h6 { text-shadow: 1px 0px 3px rgb(0 0 0 / 70%); }
.property-banner .banner .title .title-left { margin-top: -50px;}

.property-banner .banner .title .title-right {
    font-family: 'Foglihten';
    font-weight: normal;
    text-align: center;
    line-height: 40px;
    margin-top: -60px;
    text-shadow: 3px 3px 6px rgb(0 0 0 / 100%);
}

.property-banner .banner .title .title-right span:nth-child(1) {font-size: 2.8rem;}
.property-banner .banner .title .title-right span:nth-child(3) {font-size: 2.2rem;}
.property-banner .banner .title .title-right span:nth-child(5) {font-size: 2.8rem;}
.property-banner .banner .title .title-right span:nth-child(7) {font-size: 3rem;}
.property-banner .banner .title .title-right b { font-size: 4rem; font-weight: normal;}

.property-banner .banner .title p span { color: #ffffff; }
.property-area .container-fluid { width: 90% !important; }
.page-item { margin: 0 5px 10px;}
.page-item:hover .page-link { background-color: #6596b7; color: #ffffff;}
.page-item.disabled .page-link,
.page-link {
    background-color: #022d38;
    color: #fff;
    border-color: #022d38;
}

.page-item.disabled { cursor: not-allowed !important; }
.page-item.active .page-link { 
    background-color: #6596b7;
    border-color: #6596b7;
}

.property-search .form-select { color: #6c757ded; }

/**** property detail **************/
.property-detail .box-property .container-fluid { width: 100% !important; }
.property-detail .box-property { background-color: #f6f6f6;}
.property-detail #responsive img { height: auto;}
.property-detail .box-property .fix-width { width: 90%; margin: auto;}
.property-detail .box-property .facility-ui { border-left: 2px solid #dedede; }
.property-detail .box-property .property-name h4 { font-size: 1.4rem; font-weight: 600;}
.property-detail .box-property .property-name span i { color: #6595b9; }
.property-detail .box-property .property-name span { font-weight: 500; color: #989595;}
.property-detail .box-property .feature-list { justify-content: center;}
.property-detail .box-property .feature-list img { width: 65px; height: 65px; margin-right: 15px; margin-left: 15px;}
.property-detail .box-property .feature-list p { margin-top: 8px; margin-bottom: 0; font-weight: 500;}
.property-detail .box-property .feature-list p span { color: #989595; margin-top: -2px;}
.property-detail .box-property .tag-price p { font-weight: 600;}
.property-detail .box-property .tag-price p span { font-size: 20px; margin-top: 0; color: #6595b9; font-weight: 600;}

.property-detail .tag-bar .border-r { border-right: 2px solid #cfcfcf;}
.property-detail .tag-bar { background-color: #eeeeee; padding: 36px 50px;}
.property-detail .tag-bar span { font-size: 16px; font-weight: 400; color: #989595;}
.property-detail .tag-bar span i { font-size: 16px; color: #6595b9; margin-right: 8px;}
.property-detail .contact-agent {
    color: #ffffff;
    background-color: #a3695e;
    border-color: #293c45;
    padding: 0.375rem 1rem;
    text-decoration: none;
    border-radius: 4px;
}

.property-detail .note-detail { 
    padding-top: 2rem!important;
    padding-bottom: 2rem!important;
    margin-bottom: 0!important;
    font-weight: 300;
}

.property-detail .note-detail p { overflow-wrap: break-word; }

.property-detail .feature h5 { font-size: 1.1rem; font-weight: 600;}
.property-detail .feature .border-line { border: 1.5px solid #a3695e; margin: -4px 0 0 0; width: 8%;}

.property-detail .feature {
    margin-top: 30px;
    list-style: none;
    padding-left: 0;
}

.property-detail .feature { margin: auto; }
.property-detail .feature i { color: #a3695e; margin-bottom: 15px;}
.property-detail .feature span { font-size: 14px; font-weight: 500;}
.property-detail .property-video { padding-bottom: 100px; border-bottom: 0;}
.property-detail .property-video iframe { border-radius: 5px; }

.property-detail .agent-box {
    background-color: #ffffff;
    margin-top: 2.5rem;
    border-radius: 6px;
}

.property-detail .agent-box:nth-child(2) { margin-top: 1rem !important;}

.property-detail .agent-contact-area,
.property-detail .property-card { padding: 25px 25px 50px; }

.property-detail .agent-contact-area h5,
.property-detail .property-card h5 {
    border-left: 2px solid #a3695e;
    padding-left: 8px;
    font-weight: 600;
    margin-bottom: 30px;
}

.property-detail .agent-contact-area h6 { color: #535353; font-weight: 500; }
.property-detail .agent-contact-area .agent-email { color: #8a8a8a; margin-bottom: 6px; text-decoration: none;}
.property-detail .agent-contact-area .agent-phone-number { color: #4386b3; margin-bottom: 6px; font-weight: 500; text-decoration: none;}
.property-detail .agent-contact-area ul { list-style: none; padding-left: 0;}
.property-detail .agent-contact-area ul img { width: 100%; max-width: 35px; margin-right: 8px;};

.property-detail .feature-box {
    background-color: #ffffff;
    margin-top: 1.5rem;
    border-radius: 6px;
}

.lSSlideOuter .lSPager.lSpg > li { padding: 0 4px;}

.property-detail .agent-box .lSSlideOuter .lSPager.lSpg > li a,
#mobile .lSSlideOuter .lSPager.lSpg > li a { 
    background-color: #aaa;
    width: 10px;
    height: 10px;
}

.property-detail .agent-box .lSSlideOuter .lSPager.lSpg > li:hover a, 
.property-detail .agent-box .lSSlideOuter .lSPager.lSpg > li.active a,
#mobile .lSSlideOuter .lSPager.lSpg > li:hover a, 
#mobile .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #4386b3;
}

/*** Contact ******/
.contact-banner .banner { background-image: url(../images/contact-banner.jpg) !important; }

.contact-banner .banner .overlay { 
    background: rgb(0 0 0 / 20%);
    opacity: 1;
}

.contact-banner .banner .overlay .title-right { margin-left: 45%; }
.contact-banner .banner .title h1 { color: #2b2b2b; text-shadow: 1px 0px 3px rgb(255 242 242 / 70%); }

.contact-area .container-fluid { width: 90% !important;}
.contact-area .contact-detail { padding: 56px 0 90px 0;}
.contact-area .contact-detail h5 { color: #2c2c2c; font-weight: 600;}
.contact-area .contact-detail p { color: #626262; font-weight: 400;}
.contact-area .contact-detail .icon-contact { color: #4386b3; font-weight: 500; margin-bottom: 2px;}
.contact-area .contact-detail .icon-contact i { font-size: 20px;}
.contact-area .contact-detail span { display: inline-block; margin-left: 35px; color: #626262; font-weight: 400;}
.contact-area .contact-detail ul { list-style: none; padding-left: 0;}
.contact-area .contact-detail ul li img { width: 100%; max-width: 42px; margin-top: 15px; margin-right: 8px;}
.contact-area .contact-detail p b { font-weight: 500;}

/** about us **/
.about-banner .banner { background-image: url(../images/about-banner.jpg) !important; }

.about-banner .banner .overlay { 
    background: rgb(0 0 0 / 20%);
    opacity: 1;
}

.about-banner .banner .overlay .title-right { margin-left: -35%; }
.about-banner .banner .title h1 { color: #2b2b2b; text-shadow: 1px 0px 3px rgb(255 242 242 / 70%); }

.about-us .contact-detail { padding: 56px 0 60px 0;}
.about-us .contact-detail p { color: #646464; font-size: 16px;}
.about-us .contact-detail p:nth-child(1) { color: #4386b3; font-size: 16px; font-weight: 500;}
.about-us .contact-detail .about-5 p { margin-bottom: 10px;}

.about-us img { 
    border-radius: 6px; 
    margin-bottom: 80px;
}

#search-mobile .btn-secondary { 
    color: #212529 !important;
    background-color: #f9fafb !important;
    border-color: #212529 !important;
    border: 1px solid;
}

#search-mobile .btn-secondary:focus { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; }
#search-mobile { border-bottom: 1px solid #dadada; }
.property-box-search .collapse:not(.show) { display: block; }

#time-open-mobile {
    background-color: #fdfdfd;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 2px;
}

.navbar-toggler .current-language span {
    border-right: 1.5px solid #e9ecef;
    padding-right: 10px;
    font-size: 13px;
}

.property-detail .detail-slider .lSSlideOuter .lSPager.lSpg { display: none !important;}

.map-banner .banner { background-image: url(../images/footer.jpg) !important; }
.map-banner .banner .overlay { background: transparent !important;}
.map-banner .banner .title h1 { color: #ffffff; text-shadow: none;}

.map-chiangrai .container-fluid { width: 96% !important;}
.map-chiangrai .contact-detail { padding: 56px 0; }

/****** fix for responsive *********/
@media only screen and (max-width:1024px) {
    .property-detail #responsive img { width: 100%;}
}

@media only screen and (min-width:992px) {

    /*.header-menu li { margin-right: 1rem;}*/
    .banner .title { width: 90%;}
    .container-fluid { width: 97% !important;}
    .container-banner { width: 100% !important;}
    .property-banner { width: 100% !important;}
    .header-menu .navbar-brand { margin-right: 1rem !important;}
    .header-menu .navbar-brand img { width: 120px;}
    .box-property .type { top: -35px; right: 10px;}
    .box-property .card-body { margin-top: -30px;}
    .process-property-list li h5 { font-size: 1.1rem;}

    .property-banner .banner {
        height: 250px;
        max-height: 250px;
    }
    
    .property-detail .box-property .facility-ui { border-left: 0;}
    .property-detail .box-property .feature-list {
        margin-bottom: 25px;
        justify-content: start !important;
    }

    .contact-area .contact-detail {
        margin-right: 0;
        margin-left: 0;
    }

    .contact-banner .banner .overlay .title-right { margin-left: 0;}
    .contact-area .contact-detail .follow-box { margin-top: 30px; text-align: left !important;}
    .contact-area .contact-detail ul { justify-content: start !important;}
    .about-us img { margin-bottom: 45px; }

    .property-detail .agent-contact-area, .property-detail .property-card { padding: 20px;}
    .property-detail .box-property .fix-width { width: 100%; padding-bottom: 30px; }

    .property-detail .agent-contact-area .agent-email p { margin-bottom: 0.3rem !important; }
    .property-detail .agent-contact-area .agent-phone-number p { margin-bottom: 0.3rem !important; }
}

@media only screen and (max-width: 999px) {
    .header-menu .navbar-light .navbar-nav .nav-link { padding: 0 15px;}
    .header-menu .btn-phone a { padding: 6px;}
    .banner .title { margin-left: 25%;}
    .banner .title p { font-size: 1rem;}
    .banner .title h1 { line-height: 3.5rem;}
    .banner .title h1 span:nth-child(1) { font-size: 3rem;}
    .banner .title h1 span:nth-child(3) { font-size: 4rem;}
    .banner .title h1 span:nth-child(5) { font-size: 4rem;}
    .banner .title h1 span:nth-child(7) { font-size: 3rem;}

    .banner .title .title-th {
        font-size: 3.5rem;
        line-height: 4.5rem;
    }

    .process-property .title { margin: auto;}
    footer ul li span { margin-left: 0;}

    footer #footer-border-right {
        height: 230px;
        right: 2px
    }
}

@media only screen and (max-width:991.98px){
    
    .container-fluid { width: 100% !important;}
    .container-banner { width: 100% !important;}
    .banner .title { width: 90%;}

    .navbar-collapse ul { padding: 15px 0;}
    .navbar-collapse ul li { line-height: 30px;}
    .navbar-collapse .btn-search .nav-link { margin-left: 0 !important;}
    .navbar-collapse .btn-search .nav-link .fas { color: #000;}
    .navbar-collapse .btn-phone a { padding: 6px 12px; }
    .language .dropdown-menu { padding: 5px 0; }
    .header-menu .navbar-light .navbar-nav .nav-item .active { color: #1572b5; }
    .header-menu .navbar-light .navbar-nav .nav-link { padding: 0; border-right: 0;}

    footer #footer-border-right { display: none;}
    footer .title-icon { text-align: left;}
    footer .title-icon img { max-width: 36px; margin: 10px 0;}

    .header-menu .navbar-collapse {
        background-color: #eee;
        padding: 0px 15px;
    }

    .header-menu .navbar-brand { margin-right: 1rem !important;}
    .header-menu .navbar-brand img { width: 120px;}
    .header-menu .navbar .dropdown-toggle { 
        padding: 8px; 
        border: 0; 
        font-size: 16px;
    }

    .header-menu .language .dropdown-menu { position: static;}

    .home-box-search .btn-search { margin-bottom: 15px; }
    .container { max-width: 960px; }
    .home-box-search .btn-search { padding: 8px 20px;}
    .header-intro { display: none;}
    
    .header-menu .navbar .dropdown {
        position: relative;
        margin-bottom: 20px;
        display: block !important;
    }

    .header-menu .navbar .language { 
        text-align: left !important; 
        margin-top: 5px; 
        border-top: 1px solid #dee2e669;
        border-bottom: 1px solid #dee2e669;
    }
    .header-menu .navbar .language button { background-color: #eee  !important; }

    .header-menu li { margin-right: 0;}
    .header-menu .btn-phone { 
        text-align: left !important; 
        margin: 0px 10px 20px 0!important;
    }

    .header-menu .list-property {
        left: 0;
        margin-bottom: 0 !important;
    }

    .header-menu .list-property ul { margin-left: 8px;}
    .header-menu .list-property li { color: #ffffff;}
    .process-property-list li h5 { font-size: 1.1rem;}
    .box-property .type { top: -35px; right: 10px;}
    .box-property .card-body { margin-top: -30px;}

    .property-banner .banner {
        height: 300px;
        max-height: 300px;
        background-position: center right !important;
    }

    .property-banner .title {
        position: relative !important;
        top: 30% !important;
    }

    .property-banner .banner .overlay .title-right { margin-left: 0;}

    .property-detail .container { margin-left: 12.6px; margin-right: 12.6px; }
    .property-detail .box-property .facility-ui { border-left: 0;}
    .property-detail .box-property .property-name h4 { font-size: 1.2rem; }
    .property-detail .box-property .feature-list {
        margin-bottom: 25px;
        justify-content: start !important;
    }
    .property-detail .tag-bar { padding: 20px 10px; }
    .property-detail .contact-agent { padding: 0.375rem 0.5rem; }
    .property-detail .feature .border-line { width: 9%;}
    .property-detail .tag-bar .border-r { text-align: center;}

    .about-banner .title {
        position: relative !important;
        top: 30% !important;
    }

    .about-banner .banner .overlay .title-right { margin-left: 0;}

    .contact-banner .title {
        position: relative !important;
        top: 30% !important;
    }

    .contact-banner .banner .overlay .title-right { margin-left: 0;}

    .contact-area .container-fluid { width: 97% !important; }
    .contact-area .contact-detail {
        margin-right: 0;
        margin-left: 0;
    }

    .contact-area .contact-detail .follow-box { margin-top: 30px; text-align: left !important;}
    .contact-area .contact-detail ul { justify-content: start !important;}
    .about-us img { margin-bottom: 45px; }

    .property-detail .agent-contact-area, 
    .property-detail .property-card { padding: 25px;}

    .property-detail .agent-contact-area, .property-detail .property-card { padding: 20px;}

    .property-detail .box-property .fix-width { width: 100%; }

    .property-detail #responsive img { height: auto !important; }

    .property-detail .agent-contact-area .agent-email p { margin-bottom: 0.3rem !important; }
    .property-detail .agent-contact-area .agent-phone-number p { margin-bottom: 0.3rem !important; }

    #search-mobile { display: block !important;}
    #search-desktop { display: none !important;}

    .property-box-search .collapse:not(.show) { display: none; }
}

@media (min-width: 768px) and (max-width: 799.98px) {
    .banner .title { width: 100%; }
    .banner .agent img { max-width: 185px;}
    .banner .title .title-th {
        font-size: 3rem;
        line-height: 3.8rem;
    }
}

@media only screen and (max-width:767.98px){
    .banner .title { width: 100%; }
    .banner .agent img { max-width: 185px;}
    .banner .title .title-th {
        font-size: 3rem;
        line-height: 3.8rem;
    }

    .banner .agent .agent-name ul { width: 50%;}

    .box-property .card-body .type { top: 48%; }
    .property-area .container-fluid { width: 97% !important;}

    .property-detail .tag-bar { text-align: center !important;}
    .property-detail .tag-bar .text-end { text-align: center !important;}
    .property-detail .tag-bar .col-sm-6 { margin-bottom: 20px !important;}
    .property-detail .tag-bar .col-sm-6:nth-child(2) { border-right: 0 !important;}
    .property-detail .tag-bar .col-sm-6:nth-child(3) { border-right: 2px solid #cfcfcf !important;}
    .property-detail .box-property .fix-width { width: 100% !important;}
    .property-detail .agent-contact-area img { max-width: 175px;}

    .contact-area .contact-detail .col-sm-12 { margin-bottom: 20px;}

    .property-detail .property-video { padding-bottom: 0;}

    .process-property-list { display: none !important;}
    .box-property .title { margin-top: 0 !important;}
    .box-property .title p { padding-top: 30px !important;}

    .property-detail .tag-bar .col-sm-6 { margin-bottom: 0 !important;}

    #time-open-mobile { display:block !important;}
}

@media only screen and (max-width: 634.98px) {
    .banner .title .title-th {
        font-size: 2.5rem;
        line-height: 3.8rem;
    }

    .property-banner .banner {
        height: 350px !important;
        max-height: 350px !important;
    }

    .property-banner .banner .overlay .title-right { margin-left: -40px;}
}

@media only screen and (max-width: 576px) {
    .banner .title .title-th {
        font-size: 2.5rem;
        line-height: 3.8rem;
    }

    .about-banner .banner {
        height: 350px;
        max-height: 350px;
    }

    .property-banner .banner {
        height: 350px !important;
        max-height: 350px !important;
    }

}

@media only screen and (max-width:575.98px){
    .banner { height: unset; max-height: unset; }
    .process-property { height: unset; max-height: unset; }
    .banner .title { margin-left: 0; }

    .banner .title .title-th {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    
    .property-area .container-fluid { width: 97% !important;}
    .box-property .card-body .type { top: 39%; }
    .process-property-list ul { flex-direction: column; }
    .process-property .title { margin-top: 0 !important; padding: 45px 25px;}

    .process-property-list li:nth-child(1) {
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0;
    }

    .process-property-list li:nth-child(3) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top: 10px solid #ac736a;
        border-top: 0;
        border-bottom: 10px solid #ac736a;
    }

    .property-detail .tag-bar .col-xs-12 { 
        margin-bottom: 20px !important; 
        border-right: 0 !important;
        text-align: left !important;
    }

    .property-detail .tag-bar .col-sm-6:nth-child(3) { border-right: 0 !important;}
    .property-detail .tag-bar .col-xs-12:nth-child(4) { margin-bottom: 0 !important;}
    .contact-area .container-fluid { width: 100% !important; }

    .property-detail .tag-bar { padding: 10px !important; }

    #desktop { display: none !important;}
    #mobile { 
        display: block !important;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        padding: 10px 0 25px 0;
        margin: auto auto 20px auto;
        border-radius: 5px;
        background-color: white;
    }

    .property-banner .banner .title { width: 100%; margin: auto 5px;}
    .property-banner .banner .title h6 {
        font-weight: normal;
        font-size: .9rem;
    }

    .property-banner .banner {
        height: unset !important;
        max-height: unset !important;
    }

    .property-banner .banner .title { 
        text-align: center; 
        top: 0% !important;
        padding: 40px 10px 20px 10px;
    }

    .property-banner .banner .title .title-left { margin-top: 0;}
    .property-banner .banner .title .title-right { margin-top: 30px; line-height: 32px;}
    .property-banner .banner .title .title-right span:nth-child(1) { font-size: 2.5rem; }
    .property-banner .banner .title .title-right span:nth-child(3) { font-size: 1.9rem; }
    .property-banner .banner .title .title-right span:nth-child(5) { font-size: 2.5rem; }
    .property-banner .banner .title .title-right span:nth-child(7) { font-size: 2.7rem; }
    .property-banner .banner .overlay .title-right { margin-left: 0;}

    .property-search .container-fluid { width: 100% !important; }
    .property-detail .tag-bar .col-6 { margin-bottom: 0 !important;}

    .about-banner .banner {
        height: 350px;
        max-height: 350px;
        background-position: center top !important;
    }

    .about-banner .banner .title { text-align: center; top: 0 !important;}
    .about-banner .banner .title .title-right { margin-top: 30px; line-height: 32px;}
    .about-banner .banner .title .title-right span:nth-child(1) { font-size: 2.5rem; }
    .about-banner .banner .title .title-right span:nth-child(3) { font-size: 1.9rem; }
    .about-banner .banner .title .title-right span:nth-child(5) { font-size: 2.5rem; }
    .about-banner .banner .title .title-right span:nth-child(7) { font-size: 2.7rem; }
    .about-us img { margin-bottom: 20px; }

    .contact-banner .banner {
        height: 350px;
        max-height: 350px;
        background-position: center top !important;
    }

    .contact-banner .banner .title { text-align: center; top: 0 !important;}
    .contact-banner .banner .title .title-right { margin-top: 30px; line-height: 32px;}
    .contact-banner .banner .title .title-right span:nth-child(1) { font-size: 2.5rem; }
    .contact-banner .banner .title .title-right span:nth-child(3) { font-size: 1.9rem; }
    .contact-banner .banner .title .title-right span:nth-child(5) { font-size: 2.5rem; }
    .contact-banner .banner .title .title-right span:nth-child(7) { font-size: 2.7rem; }
}

@media only screen and (max-width:424.98px){ 
    .property-detail .feature .border-line { width: 16%;}
    .property-detail .property-video { padding-bottom: 0; }

    .property-detail .tag-bar { padding: 10px !important; }
}

@media only screen and (max-width:375px){ 
    .about-banner .banner {
        height: 350px;
        max-height: 350px;
    }

    .about-banner .banner .title .title-right { line-height: 26px; }
    .about-banner .banner .title .title-right span:nth-child(1) { font-size: 1.8rem; }
    .about-banner .banner .title .title-right span:nth-child(3) { font-size: 1.4rem; }
    .about-banner .banner .title .title-right span:nth-child(5) { font-size: 1.8rem; }
    .about-banner .banner .title .title-right span:nth-child(7) { font-size: 1.5rem; }
}

@media only screen and (min-width: 1200px) {
    .property-detail .box-property .facility-ui { border-left: 2px solid #dedede; }
    .property-detail .box-property .feature-list {
        margin-bottom: 0!important;
        justify-content: flex-start !important;
        margin-top: 20px;
    }

    .property-detail .box-property .tag-price { margin-top: 0;}

    .contact-area .contact-detail {
        margin-right: 0;
        margin-left: 0;
    }

    .contact-area .contact-detail .follow-box { margin-top: 0px; text-align: center !important;}
    .contact-area .contact-detail ul { justify-content: center !important;}
    .about-us img { margin-bottom: 80px; }

    .property-banner .banner {
        height: 350px;
        max-height: 350px;
    }

    .property-detail .box-property .fix-width { width: 90%; padding-bottom: 30px; }

    .property-detail .agent-contact-area .agent-email p { margin-bottom: 0.3rem !important; }
    .property-detail .agent-contact-area .agent-phone-number p { margin-bottom: 0.3rem !important; }
}