@charset "utf-8";

        @media (max-width: 1680px) {

            .vdoreview-des-intro {

                margin-top: 20%;

            }

            .swiper-slide-thumb-active span {

                background-size: auto 55px;

            }

            .slider-promotion.slick-slider .slick-list {

                width: 93vw;

            }

            .box-headline h3 {

                font-size: 70px;

                line-height: 70px;

            }

            .bigbanner-typo-scope h1 {

                font-size: 120px;

                line-height: 80px;

            }

            .bigbanner-typo-scope h4,

            .bigbanner-typo-scope h5 {

                font-size: 32px;

                line-height: 20px;

            }

            .home-myproject .box-headline {

                margin-bottom: 30px;

            }

            .home-promotion {

                padding: 80px 0 0 0;

            }

            .home-promotion .box-headline {

                margin-bottom: 15px;

            }

            .box-text-home h2 {

                margin-bottom: 35px;

                font-size: 70px;

                line-height: 70px;

            }

            .boxcookie {

                padding: 25px 30px;

            }

            .text-cookie {

                padding-right: 170px;

            }

        }

        

        @media (max-width: 1600px) {

            .img-calculator {

                height: 100%;

            }

        }

        

        @media (max-width: 1440px) {

            .head-calculator h4 {

                font-size: 45px;

            }

            .right-calculator {

                padding-right: 15px;

            }

            .right-calculator {

                padding: 45px 15px 20px 0;

            }

            .home-calculator {

                height: 990px;

                overflow: hidden;

            }

            .box-result-calculator {

                left: 15px;

                max-width: 640px;

            }

            .box-headline p {

                font-size: 40px;

                line-height: 40px;

            }

            .box-title a {

                margin-bottom: 5px;

            }

            .head-calculator p {

                font-size: 26px;

                line-height: 26px;

            }

            .home-banner02,

            .home-banner01 {

                height: 500px;

            }

        }

        

        @media (max-width: 1370px) {

            .content-about {

                background-size: 1500px auto;

                background-position: -200px bottom;

            }

            .bgtopleft {

                height: 250px;

            }

            .whyimgleft img {

                right: auto;

                left: 0;

            }

            .whytextright {

                margin-top: 200px;

            }

            .vdoreview-des-intro {

                margin-top: 20%;

            }

            .vdoreview-des-intro h4 {

                font-size: 55px;

                line-height: 35px;

                margin: 5px 0;

            }

            .vdoreview-des-intro {

                min-height: 200px;

            }

            .head-calculator h4 {

                font-size: 40px;

            }

            .swiper-slide-thumb-active span {

                background-size: auto 50px;

            }

            .slider-promotion.slick-slider .slick-list {

                width: 100vw;

            }

            .slider-promotion.slick-slider .slick-list {

                height: 500px;

            }

        }

        

        @media (max-width: 1280px) {

            .img-aboutleft img {

                top: -200px;

                height: 650px;

            }

            .imgexriright img {

                height: auto;

                max-width: 100%;

            }

            .home-highlight .des-headline p {

                font-size: 25px;

                line-height: 28px;

                margin: 0 auto 30px;

                width: 80%;

            }

            .home-highlight .box-headline p {

                font-size: 40px;

                line-height: 40px;

            }

            .box-headline h3 {

                font-size: 60px;

                line-height: 60px;

            }

            .home-highlight {

                margin-bottom: 50px;

            }

        }

        

        @media (max-width: 1200px) {

            .container {

                width: 100%;

            }

            .home-ourservice,

            .home-team {

                overflow: hidden;

            }

            .home-whyus {

                background-size: 85% auto;

                min-height: 500px;

            }

            .whyimgleft img {

                height: 500px;

                bottom: -300px;

            }

            .whyus-row1 {

                height: 300px;

                margin-bottom: 50px;

            }

            .whytextright {

                margin-top: 150px;

            }

            .vdoreview-des-intro {

                margin-top: 15%;

            }

            .vdoreview-des-intro h4 {

                font-size: 40px;

                line-height: 30px;

            }

            .box-opacity {

                width: 85%;

            }

        }

        

        @media (max-width: 1280px) {

            #mainmenu .navbar-nav>li>a {

                padding: 25px 0 15px 0;

                font-size: 27px;

            }

            #mainmenu .navbar-brand>img {

                max-height: 25px;

            }

            .head-calculator h4 {

                font-size: 40px;

                line-height: 40px;

            }

            .head-calculator p {

                font-size: 24px;

                line-height: 30px;

            }

            .img-calculator {

                margin-right: 70px;

            }

            #boxfooter {

                padding: 70px 0 30px 0;

            }

            .footer-logo a {

                margin-bottom: 25px;

            }

            .footer-follows {

                margin-bottom: 25px;

            }

            .footer-contact-office h3 {

                font-size: 40px;

                line-height: 40px;

                letter-spacing: 0.1cm;

                margin-bottom: 20px;

            }

            .footer-contact-office h4 {

                font-size: 25px;

                line-height: 25px;

            }

            .footer-contact-office h5 {

                font-size: 23px;

                line-height: 23px;

                max-width: 300px;

            }

            .home-banner02,

            .home-banner01 {

                height: 450px;

            }

            .bigbanner-typo {

                margin-top: 80px;

            }

            .bigbanner-typo-scope h1 {

                font-size: 90px;

                line-height: 80px;

            }

            .bigbanner-typo-scope h4,

            .bigbanner-typo-scope h5 {

                font-size: 30px;

                line-height: 10px;

            }

            .box-navslide::after {

                top: 40px;

                height: 50px;

            }

            .home-bigbanner .swiper-container {

                height: calc(100vh - 125px);

            }

            .home-bigbanner .swiper-container.slide-navs {

                height: 160px;

            }

            .box-navslide span {

                height: 130px;

            }

            .swiper-slide-thumb-active span {

                height: 150px;

                top: -20px;

            }

            .home-bigbanner .swiper-container.slide-navs .swiper-wrapper {

                height: 140px;

            }

            .bigbanner-img img {

                height: calc(100vh - 180px);

            }

            .location-concept-img img {

                height: 450px;

            }

            .lacation-introl-text h1 {

                font-size: 110px;

                line-height: 100px;

            }

        }

        

        @media (max-width: 1200px) {

            .box-text-home h2 {

                font-size: 64px;

                margin-bottom: 30px;

            }

            .box-text-home p {

                font-size: 26px;

            }

            .box-opacity {

                max-width: 100%;

            }

            .box-result-calculator {

                top: -70px;

            }

            .box-calculator-in {

                margin-bottom: 30px;

            }

            .swiper-slide-thumb-active span {

                background-size: auto 45px;

            }

            .bigbanner-typo-scope h1 {

                font-size: 165px;

                line-height: 100px;

            }

            .home-banner01,

            .home-banner02 {

                height: 400px;

            }

            .box-opacity {

                height: 280px;

            }

            .box-text-home h2 {

                font-size: 55px;

            }

            .project-des h2 {

                font-size: 40px;

                line-height: 40px;

            }

            .project-des {

                min-height: 220px;

            }

            .t-projectdes {

                font-size: 35px;

                line-height: 30px;

            }

            .home-promotion {

                padding: 50px 0 0 0;

            }

            .slider-promotion.slick-slider .slick-list {

                height: 550px;

            }

            .head-calculator h4 {

                font-size: 32px;

                line-height: 32px;

            }

            .box-input .form-control {

                font-size: 40px;

            }

            .box-calculator-in {

                padding: 30px 25px;

            }

            .text-helper {

                font-size: 17px;

            }

            .box-result-calculator .form-control {

                padding-right: 50px;

            }

            .box-result-calculator .form-control {

                font-size: 28px;

            }

            .contentsearch button.close {

                right: 30px;

                top: 30px;

            }

            .contentsearch {

                background-size: auto 50%;

            }

        }

        

        @media (max-width: 1100px) {

            .home-calculator {

                display: flex;

                justify-content: center;

            }

            .left-calculator {

                display: none;

            }

            .right-calculator {

                padding: 30px 20px;

            }

            .text-cookie span {

                padding: 5px 0;

            }

            .boxcookie {

                padding: 20px 15px;

                font-size: 21px;

            }

        }

        

        @media (max-width: 1024px) {

            .footer-contact-office h3 {

                font-size: 30px;

                line-height: 30px;

                letter-spacing: 0;

                margin-bottom: 20px;

            }

            .footer-logo a {

                margin-bottom: 20px;

            }

            .footer-follows ul li {

                margin: 0;

            }

            .footer-follows {

                margin-bottom: 20px;

            }

            .footer-contact-office h4 {

                font-size: 25px;

                line-height: 25px;

            }

            .footer-contact-office h5 {

                font-size: 21px;

                line-height: 21px;

                max-width: 300px;

            }

            .footer-office-tel {

                margin-bottom: 15px;

            }

            #boxfooter {

                padding: 50px 0 30px 0;

            }

            .footer-callcenter a {

                font-size: 30px;

            }

            .footer-contact-name {

                font-size: 21px;

                line-height: 21px;

            }

            .box-headline h3 {

                font-size: 60px;

                line-height: 40px;

            }

            .home-myproject .box-headline {

                margin-bottom: 30px;

            }

            .home-bigbanner .swiper-container {

                height: 550px;

            }

            .bigbanner-img img {

                height: 450px;

            }

            .bigbanner-img a {

                height: auto;

            }

            .home-bigbanner .swiper-container.slide-navs {

                height: 180px;

            }

            .swiper-slide-thumb-active span {

                height: 160px;

                top: -20px;

            }

            .box-navslide span {

                background-size: auto 30px;

            }

            .swiper-slide-thumb-active span {

                background-size: auto 35px;

            }

            .home-calculator {

                height: auto;

            }

            .location-concept-text {

                padding-left: 15px;

            }

            .location-concept-text p {

                font-size: 23px;

                line-height: 28px;

            }

            .hometype-des .box-headline h3,

            .text-type02 {

                font-size: 40px;

                line-height: 40px;

            }

            .hometype-des h5 {

                font-size: 30px;

                line-height: 30px;

            }

            .box-room-type {

                font-size: 25px;

            }

            .section-location-vdo,

            .section-location-vdo .box-vdo {

                height: 300px;

            }

            .hometype-tabs .nav-tabs {

                width: 250px;

            }

            .section-location-brochure,

            .section-location-facility {

                padding: 50px 0;

            }

            .section-location-facility {

                padding-bottom: 0px;

            }

            .box-brochure {

                margin-top: 15px;

            }

            .box-brochure>img {

                margin-bottom: 15px;

            }

            .bigbanner-typo-scope h1 {

                font-size: 130px;

                line-height: 80px;

            }

            .slider-promotion.slick-slider .slick-list {

                height: 400px;

            }

            .vdoreview-des .box-viewmore {

                right: 15px;

            }

            .bigbanner-typo {

                margin-top: 60px;

            }

            .text-cookie {

                padding-right: 110px;

            }

            .boxcookie .btn-pink {

                min-width: 100px;

            }

            .contentsearch-in {

                margin-top: 80px;

            }

            .contentsearch button.close img {

                height: 30px;

            }

            .box-inputsearch .form-control {

                font-size: 45px;

                line-height: 50px;

            }

            .box-inputsearch .btn {

                width: 80px;

                height: 80px;

                border-radius: 20px;

                padding: 18px;

            }

        }

        

        @media (max-width: 991px) {

            #mainmenu .navbar-nav>li.dropdown>a {

                background-image: url(../images/icon-down-pink.svg);

                background-position: calc(100% - 15px) center;

                background-size: auto 15px;

                background-repeat: no-repeat;

            }

            .menu-mobile {

                display: block;

            }

            #mainmenu .dropdown-menu .container {

                display: none;

            }

            #mainmenu .navbar-nav>li.dropdown>a:hover,

            #mainmenu .navbar-default .navbar-nav>.open>a,

            #mainmenu .navbar-default .navbar-nav>.open>a:focus,

            #mainmenu .navbar-default .navbar-nav>.open>a:hover {

                background-color: #a05e5e;

                color: #fff;

                background-image: url(../images/icon-down-white.svg);

            }

            .navbar-header {

                float: none;

            }

            .navbar-toggle {

                display: block;

            }

            .navbar-collapse {

                border-top: 1px solid transparent;

                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

            }

            .navbar-collapse.collapse {

                display: none !important;

            }

            .navbar-nav {

                float: none !important;

                margin: 0;

            }

            .navbar-nav>li {

                float: none;

            }

            .navbar-nav>li>a {

                padding-top: 10px;

                padding-bottom: 10px;

            }

            .navbar-collapse.collapse.in {

                /* NEW */

                display: block !important;

            }

            #menu2f .navbar {

                padding-bottom: 0;

            }

            #menu2f .container {

                padding: 0;

            }

            #menu2f .navbar-header {

                padding-left: 15px;

            }

            #menu2f .navbar-collapse {

                padding: 0;

            }

            #menu2f .navbar-collapse.collapse {

                padding-right: 0;

            }

            #menu2f .nav.navbar-nav {

                margin: 0;

            }

            #menu2f .navbar-default .navbar-nav>li {

                margin-right: 0;

                border-bottom: 1px solid #eee;

            }

            #menu2f .nav.navbar-nav.navbar-right>li:last-child {

                border-bottom: none;

            }

            #menu2f .navbar-default .navbar-nav>li>a {

                padding: 15px;

            }

            #menu2f .navbar-default .navbar-nav>li>a::after {

                display: none;

            }

            .topbar-user strong,

            .topbar-menu ul li a {

                font-size: 21px;

                line-height: 21px;

                padding-right: 10px;

            }

            .topbar-user span {

                width: 25px;

                height: 25px;

            }

            .topbar-user span {

                width: 25px;

                height: 25px;

                top: 2px;

                position: relative;

            }

            .topbar-user strong {

                width: 80px;

            }

            /* .topbar-right>div,

    .topbar-menu ul li {

        margin-right: 5px;

    } */

            @media (max-width: 991px) {

                .topbar-right>div,

                .topbar-menu ul li {

                    margin-right: 5px;

                    position: absolute;

                    right: 4px;

                }

                #mainmenu .navbar-default .navbar-nav {

                    display: block;

                    width: 100%;

                }

                #mainmenu .navbar-nav>li>a {

                    padding: 10px 15px;

                    font-size: 23px;

                    line-height: 23px;

                }

                .navbar-default .navbar-nav>li>a:focus,

                .navbar-default .navbar-nav>li>a:hover {

                    background-color: #a05e5e;

                    color: #fff;

                }

                #mainmenu .navbar-nav>li>a span {

                    border: none;

                }

                #mainmenu .navbar-nav>li>a:hover span {

                    color: #fff;

                    border: none;

                }

                .t-projectdes,

                .project-des h2 {

                    font-size: 35px;

                    line-height: 40px;

                }

                .t-projectdes b,

                .t-projectdes strong {

                    font-size: 50px;

                    line-height: 65px;

                }

                .project-des {

                    min-height: 200px;

                    padding: 30px 15px;

                }

                .t-projectdes {

                    margin-top: 10px;

                }

                .myproject-tabs .nav-tabs>li a {

                    background-size: auto 30px;

                    height: 60px;

                }

                .myproject-tabs .nav-tabs {

                    margin-bottom: 30px;

                }

                .myproject-tabs .nav-tabs>li {

                    width: 33%;

                }

                .myproject-slider .slick-next.slick-arrow,

                .slider-promotion .slick-next.slick-arrow {

                    padding-right: 50px;

                }

                .myproject-slider .slick-prev.slick-arrow,

                .slider-promotion .slick-prev.slick-arrow {

                    padding-left: 50px;

                }

                .slider-promotion .slick-next.slick-arrow::after,

                .slider-promotion .slick-prev.slick-arrow::after,

                .myproject-slider .slick-next.slick-arrow::after,

                .myproject-slider .slick-prev.slick-arrow::after {

                    width: 40px;

                }

                .slider-promotion .slick-arrow,

                .myproject-slider .slick-arrow {

                    font-size: 21px;

                    line-height: 21px;

                }

                .slider-promotion .slick-prev.slick-arrow,

                .myproject-slider .slick-prev.slick-arrow {

                    left: 0;

                }

                .slider-promotion .slick-next.slick-arrow,

                .myproject-slider .slick-next.slick-arrow {

                    right: 0;

                }

                .t-vdoreview-des {

                    display: none;

                }

                .vdoreview-des .box-viewmore {

                    bottom: 0;

                    right: 30px;

                }

                .vdoreview-des-intro h5 {

                    font-size: 30px;

                    line-height: 30px;

                }

                .box-vdo .plyr__control.plyr__control--overlaid:focus,

                .box-vdo .plyr__control.plyr__control--overlaid:hover,

                .box-vdo .plyr__control.plyr__control--overlaid {

                    width: 150px;

                    height: 150px;

                }

                .home-vdoreview-in .slider.slider-nav {

                    bottom: 70px;

                    width: 35%;

                }

                .detail-activities a,

                .box-title a {

                    font-size: 23px;

                    line-height: 23px;

                    max-height: 45px;

                }

                .detail-activities p,

                p {

                    font-size: 21px;

                    line-height: 21px;

                }

                .slider-promotion.slick-slider .slick-list {

                    height: 440px;

                }

                .lacation-introl-text h1 {

                    font-size: 75px;

                    line-height: 90px;

                }

                .lacation-introl-text h5,

                .lacation-introl-text .box-headline h3,

                .headline-concept h4 {

                    font-size: 30px;

                    line-height: 30px;

                }

                .headline-concept h3 {

                    margin-bottom: 10px;

                }

                .headline-concept h5 {

                    font-size: 26px;

                    line-height: 25px;

                }

                .location-concept-text p {

                    font-size: 21px;

                    line-height: 25px;

                }

                .location-concept-img img {

                    height: 400px;

                }

                .hometype-img {

                    width: 100%;

                    float: none;

                }

                .hometype-tabs .nav-tabs {

                    width: 100%;

                    position: relative;

                }

                .hometype-tabs .nav-tabs>li {

                    float: left;

                    width: 33%;

                    margin: 0 0 10px 0;

                }

                .hometype-tabs .nav-tabs>li>a {

                    margin: 0 5px;

                    font-size: 23px;

                    line-height: 23px;

                    border: 1px solid #4FB281;

                    padding: 10px 15px !important;

                }

                .hometype-tabs .nav-tabs>li>a:hover::after,

                .hometype-tabs .nav-tabs>li.active>a::after {

                    display: none;

                }

                .hometype-tabs .nav-tabs>li.active>a span {

                    border: none;

                }

                .template-preem .hometype-tabs .nav-tabs>li.active>a,

                .template-preem .hometype-tabs .nav-tabs>li.active>a:focus,

                .template-preem .hometype-tabs .nav-tabs>li.active>a:hover {

                    border: 1px solid #4FB281;

                    background-color: #4FB281;

                    color: #fff;

                }

                .hometype-img::after {

                    width: 90%;

                    right: 0;

                }

                .hometype-des-list {

                    margin-bottom: 30px;

                }

                .section-location-concept {

                    padding-bottom: 0;

                }

                .box-input-contact {

                    margin-bottom: 15px;

                }

                .box-contact-form {

                    height: 50px;

                }

                .box-input-contact .form-control {

                    height: 40px;

                }

                .box-contact-form {

                    padding: 3px 15px;

                }

                .box-contact-form .input-group-addon {

                    left: 15px;

                    top: 5px;

                }

                .box-input-contact label {

                    font-size: 21px;

                    line-height: 20px;

                    margin-bottom: 5px;

                }

                .section-location-contact {

                    padding: 50px 0;

                }

                .location-contact-form {

                    max-width: 100%;

                }

                .section-location-brochure {

                    background-position: 20px center;

                }

                .location-recommend-in h3 {

                    font-size: 50px;

                    line-height: 50px;

                }

                .home-vdoreview-in .slider.slider-nav .slick-prev.slick-arrow,

                .home-vdoreview-in .slider.slider-nav .slick-prev.slick-arrow {

                    right: 15px;

                }

                .box-viewmore a {

                    background-size: auto 22px;

                }

            }

            @media (max-width: 768px) {

                .content-tabsresponsive2f .r-tabs .r-tabs-nav {

                    display: block;

                }

                .content-tabsresponsive2f .r-tabs .r-tabs-accordion-title {

                    display: none;

                }

                .t-projectdes b,

                .t-projectdes strong {

                    display: block;

                }

                .home-vdoreview {

                    padding-top: 55%;

                }

                .home-highlight .box-headline p {

                    font-size: 36px;

                    line-height: 36px;

                }

                .box-headline p:last-child {

                    margin-bottom: 15px;

                }

                .home-highlight .des-headline p {

                    font-size: 24px;

                    line-height: 28px;

                    margin-bottom: 30px;

                }

                .box-thumnail-activities.box-activities-small {

                    padding-left: 0;

                    padding-right: 0;

                }

                .detail-activities p {

                    font-size: 22px;

                }

                .detail-activities a {

                    font-size: 24px;

                    line-height: 24px;

                }

                .box-thumnail-activities.box-activities-small.box-activities-paddingtopP {

                    padding-top: 80px;

                }

                .box-thumnail-activities.box-activities-big .detail-activities p,

                .box-thumnail-activities.box-activities-small .detail-activities p {

                    margin-bottom: 10px;

                }

                .box-thumnail-activities .box-viewmore {

                    margin-bottom: 30px;

                }

                .box-headline p {

                    font-size: 32px;

                    line-height: 33px;

                }

                .footer-office-tel {

                    font-size: 21px;

                    line-height: 21px;

                    margin-bottom: 10px;

                }

                .footer-mail {

                    margin-bottom: 20px;

                }

                /* view mobile */

                .box-navslide::after {

                    top: 30px;

                    height: 40px;

                }

                .home-bigbanner .swiper-container.slide-navs {

                    height: 140px;

                }

                .box-navslide span {

                    height: 100px;

                }

                .swiper-slide-thumb-active span {

                    height: 120px;

                    top: -10px;

                }

                .home-bigbanner .swiper-container.slide-navs .swiper-wrapper {

                    height: 100px;

                }

                .swiper-slide-thumb-active span {

                    background-size: auto 30px;

                }

                .home-bigbanner .swiper-container {

                    height: 450px;

                }

                .bigbanner-img img {

                    height: 400px;

                }

                .bigbanner-typo {

                    margin-top: 50px;

                }

                .bigbanner-typo-scope h4,

                .bigbanner-typo-scope h5 {

                    font-size: 21px;

                }

                .bigbanner-typo-scope h1 {

                    font-size: 50px;

                    line-height: 40px;

                }

                .box-headline h3 {

                    font-size: 45px;

                }

                .box-headline p,

                .home-highlight .box-headline p {

                    font-size: 28px;

                    line-height: 30px;

                }

                .home-highlight .des-headline p {

                    font-size: 21px;

                    line-height: 24px;

                    margin-bottom: 30px;

                    width: 90%;

                }

                .highlight-secondary {

                    height: 180px;

                }

                .highlight-first {

                    height: 390px;

                }

                .box-text-home h2 {

                    font-size: 40px;

                }

                .home-banner01,

                .home-banner02 {

                    height: 250px;

                }

                .box-opacity {

                    height: 180px;

                }

                .box-text-home h2 {

                    font-size: 35px;

                    line-height: 30px;

                    margin-bottom: 15px;

                }

                .box-text-home p {

                    font-size: 19px;

                }

                .home-myproject {

                    padding-top: 50px;

                }

                .headline-promotion h5 {

                    font-size: 30px;

                }

                .box-campaingn {

                    padding-left: 140px;

                    font-size: 26px;

                    line-height: 25px;

                    margin-bottom: 10px;

                }

                .headline-promotion {

                    margin-bottom: 30px;

                }

                .box-result-calculator {

                    left: 0;

                    max-width: 100%;

                }

                .right-calculator {

                    padding-bottom: 0;

                }

                .slider-promotion ul.slick-dots {

                    bottom: -40px;

                }

                .box-text-home .box-viewmore a {

                    background-size: 17px;

                }

                .box-viewmore a {

                    font-size: 21px;

                    line-height: 18px;

                    padding-right: 30px;

                }

                .icon-facility img {

                    max-width: 70px;

                }

                .box-facility {

                    font-size: 20px;

                }

            }

            @media (max-width: 767px) {

                #menu2f .container {

                    padding: 0 15px;

                }

                #menu2f .navbar-header {

                    padding-left: 0;

                }

                .topbar {

                    text-align: center;

                }

                .topbar-user strong,

                .topbar-menu ul li a {

                    font-size: 18px;

                    line-height: 18px;

                    padding-right: 5px;

                }

                .topbar-right>div::after,

                .topbar-menu ul li::after {

                    right: 0;

                    top: 10px;

                    height: 13px;

                }

                .topbar-user strong {

                    display: none;

                }

                .topbar-right {

                    float: none;

                    width: 252px;

                    margin: 0 auto;

                }

                .topbar {

                    padding-top: 0;

                }

                #mainmenu .navbar-brand {

                    padding: 15px;

                }

                .box-headline h3 {

                    font-size: 50px;

                }

                .home-vdoreview-in ul.slick-dots li button {

                    display: none;

                }

                .vdoreview-des-intro h4 {

                    font-size: 30px;

                }

                .box-vdo .plyr__control.plyr__control--overlaid:focus,

                .box-vdo .plyr__control.plyr__control--overlaid:hover,

                .box-vdo .plyr__control.plyr__control--overlaid {

                    width: 100px;

                    height: 100px;

                }

                .home-vdoreview-in .slider.slider-nav .slick-slide div {

                    display: none;

                }

                .box-text-home p {

                    font-size: 24px;

                    line-height: 14px;

                }

                .box-text-home h2 {

                    font-size: 52px;

                }

                .box-calculator-in {

                    padding: 30px;

                }

                .des-result-calculator {

                    margin-bottom: 30px;

                }

                .box-calculator-in {

                    margin-bottom: 0;

                }

                .highlight-first,

                .home-highlight {

                    margin-bottom: 30px;

                }

                .box-thumnail-activities.box-activities-small.box-activities-paddingtop {

                    padding-top: 0;

                }

                .box-input {

                    margin-bottom: 20px;

                }

                .box-text-home .box-viewmore a {

                    background-size: 20px;

                }

                .home-news .box-viewmore {

                    margin-bottom: 30px;

                }

                .box-result-calculator {

                    top: 0;

                }

                .location-concept-img img {

                    height: auto;

                    width: 100%;

                }

                .location-concept-img {

                    float: none;

                }

                .location-concept-text p {

                    letter-spacing: 0;

                }

                .lacation-introl-img {

                    margin: 0 -15px;

                }

                .lacation-introl-text {

                    margin: 30px 0;

                }

                .lacation-introl-text h1 {

                    font-size: 45px;

                    line-height: 45px;

                    letter-spacing: 0;

                }

                .lacation-introl-text h5,

                .lacation-introl-text .box-headline h3,

                .headline-concept h4 {

                    font-size: 25px;

                    line-height: 25px;

                }

                .headline-concept h3 span {

                    font-size: 35px;

                }

                .location-concept-text {

                    padding-left: 0;

                    margin-bottom: 0;

                }

                .hometype-tabs .nav-tabs {

                    margin: 20px -5px 0 -5px;

                }

                .hometype-tabs .nav-tabs>li {

                    width: 50%;

                }

                .hometype-tabs .nav-tabs>li>a {

                    font-size: 20px;

                    line-height: 18px;

                    padding: 5px 10px !important;

                    height: 48px;

                    overflow: hidden;

                }

                .hometype-img::after {

                    height: 150px;

                }

                .hometype-img {

                    padding-bottom: 30px;

                }

                .hometype-img button.slick-arrow,

                .hometype-img button.slick-arrow {

                    bottom: -20px;

                }

                .hometype-img .slick-dots {

                    bottom: -34px;

                }

                .hometype-img ul.slick-dots li {

                    margin: 0 10px;

                }

                .hometype-des .box-headline h3,

                .text-type02 {

                    font-size: 30px;

                    line-height: 30px;

                    letter-spacing: 0;

                }

                .hometype-des h5 {

                    font-size: 23px;

                    line-height: 23px;

                    letter-spacing: 0;

                }

                .box-room-type {

                    font-size: 21px;

                    line-height: 21px;

                    margin-bottom: 15px;

                }

                .section-location-vdo,

                .section-location-vdo .box-vdo {

                    height: 150px;

                }

                .section-location-facility-bg {

                    padding-bottom: 30px;

                }

                .text-facility {

                    max-width: 120px;

                    word-break: break-word;

                    font-size: 18px;

                    line-height: 15px;

                }

                .location-facility-in .box-headline h3 {

                    font-size: 35px;

                    line-height: 42px;

                    letter-spacing: 0;

                }

                .img-recommend a {

                    height: 100%;

                }

                .location-facility-in .row>div {

                    padding-right: 0;

                }

                .box-facility {

                    margin-bottom: 15px;

                    height: 70px;

                    padding: 10px 10px 10px 35%;

                }

                .location-facility-in .row {

                    padding-right: 15px;

                }

                .location-facility-in .box-headline {

                    margin-bottom: 20px;

                }

                .icon-facility img {

                    max-height: inherit;

                    height: 35px;

                }

                .icon-facility {

                    width: 20%;

                    left: 15px;

                    height: 50px;

                }

                .location-logo {

                    text-align: center;

                }

                .location-logo img {

                    max-width: 80%;

                }

                .location-brochure-in h5 {

                    font-size: 25px;

                    letter-spacing: 0;

                }

                .box-share .footer-follows ul li a {

                    width: 25px;

                }

                .detail-recommend p {

                    font-size: 23px;

                    line-height: 25px;

                }

                .footer-callcenter {

                    display: none;

                }

                .boxsocial {

                    width: auto;

                    padding: 5px;

                    border-radius: 8px;

                    top: 30vh

                }

                .boxsocial img {

                    width: 25px;

                }

                .boxsocial ul li {

                    padding: 5px 0;

                }

                .text-cookie {

                    padding-right: 0;

                }

                .boxcookie .btn-pink {

                    min-width: 100px;

                    position: relative;

                    height: 40px;

                }

                .boxcookie {

                    padding: 15px 0;

                    font-size: 18px;

                    line-height: 20px;

                }

                .form-search {

                    margin-bottom: 30px;

                }

                .box-inputsearch .form-control {

                    font-size: 25px;

                    padding: 10px 50px 10px 10px;

                    line-height: 30px;

                }

                .box-inputsearch .btn img {

                    height: 25px;

                }

                .box-inputsearch .btn {

                    width: 55px;

                    height: 55px;

                    border-radius: 13px;

                    padding: 13px;

                }

                .contentsearch h3 {

                    margin-bottom: 30px;

                    font-size: 30px;

                    line-height: 30px;

                }

                .list-tagsearch a {

                    font-size: 21px;

                    line-height: 21px;

                    min-width: 100px;

                }

                .contentsearch button.close img {

                    height: 20px;

                }

                .contentsearch button.close {

                    right: 20px;

                    top: 20px;

                }

                .contentsearch {

                    background-size: auto 300px;

                }

                .contentsearch-in {

                    margin-top: 50px;

                }

                .list-tagsearch a {

                    margin-bottom: 10px;

                }

                .input-checkprofile .checkbox-inline {

                    width: 45%;

                }

            }

            @media (max-width: 767px) {

                .c3 {

                    position: absolute;

                }

            }

            @media (max-width: 480px) {

                .vdoreview-des-intro h5 {

                    font-size: 19px;

                    line-height: 20px;

                }

                .vdoreview-des-intro h4 {

                    margin: 0;

                    line-height: 23px;

                    font-size: 23px;

                }

                .head-calculator h4 {

                    font-size: 30px;

                    line-height: 30px;

                    max-width: 260px;

                    margin: 0 auto 10px;

                    text-align: center;

                }

                .title-calculator-in {

                    text-align: center;

                    font-size: 35px;

                }

                .head-calculator p {

                    font-size: 22px;

                    line-height: 26px;

                    text-align: center;

                }

                .btn-submit-calculator .btn-custom {

                    margin-bottom: 15px;

                    min-width: inherit;

                    width: 110px;

                }

                .btn-submit-calculator .btn-pink {

                    margin-right: 0;

                }

                .btn-submit-calculator {

                    display: flex;

                    flex-direction: column-reverse;

                    padding-left: 0;

                    align-items: center;

                }

                .btn-ready {

                    text-align: center;

                }

                .box-headline h3 {

                    font-size: 44px;

                    line-height: 56px;

                }

                .box-headline p {

                    font-size: 28px;

                    line-height: 28px;

                }

                .box-opacity {

                    height: 30.8vh;

                }

                .box-text-home p {

                    font-size: 16px;

                }

                .box-text-home h2 {

                    font-size: 32px;

                    margin-bottom: 25px;

                    line-height: 32px;

                }

                .home-banner01,

                .home-banner02 {

                    height: 200px;

                }

                .box-opacity {

                    height: 120px;

                }

                .box-text-home h2 {

                    font-size: 23px;

                    margin-bottom: 15px;

                    line-height: 25px;

                    letter-spacing: 0;

                }

                .box-headline h3 {

                    font-size: 38px;

                    line-height: 55px;

                }

                .box-headline p {

                    font-size: 23px;

                    line-height: 23px;

                }

                .home-bigbanner .swiper-container {

                    height: 300px;

                }

                .bigbanner-img img {

                    height: 250px;

                }

                .swiper-slide-thumb-active span {

                    background-size: auto 20px;

                }

                .box-navslide span {

                    background-size: auto 15px;

                }

                .home-bigbanner .swiper-container.slide-navs {

                    height: 100px;

                }

                .box-navslide span {

                    height: 60px;

                }

                .swiper-slide-thumb-active span {

                    height: 70px;

                    top: -10px;

                }

                .home-bigbanner .swiper-container.slide-navs .swiper-wrapper {

                    height: 60px;

                }

                .box-navslide::after {

                    top: 21px;

                    height: 20px;

                }

                .box-viewmore a,

                .home-bigbanner .box-viewmore a {

                    background-size: auto 20px;

                }

                .bigbanner-typo-scope h1 {

                    font-size: 40px;

                    line-height: 35px;

                }

                .highlight-secondary,

                .highlight-first {

                    margin-bottom: 15px;

                    height: auto;

                    line-height: 0;

                }

                .myproject-tabs .nav-tabs>li a {

                    background-size: auto 20px;

                    height: 45px;

                }

                .home-myproject {

                    padding-top: 30px;

                }

                .home-myproject .box-headline {

                    margin-bottom: 15px;

                }

                .home-promotion .box-headline {

                    margin-bottom: 0;

                }

                .headline-promotion h5 {

                    font-size: 21px;

                }

                .box-update {

                    font-size: 16px;

                    line-height: 15px;

                    margin-bottom: 10px;

                }

                .detail-activities a,

                .box-title a {

                    font-size: 23px;

                    line-height: 25px;

                    max-height: 50px;

                    height: auto;

                    overflow: hidden;

                }

                .box-des p {

                    max-height: 40px;

                }

                .slider-promotion.slick-slider .slick-list {

                    height: 350px;

                }

                .home-banner02 {

                    margin-bottom: 30px;

                }

                .t-projectdes b,

                .t-projectdes strong {

                    font-size: 40px;

                    line-height: 55px;

                }

                .t-projectdes,

                .project-des h2 {

                    font-size: 25px;

                    line-height: 25px;

                }

                .box-campaingn::after {

                    width: 80px;

                }

                .box-campaingn {

                    padding-left: 90px;

                }

                .box-campaingn {

                    font-size: 21px;

                }

                .vdoreview-des-intro {

                    margin-top: 15px;

                    width: 40%;

                    float: left;

                }

                .vdoreview-des .box-viewmore {

                    bottom: 40px;

                    right: 15px;

                }

                .myproject-slider ul.slick-dots {

                    bottom: -45px;

                }

                .home-highlight {

                    padding-top: 30px;

                }

                .slider-promotion ul.slick-dots {

                    display: none;

                }

                .slider-promotion .slick-arrow {

                    bottom: -70px;

                }

                .box-share .footer-follows ul li {

                    margin: 0;

                }

                .box-brochure a img {

                    height: 45px;

                }

                .box-brochure>img {

                    height: 15px;

                }

                .location-brochure-in .box-headline h3 {

                    font-size: 40px;

                }

            }