*,

*::before,

*::after {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: inherit;

    box-sizing: inherit

}



body {

    font-family: "Montserrat";

    font-weight: 400;

    font-size: 16px;

    color: #000;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



html,

body {

    position: relative;

    height: 100%

}



.container {

    max-width: 1200px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



a {

    outline: none

}



a:hover,

a:focus {

    text-decoration: none;

    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none

}



.btn.focus,

.btn:focus {

    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none

}



ol {

    margin: 0;

    padding: 0

}



p {

    padding: 0

}



h1,

h2,

h3,

h4,

h5,

h6 {

    padding: 0;

    font-weight: 400;

    margin-bottom: 0;

    line-height: 1.3

}



fieldset {

    border: none;

    margin: 0;

    padding: 0

}



button {

    cursor: pointer;

    background-color: transparent;

    outline: none;

    border: none

}



button:focus {

    outline: none

}



img {

    max-width: 100%;

    -o-object-position: center;

    object-position: center;

    -o-object-fit: cover;

    object-fit: cover

}



input {

    outline: none

}



a {

    color: #555

}



a:hover,

a:focus {

    color: #0A885F

}



.p-tb-100 {

    padding: 100px 0

}



.p-tb-80 {

    padding: 80px 0

}



.pt-80 {

    padding-top: 80px

}



.mb-30 {

    margin-bottom: 30px

}



.mb-20 {

    margin-bottom: 20px

}



.title {

    text-transform: uppercase;

    font-size: 36px;

    color: #0A885F;

    font-family: "SVG"

}



.title span {

    display: inline-block;

    position: relative;

    padding-bottom: 15px

}



.title.title-w {

    color: #fff

}



.fancybox-caption {

    text-align: center;

    font-weight: 700

}



.header {

    position: fixed;

    width: 100%;

    z-index: 999;

    transition: all ease .4s;

    background: #fff;

    top: 0

}



.header .nav-comp-column {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.header__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 80px;

    align-items: center;

    transition: all ease 0.4s

}



.header__inner .logo {

    width: 116px;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    text-align: center

}



.header__inner .logo img {

    width: 100%;

    position: relative;

    transition: all ease 0.4s

}



.header__inner .main-menu {

    width: 50%

}



.header__inner .main-menu:first-of-type {

    padding-right: 12%;

    text-align: right

}



.header__inner .main-menu:first-of-type .navbar-nav {

    justify-content: flex-end

}



.header__inner .main-menu:last-of-type {

    padding-left: 12%

}



.header.scroll .header__inner .logo img {

    width: 70px

}



.header.scroll .header__inner {

    height: 70px

}



.header__inner .navbar-nav>.nav-item>.nav-link {

    color: #000;

    text-transform: uppercase

}



.header__inner .navbar-nav .nav-item.active .nav-link {

    color: rgb(191 143 63)

}



.header__inner .navbar-nav>.nav-item:hover>.nav-link {

    color: rgb(191 143 63)

}



.navbar-nav {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.navbar-nav>.nav-item {

    -webkit-transition: all ease 0.6s;

    -o-transition: all ease 0.6s;

    transition: all ease 0.6s;

    position: relative

}



.header.active .navbar-nav .nav-item {

    padding: 10px

}



.navbar-nav .nav-item.active .nav-link {

    position: relative;

    z-index: 2

}



.navbar-toggler {

    display: none;

    outline: none

}



.mobile-menu {

    display: none

}



.navbar-nav>.nav-item:last-child,

.navbar-nav>.nav-item:last-child>.nav-link {

    padding-right: unset

}



.navbar-nav>.nav-item>.nav-link {

    position: relative;

    padding: 0 10px;

    z-index: 2

}



.navbar-nav>.nav-item:hover>.nav-link {

    color: #929292

}



.slider-home {

    position: relative;

    overflow: hidden

}



.slider-home__inner {

    position: relative

}



.slider-home__list {

    padding-left: unset;

    margin-bottom: 0 !important

}



.slider-home__list .slick-list {

    overflow: inherit

}



.slider-home__list-item {

    list-style-type: none;

    position: relative

}



.slider-home__list-item .wrap-img {

    height: 750px;

    position: relative

}



.slider-home__list-item .wrap-img img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.slick-dots {

    bottom: 30px;

    text-align: right;

    right: calc((100vw - 1200px)/2);

    z-index: 5

}



.slick-dots li button {

    width: 100%;

    height: 6px;

    padding: 0;

    background: #6d6d6d;

    border-radius: 5px

}



.slick-dots li button:before {

    content: none

}



.slick-dots li {

    width: 6px;

    height: 6px;

    transition: all ease .4s

}



.slick-dots li.slick-active button {

    background: #f5de4d

}



.project-overview {

    background-color: #fff

}



.project-overview__inner {

    display: flex;

    align-items: center;

    flex-direction: row-reverse

}



.project-overview-img {

    width: 40%

}



.project-overview-content {

    flex: 1;

    padding-left: 40px;

    position: relative

}



.project-overview-content table,

.project-overview-content table td,

.project-overview-content table th {

    border: none;

    padding: 10px;

    color: #000

}



.project-overview-content table tr td:first-child {

    width: 200px

}



.project-overview-content table tr td:last-child {

    font-weight: 700;

    flex: 1;

    border-bottom: 1px solid #DEDEDE

}



.project-overview-img .list-item {

    display: flex;

    flex-wrap: wrap;

    margin: -12px

}



.project-overview-img .item:first-child {

    width: 100%

}



.project-overview-img .item {

    width: 50%;

    padding: 12px

}



.project-overview-img .wrap-img {

    position: relative;

    height: 0;

    padding-top: 55%

}



.project-overview-img .wrap-img img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    border-radius: 8px

}



.project-overview .project-description {

    position: relative

}



.project-overview .project-description:before {

    content: '';

    position: absolute;

    top: -50px;

    left: 0;

    right: 0;

    bottom: -50px;

    background-size: contain;

    background-position: center;

    opacity: .2

}



.project-overview-content table {

    position: relative

}



.featured {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



.featured .content {

    padding: 120px

}



.featured .content .inner {

    background: #fffbe7;

    max-width: 500px;

    margin-left: auto;

    padding: 60px 30px

}



.overview-cdt__inner {

    display: flex;

    flex-wrap: wrap;

    align-items: center

}



.overview-cdt__right {

    width: 50%

}



.overview-cdt__left {

    width: 50%;

    padding-right: 50px

}



.overview-cdt__inner .icon {

    width: 200px;

    margin-bottom: 20px

}



.overview-cdt__inner .wrap-img {

    border-radius: 20px;

    overflow: hidden

}



.location {

    background: #0A885F;

    overflow: hidden

}



.location__inner {

    display: flex;

    flex-wrap: wrap

}



.location__left {

    width: 50%

}



.location__img {

    position: relative

}



.location__right {

    width: 50%;

    color: #fff;

    padding: 60px 0;

    padding-left: 50px;

    padding-right: calc((100vw - 1170px)/2);

    position: relative

}



.location__left .map {

    width: auto;

    min-width: 100%;

    min-height: 100%;

    max-width: 100%;

    max-height: 100%

}



.location__right .content blockquote {

    font-style: italic;

    color: #00b6a1

}



.location__right .content ul {

    display: flex;

    padding-left: unset;

    flex-wrap: wrap;

    list-style: none;

    /* justify-content: space-around; */

    margin-right: -50px;

    margin-bottom: unset

}



.location__right .content ul li {

    width: 50%;

    margin-bottom: 15px;

    padding-left: 20px;

    position: relative;

    /* display: flex; */

    align-items: flex-start;

}



.location__right .content ul li:before {

    content: '';

    position: absolute;

    top: 24%;

    left: 0;

    width: 15px;

    height: 15px;

    transform: translateY(-50%);

    background: url(../../../assets/svg/bf-li.svg) no-repeat;

    background-size: contain;

    background-position: center

}



.images__list {

    display: flex;

    flex-wrap: wrap;

    list-style: none;

    margin: -10px;

    margin-bottom: 0;

    padding-left: unset

}



.images__list-item {

    width: 33.33%;

    padding: 10px;

    display: flex;

    flex-direction: column

}



.images__list-item .wrap-info {

    background: #fffbe7;

    text-align: center;

    padding: 10px 5px;

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 700;

    text-transform: uppercase

}



.images__list-item .wrap-img {

    position: relative;

    height: 0;

    padding-top: 50%;

    overflow: hidden

}



.images__list-item .wrap-img img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transition: all .4s

}



.images__list-item:hover img {

    transform: scale(1.2) rotate(2deg)

}



.cdt {

    background: #194130 url(../../../themes/sml/vanphuccity/assets/images/bg/background-partent.png) 50%;

    color: #fff;

    overflow: hidden

}



.cdt ul {

    display: flex;

    justify-content: center;

    list-style: none;

    margin: -40px

}



.cdt ul li {

    padding: 40px

}



.cdt ul li .info {

    color: #dcc375;

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

    padding-top: 20px

}



.partner__inner {

    overflow: hidden

}



.partner .heading {

    max-width: 49%;

    margin: auto;

    color: #000

}



.partner__list {

    padding-top: 40px;

    margin: 0 -50px;

    padding-left: 12%;

    padding-right: 12%

}



.partner__list-item {

    padding: 0 50px;

    outline: none

}



.partner.bg-line-scale:after {

    background: linear-gradient(to bottom, #f5de4d 0%, transparent 50%);

    top: -75px;

    transform: skewY(-14deg)

}



.library {

    overflow: hidden;

    position: relative

}



.library:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fffbe7

}



.library .title {

    margin-bottom: 30px

}



.library__list {

    margin: 0 -55%

}



.library__list-item {

    padding: 15px

}



.library__list-item .wrap-img {

    position: relative;

    height: 0;

    padding-top: 56%

}



.library__list-item .wrap-img img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.library .slick-dots {

    bottom: -30px;

    right: 50%;

    transform: translateY(-50%)

}



.footer {

    background: #0A885F;

    color: #fff;

    padding-top: 100px

}



.footer a {

    color: #fff

}



.footer a:hover {

    color: #f7ad5e

}



.footer__list {

    display: flex;

    padding-left: unset;

    list-style: none

}



.footer__list-item {

    width: 50%

}



.footer__list-item:nth-child(2) {

    padding-left: 30px

}



.footer__list-item .contact {

    display: flex;

    flex-wrap: wrap;

    padding-bottom: 35px

}



.footer__list-item .contact .left {

    width: 50%;

    padding-right: 30px

}



.footer__list-item .contact .right {

    width: 50%;

    padding-left: 30px

}



.footer .title {

    margin-bottom: 20px;

    font-size: 40px;

    color: #fff

}



.footer__list-item .contact .title-contact {

    font-size: 18px;

    font-family: "SVN";

    margin-bottom: 10px

}



.footer__list-item .contact .box {

    margin-bottom: 25px

}



.footer__list-item .box-form .des {

    margin-bottom: 25px

}



.footer .copy-right {

    padding: 15px 0;

    border-top: 1px solid #fff;

    font-size: 12px

}



.button {

    background: #f7ad5e;

    color: #0A885F;

    font-size: 16px;

    position: relative;

    border: 1px solid #7C7C7C;

    overflow: hidden;

    border-radius: 25px;

    font-weight: 500;

    text-transform: uppercase;

    height: 50px;

    min-width: 150px

}



.button span {

    position: relative;

    z-index: 1

}



.button:before {

    position: absolute;

    content: '';

    display: block;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: left center;

    transform-origin: left center;

    z-index: 1;

    background-color: #bccdbc;

    -webkit-transition: -webkit-transform 0.45s cubic-bezier(.785, .135, .15, .86);

    transition: -webkit-transform 0.45s cubic-bezier(.785, .135, .15, .86);

    transition: transform 0.45s cubic-bezier(.785, .135, .15, .86);

    transition: transform 0.45s cubic-bezier(.785, .135, .15, .86), -webkit-transform 0.45s cubic-bezier(.785, .135, .15, .86)

}



.button:hover:before {

    webkit-transform-origin: right center;

    transform-origin: right center;

    -webkit-transform: scale(0, 1);

    transform: scale(0, 1)

}



.button:hover {

    color: #bccdbc

}



.list-social {

    margin-top: 50px

}



.list-social__item {

    display: inline-block

}



.list-social__item a {

    padding-right: 25px;

    transition: all .4s;

    display: inline-block;

    font-size: 18px

}



.list-social__item:last-child {

    padding-right: unset

}



.list-social__item a:hover {

    transform: translateY(-5px)

}



.policy__inner {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 30px

}



.policy__left {

    width: 50%

}



.policy__right {

    width: 50%;

    padding-left: 60px

}



.policy__left .des {

    box-shadow: 0 5px 40px 0 rgb(0 0 0 / 14%)

}



.policy__left .des ul li {

    display: block;

    list-style: none;

    margin: 0;

    padding: 20px 30px

}



.policy__left .des ul li:nth-child(2n+1) {

    background-color: #fafafa

}



.policy .wrap-img {

    text-align: center

}



.flat-subdivision__right .list-image__item {

    display: none

}



.flat-subdivision__right .list-image__item.active {

    display: block

}



.flat-subdivision__right .list-image__item .title {

    display: none

}



.flat-subdivision__inner {

    display: flex

}



.flat-subdivision__right {

    width: calc(100% - 250px);

    padding-left: 50px

}



.flat-subdivision__right .slick-list {

    padding-bottom: 0

}



.flat-subdivision__right .slick-dotted.slick-slider {

    margin-bottom: 15px

}



.flat-subdivision__left {

    width: 250px

}



.flat-subdivision__inner ul {

    padding-left: unset;

    list-style: none

}



.flat-subdivision__left .list-tab__item a {

    color: #fff;

    display: block;

    text-align: center;

    padding: 10px;

    text-align: center;

    background-color: #b4a880;

    border-radius: 5px;

    font-weight: 400

}



.flat-subdivision__left .list-tab__item {

    margin-bottom: 10px

}



.flat-subdivision__left .list-tab__item:last-child {

    margin-bottom: 0

}



.flat-subdivision__right .list-image {

    border: 1px solid #0A885F;

    padding: 10px

}



.flat-subdivision__left .list-tab__item a.active {

    background-color: #0A885F;

    color: #f5de4d

}



.flat-subdivision .download {

    margin-top: 30px

}



.form-home__contact-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: -11px

}



.form-home__contact-wrap .form-group {

    width: 100%;

    margin-bottom: 0

}



.form-home__contact-wrap .form-group.input-small {

    width: 50%

}



.form-home__contact-wrap .form-group input,

.form-home__contact-wrap .form-group textarea {

    width: 100%;

    border: 1px solid #104e31;

    border-radius: 5px;

    padding: 10px 17px;

    outline: none

}



.form-home__contact-wrap .form-group .inner {

    padding: 11px

}



.form-home__contact-submit button {

    width: 100%;

    text-align: center;

    background: #104e31 !important;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 14px;

    border-radius: 5px;

    color: #fff

}



.section-form-project .title {

    color: #fff

}



.section-form-project .wrap-form .wrap-submit .submit {

    color: #fff

}



.section-form-project .button:before {

    content: none

}



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

    .container {

        max-width: 960px

    }



    .p-100 {

        padding: 70px 0

    }



    .p-tb-80 {

        padding: 60px 0

    }



    .title {

        font-size: 27px;

        margin-bottom: 20px

    }



    .navbar-nav .nav-item .nav-link {

        font-size: 14px

    }



    .header__inner {

        height: 70px

    }



    .header__inner .logo {

        width: 90px

    }



    .header__inner .logo:before {

        width: 140px

    }



    .header__inner .logo img {

        width: 70px

    }



    .header-picity__inner .main-menu:last-of-type:last-of-type {

        padding-left: 10%

    }



    .header-picity__inner .main-menu:first-of-type {

        padding-right: 10%

    }



    .header.scroll .header__inner {

        height: 60px

    }



    .location__right {

        padding-right: 50px;

        width: 100%

    }



    .location__left {

        width: 100%;

        order: 1

    }



    .library .title {

        margin-bottom: 20px

    }



    .overview-cdt__inner .icon {

        width: 150px

    }



    .featured .content .inner {

        padding: 40px 20px

    }



    .project-overview-content {

        width: 100%;

        flex: unset;

        padding-left: unset;

        margin-bottom: 40px

    }



    .project-overview-img {

        width: 100%

    }



    .project-overview__inner {

        flex-direction: column

    }



    .footer {

        padding-top: 70px

    }



    .footer__list-item .contact .right {

        padding-left: 20px

    }



    .footer__list-item .contact .left {

        padding-right: 20px

    }



    .footer .title {

        font-size: 37px

    }

}



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

    .container {

        max-width: 720px

    }



    .footer .title {

        font-size: 32px

    }



    .header.scroll .navbar-toggler {

        top: 30px

    }



    .navbar-nav {

        display: none

    }



    .mobile-menu {

        display: block

    }



    .mobile-menu.open .mobile-menu__box {

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0)

    }



    .mobile-menu {

        pointer-events: inherit

    }



    .mobile-menu__overlay {

        position: fixed;

        z-index: 998;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: #fff;

        visibility: hidden;

        opacity: 0;

        -webkit-transition: all ease .4s;

        -o-transition: all ease .4s;

        transition: all ease .4s

    }



    .mobile-menu.open .mobile-menu__overlay {

        opacity: 1;

        visibility: visible

    }



    .mobile-menu__inner {

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

        overflow: auto;

        position: relative;

        background: #0A885F;

        background-position: bottom;

        background-repeat: no-repeat

    }



    .mobile-menu__inner .navbar-nav {

        display: block;

        padding-right: 0;

        padding-left: 0

    }



    .mobile-menu__inner .navbar-nav>.nav-item {

        padding: 10px

    }



    .mobile-menu__inner .navbar-nav>.nav-item.active {

        position: relative;

        background-color: #fff

    }



    .mobile-menu__inner .navbar-nav>.nav-item.active .nav-link {

        position: relative;

        color: #0A885F

    }



    .mobile-menu__inner .navbar-nav>.nav-item.active:before {

        position: absolute;

        top: 0;

        left: 0;

        content: '';

        width: 4px;

        bottom: 0

    }



    .mobile-menu__inner .navbar-nav>.nav-item .nav-link {

        padding: 10px 20px;

        font-weight: 700;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

        -webkit-box-pack: left;

        -ms-flex-pack: left;

        justify-content: left;

        align-items: center;

        color: #fff

    }



    .mobile-menu__close-button {

        position: absolute;

        top: 0;

        right: 100%;

        width: 36px;

        height: 36px;

        line-height: 36px;

        font-size: 20px;

        text-align: center;

        opacity: 0;

        visibility: hidden;

        -webkit-transition: all ease .4s;

        -o-transition: all ease .4s;

        transition: all ease .4s;

        cursor: pointer;

        background-color: #fff

    }



    .mobile-menu.open .mobile-menu__close-button {

        opacity: 1;

        visibility: visible

    }



    .navbar-nav .dropdown-menu {

        top: 30px !important;

        padding: 0

    }



    .mobile-menu__inner .navbar-nav .nav-item .dropdown-submenu.active a {

        color: #0A885F

    }



    .navbar-nav .nav-item .nav-link:before {

        content: none

    }



    .navbar-toggler {

        display: block;

        position: absolute;

        top: 35px;

        right: calc((100% - 690px) / 2);

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        outline: none;

        width: 45px;

        height: 30px;

        padding: unset;

        z-index: 998;

        transition: all ease .4s

    }



    .navbar-toggler .wrap-line {

        position: relative;

        overflow: hidden;

        display: block;

        width: 100%;

        height: 100%

    }



    .navbar-toggler .wrap-line .line {

        -webkit-transition: all ease .4s;

        -o-transition: all ease .4s;

        transition: all ease .4s;

        position: absolute;

        left: 0;

        bottom: 0;

        height: 3px;

        background: #000;

        display: block

    }



    .navbar-toggler .wrap-line .line:nth-of-type(1) {

        top: 0;

        width: 100%

    }



    .navbar-toggler .wrap-line .line:nth-of-type(2),

    .navbar-toggler .wrap-line .line:nth-of-type(3) {

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        right: 0;

        left: unset;

        width: 100%

    }



    .navbar-toggler .wrap-line .line:nth-of-type(4) {

        bottom: 0;

        width: 100%;

        margin-left: auto;

        right: 0

    }



    .navbar-toggler:not(.collapsed) .line:nth-of-type(1) {

        left: 50%;

        right: 50%;

        width: unset

    }



    .navbar-toggler:not(.collapsed) .line:nth-of-type(2) {

        -webkit-transform: translateY(-50%) rotate(-45deg);

        -ms-transform: translateY(-50%) rotate(-45deg);

        transform: translateY(-50%) rotate(-45deg)

    }



    .navbar-toggler:not(.collapsed) .line:nth-of-type(3) {

        -webkit-transform: translateY(-50%) rotate(45deg);

        -ms-transform: translateY(-50%) rotate(45deg);

        transform: translateY(-50%) rotate(45deg)

    }



    .navbar-toggler:not(.collapsed) .line:nth-of-type(4) {

        left: 63%;

        right: 37%;

        width: 0

    }



    .mobile-menu__box {

        width: 270px;

        background: #fff;

        position: fixed;

        top: 0;

        right: 0;

        bottom: 0;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-transform: translateX(100%);

        -ms-transform: translateX(100%);

        transform: translateX(100%);

        -webkit-transition: all ease 0.4s;

        -o-transition: all ease 0.4s;

        transition: all ease 0.4s;

        z-index: 999

    }



    .mobile-menu__overlay {

        position: fixed;

        z-index: 998;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: rgba(0, 0, 0, .7);

        visibility: hidden;

        opacity: 0;

        -webkit-transition: all ease 0.4s;

        -o-transition: all ease 0.4s;

        transition: all ease 0.4s

    }



    .mobile-menu__inner {

        overflow: auto;

        position: relative

    }



    .mobile-menu__inner .logo {

        display: block;

        text-align: center;

        padding: 25px 10px;

        margin: auto;

        max-width: 70%

    }



    .mobile-menu__inner .logo img {

        max-height: 120px

    }



    .p-100 {

        padding: 60px 0

    }



    .p-tb-80 {

        padding: 50px 0

    }



    .slider-home__list-item .wrap-img {

        height: 70vh

    }



    .section-overview .wrap-content {

        width: 100%

    }



    .section-overview .wrap-img {

        width: 100%

    }



    .section-overview .content .list-info .item .wrap-icon {

        margin: auto;

        margin-bottom: 20px

    }



    .section-overview .content .list-info .item {

        text-align: center

    }



    .section-overview .content {

        text-align: center;

        padding: 0

    }



    .section-overview .wrap-img .inner {

        margin-right: unset

    }



    .location__right {

        width: 100%;

        padding: 50px

    }



    .location__right .title {

        text-align: center

    }



    .location__left {

        width: 100%

    }



    .location__inner {

        flex-direction: column-reverse

    }



    .location__right .content ul {

        margin-right: 0

    }



    .overview-cdt__left {

        width: 100%;

        padding-right: unset;

        margin-bottom: 30px

    }



    .overview-cdt__right {

        width: 100%

    }



    .flat-subdivision__left .list-tab__item {

        display: inline-block

    }



    .flat-subdivision__left {

        width: 100%

    }



    .flat-subdivision__right {

        width: 100%;

        padding-left: unset

    }



    .flat-subdivision__inner {

        flex-wrap: wrap

    }



    .images__list-item {

        width: 50%

    }



    .footer__list {

        flex-wrap: wrap

    }



    .footer__list-item {

        width: 100%

    }



    .footer__list-item:nth-child(2) {

        padding-left: unset

    }



    .policy__left {

        width: 100%

    }



    .policy__right {

        width: 100%;

        padding-left: unset;

        margin-top: 50px

    }



    .policy__inner .title {

        text-align: center

    }

}



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

    .container {

        max-width: 100%

    }



    .title {

        font-size: 24px;

        margin-bottom: 20px

    }



    .navbar-toggler {

        right: 15px

    }



    .section-master-plan .list-master-plan .item {

        width: 50%

    }



    .images__list-item {

        width: 50%

    }



    .location__right {

        padding: 50px 15px

    }



    .location__right .content ul li {

        width: 100%

    }



    .featured .content {

        padding: 100px 15px

    }



    .featured .content .inner {

        margin: auto

    }



    .project-overview-img .item {

        padding: 6px

    }



    .project-overview-img .list-item {

        margin: -6px

    }



    .images__list-item {

        padding: 6px

    }



    .images__list {

        margin: -6px

    }



    .library__list-item {

        padding: 6px

    }

}



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

    .section-overview .content .list-info .item {

        width: 50%

    }



    .section-overview .content .list-info {

        justify-content: center

    }

}



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

    .footer__list-item .contact .left {

        width: 100%;

        padding-right: unset

    }



    .footer__list-item .contact .right {

        width: 100%;

        padding-left: unset

    }



    .section-master-plan .list-master-plan .item,

    .images__list-item {

        width: 100%

    }

}