@media(max-width:1444px) {
    .main-logo {
        width: 135px;
        bottom: -29px;
    }

    .fullmenu {
        height: 150px;
        width: 130px;
        font-size: 5.0rem;
    }

    .fullmenu > a img {
        padding-top: 9px;
    }

    .fullmenu > a {
        font-size: 5.0rem;
    }

    .site-header {
        top: 52px;
        width: calc(100% - 52px);
    }

    .fullmenu .menu-icon {
        top: 107px;
        right: 45px;
    }

    .menu li ul {
        padding: 0 0 10px;
    }

    .enumenu_ul > li {
        padding: 16.4px 8px;
    }

    /* .background-image { padding-bottom: 200px; }*/
    .bnr-bottom-container ul {
        padding: 7px 20px;
    }

    .bnr-arrow {
        bottom: 100px;
    }

    .fullmenu .enumenu_ul li:first-child a {
        padding-top: 0;
    }

    .banner-slider:after {
        border: 52px solid rgba(255, 255, 255, 0.76);
    }

    .welcome-sec {
        padding: 52px;
    }

    .welcome-content-dtl {
        padding: 45px 0;
    }

    .form-sec {
        padding: 45px 0;
    }

    .footer-main .social-icon:before {
        left: 50%;
    }

    .footer-main .social-icon:before {
        height: 180px;
        top: -125px;
    }

    .form-detail {
        padding: 52px;
        padding-top: 0;
    }

    .bnr-arrow img {
        padding-top: 5px;
    }

    .footer-main {
        padding: 52px 0 250px;
    }

    .bnr-bottom-container ul:after {
        top: 10px;
    }
}

@media (max-width:1366px) {
    .banner h1 {
        font-size: 4.8rem;
    }
}

@media (max-width:1200px) {
    .enumenu_ul > li {
        padding: 20px 9px;
    }

    .enumenu_ul li a {
        font-size: 1.2rem;
    }

    .enumenu_ul > li a span.right-arrow {
        top: 5px;
    }

    .main-logo {
        bottom: -20px;
    }

    .menu-open .enumenu_ul > li a span.right-arrow {
        top: 0;
    }
    .timeline-line:before { height: 6.5%; }
    .timeline-line:after { height: 8.8%; }
}

@media (max-width:1024px) {
    .main-logo {
        width: 110px;
        bottom: -57px;
    }

    .bnr-bottom-container {
        display: none;
    }

    .fullmenu {
        opacity: 1;
        visibility: visible;
        width: 130px;
        text-align: left;
    }

    .fullmenu > a {
        text-align: left;
        font-size: 4.0rem;
        padding-left: 8px;
                padding-right: 8px;
    }

    .fullmenu .menu-icon {
        top: 120px;
        right: 48px;
    }

    .menu-open .menu li ul {
        top: 0;
        height: auto !important;
    }

    .enumenu_ul .social-icon li:last-child a {
        font-size: 3.6rem;
    }

    .menu-sub .col-md-4 {
        display: block;
    }

    .phone-icon {
        display: inline-block;
        font-size: 2.0rem;
        text-align: center;
        height: 32px;
        width: 32px;
        background: #d0b786;
        border-radius: 50%;
        line-height: 32px;
        color: #fff;
        position: absolute;
        right: 65px;
    }

    .phone-icon:hover {
        background: #185633;
        color: #fff;
    }

    .main-navigation ul {
        display: none;
    }

    .enumenu_ul {
        display: none !important;
    }

    .menu-block {
        height: auto
    }

    .menu-icon {
        display: none;
        font-size: 0;
        width: 45px;
        height: 30px;
        position: absolute;
        right: 11px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        z-index: 999
    }

    .enumenu_ul > li {
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        display: block
    }

    .enumenu_ul {
        width: 100%;
        position: absolute;
        left: 0;
        top: 60px;
        width: 100%;
        height: 100%;
        z-index: 99;
        padding: 0;
        overflow: auto;
        height: calc(100vh - 70px);
        padding: 100px 0 40px;
        background: url(../images/banner-bg.jpg);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .enumenu_ul li ul {
        width: 100%;
        text-align: center;
        position: relative;
        background: transparent;
    }

    .enumenu_ul li a {
        padding: 0 10px;
        text-shadow: none;
        font-size: 1.4rem;
        display: inline-block;
        letter-spacing: 1px;
        line-height: 1.4;
        text-align: center;
        margin-top: 0;
    }

    .enumenu_ul > li {
        padding: 0;
        border-right: 0;
        display: block;
        margin-bottom: 15px;
    }

    .header-main {
        position: relative;
        padding: 10px 0
    }

    .enumenu_ul li ul li {
        margin-bottom: 10px;
    }

    .enumenu_ul li ul li:last-child {
        margin-bottom: 0;
    }
    .enumenu_ul .social-icon li:last-child { margin-bottom: 10px; }

    .enumenu_ul.desk li .sub-menu li {
        width: 100%;
        display: block
    }

    .enumenu_ul > li:last-child ul li ul,
    .enumenu_ul > li:nth-last-of-type(2) ul li ul {
        left: auto;
        right: auto
    }

    .enumenu_ul li ul li ul {
        left: auto
    }

    .enumenu_ul li ul li ul li a {
        font-size: 14px
    }

    .enumenu_ul > li > a.menubelow:after {
        display: none
    }

    .sb-menu .has-children:after {
        display: none
    }

    .header-logo {
        width: 170px;
        position: relative;
        z-index: 999
    }

    .nav-top ul {
        display: none
    }

    .enumenu_ul .arrow {
        width: 30px;
        height: 30px;
        background: url(../images/down-arrow.svg) no-repeat center center;
        cursor: pointer;
        background-size: 13px;
        float: right;
        position: absolute;
        left: calc(50% + 60px);
        top: -2px;
        z-index: 11;
    }

    .twenty {
        width: 100% !important;
        text-align: center !important;
    }

    .site-nav .enumenu_ul ul li ul:before {
        display: none;
    }

    .enumenu_ul .arrow.up {
        transform: rotate(180deg);
    }

    .enumenu_ul li ul {
        position: static;
        padding: 10px 0 0 0;
        text-align: center;
        box-shadow: none;
        float: none;
        top: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: none;
    }

    .enumenu_ul li ul li a {
        padding: 0;
    }

    .enumenu_ul .menu-sub ul {
        width: 100%;
        text-align: center;
    }

    .enumenu_ul > li.mobile {
        display: block;
    }

    .enumenu_ul li a:hover {
        color: #d0b786;
    }

    .enumenu_ul > li.mobile .btn-free {
        background: #fff;
        color: #185633;
        padding: 10px;
    }

    .enumenu_ul > li.mobile .btn-free:hover {
        color: #fff;
        background: #d0b786;
    }

    .enumenu_ul > li.mobile .social-icon {
        display: flex;
        padding-top: 0;
    }

    .enumenu_ul > li.mobile .social-icon li a {
        display: inline-block !important;
    }

    .enumenu_ul > li.mobile .social-icon li {
        width: auto;
        margin-right: 10px;
    }

    .enumenu_ul > li.mobile .social-icon li a {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #fff;
        color: #185633;
        line-height: 30px;
    }

    .enumenu_ul > li.mobile .social-icon li a:hover {
        /*color: #fff;*/
        background: #d0b786;
    }

    .enumenu_ul li ul.mobile-navigation {
        display: flex;
        justify-content: center;
        border-top: 2px solid rgba(255, 255, 255, 0.4);
        margin-top: 10px;
    }

    .enumenu_ul li ul.mobile-navigation li {
        width: 25%;
        text-align: center;
        padding: 15px 10px;
        border-right: 1px solid rgba(255, 255, 255, 0.4);
    }

    .enumenu_ul li ul.mobile-navigation li:last-child {
        border-right: none;
    }

    .enumenu_ul li.mobile > a span {
        color: #d0b786;
        font-weight: 700;
    }

    .enumenu_ul > li a span.right-arrow {
        display: none;
    }

    .menu-sub .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .menu-sub {
        position: relative;
        padding: 0 !important;
        background: transparent;
        height: auto !important;
    }

    .hidden-xs.megamenu-img {
        display: none !important;
    }

    .header-top {
        display: none;
    }

    .header-button {
        display: none;
    }

    .menu-open footer .social-icon {
        display: none;
    }
}

@media (max-width:991px) {
    h1 {
        font-size: 3.8rem;
    }

    h2 {
        font-size: 3.2rem;
    }

    h3 {
        font-size: 2.8rem;
    }

    p {
        font-size: 1.8rem;
    }

    .banner h1 {
        font-size: 4.0rem;
    }

    .main-logo {
        width: 90px;
        bottom: -37px;
    }

    .bnr-arrow {
        bottom: 68px;
    }

    .banner-slider:after {
        border: 20px solid rgba(255, 255, 255, 0.76);
    }

    .th-logo {
        font-size: 20vh;
    }

    .welcome-sec {
        padding: 20px;
    }

    .banner:after {
        border: 20px solid rgba(255, 255, 255, 0.76);
    }

    .form-detail {
        padding: 20px;
        padding-top: 0;
    }

    .footer-main {
        padding-bottom: 200px;
        padding-top: 24px;
    }

    .social-icon:before {
        top: -105px;
        height: 160px;
    }

    .footer-main .col-lg-6 {
        order: -1;
    }

    .footer-main .adresss-num {
        margin: 15px auto 15px;
    }

    .footer-logo {
        padding-bottom: 20px;
    }
}

@media (max-width:767px) {
    .banner h1 {
        font-size: 3rem;
    }

    h1 {
        font-size: 3.2rem;
    }

    h2 {
        font-size: 2.6rem;
    }

    h3 {
        font-size: 2.2rem;
    }

    h4 {
        font-size: 1.8rem;
    }

    p {
        font-size: 1.6rem;
        line-height: 1.4;
    }

    .btn {
        font-size: 1.6rem;
        padding: 14px 20px;
        min-width: 170px;
    }

    .main-logo {
        width: 100px;
        top: 0;
        bottom: auto;
        padding: 5px;
        position: fixed;
    }

    .fullmenu > a.phone-num {
        text-align: left;
        font-size: 3.2rem;
        padding-left: 10px;
        margin-top: 7px;
        color: #fff;
        position: absolute;
        right: 60px;
        top: auto;
        width: auto !important;
    }

    .menu-icon .menu-box span {
        margin-bottom: 7px;
    }

    .menu-icon.active span:nth-child(1) {
        transform: rotate(45deg) translateY(10px) translateX(6px);
        -webkit-transform: rotate(45deg) translateY(10px) translateX(6px);
    }

    .menu-open .fullmenu > a.phone-num {
        margin-top: 7px;
    }

    .menu-open .fullmenu .circle-bg {
        background-color: #f3f3f2;
    }

    .sticky .fullmenu {
        width: calc(100% - 228px);
        right: 0;
        top: 0;
        background: #06030c;
        box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
    }

    .sticky .main-logo {
        width: 230px;
        background: #06030c;
        height: 60px;
        overflow: hidden;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        padding: 8px 0 5px;
    }

    .sticky .fullmenu > a.phone-num {
        color: #f7f7f5;
        z-index: 999;
    }

    .sticky .menu-icon .menu-box span {
        background: #f7f7f5;
    }

    .main-logo a {
        position: relative;
    }

    .sticky .main-logo a .mobile-logo {
        display: block;
    }

    .sticky .main-logo a .desktop-logo {
        display: none;
    }

    .banner-details {
        max-width: 359px;
        margin: 0 auto;
    }

    .welcome-content-dtl { padding: 30px 0 10px; }
    .welcome-content-dtl.custome-home { padding: 30px 0 25px; }
    .welcome-content-dtl.bottom-space { padding: 30px 0 22px; }
    .th-logo {font-size: 20vh; }
    .form-sec { padding: 30px 0; }
    .address-block li:after { display: none; }
    .footer-logo { padding-bottom: 0; }
    .social-icon li { margin: 0 20px; }

    .social-icon li a {
        margin: 0;
    }

    .footer-image {
        padding-bottom: 185px;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .footer-main {
        background-image: none;
        padding-bottom: 0;
        margin-bottom: -90px;
    }

    .footer-logo a {
        max-width: 165px;
        margin-right: 4px;
    }

    .fullmenu .enumenu_ul li.mobile {
        display: block;
    }

    .menu-open .enumenu_ul li.mobile a {
        font-family: 'Lora', serif !important;
    }

    .address-block {
        display: block;
        margin: 17px auto 18px;
    }

    .address-block li {
        margin-bottom: 0px;
    }

    .address-block li:last-of-type {
        margin-bottom: 0;
        margin-top: 21px;
    }

    .fullmenu > a img {
        display: none;
    }

    .menu-open .fullmenu > a img {
        padding-top: 4px;
    }

    .menu-open .fullmenu > a img.desktop-only {
        display: none !important;
    }

    .menu-open .fullmenu > a img.mobile-only {
        display: block !important;
        width: 230px !important;
    }

    .fullmenu {
        width: calc(100% - 120px);
        background: rgba(12,3,12,0.85);
        right: 20px;
        top: 20px;
        height: 60px;
    }

    .fullmenu .menu-icon {
        top: 28px;
        right: 12px;
    }
    .fullmenu .menu-icon.active {top: 26px;}

    .menu-open .fullmenu {
        right: 0;
        top: 0px;
    }

    .fullmenu > a.phone-num:after {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .desktop-only {
        display: none !important;
    }

    .menu-open .fullmenu {
        width: 100%;
        z-index: 9;
    }

    .menu-open .fullmenu:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 60px;
        background: #06030c;
        z-index: 9;
    }

    .menu-open .fullmenu > a {
        display: block;
        width: 230px;
        z-index: 99;
    }

    .menu-open .main-logo {
        opacity: 0;
    }

    .phone-num {
        display: block !important;
    }

    .menu-open .menu-icon .menu-box span {
        background: #f7f7f5;
    }

    .menu-open .fullmenu > a {
        color: #f7f7f5;
    }

    .fullmenu > a {
        position: absolute;
        right: auto;
        padding: 0;
        top: 0px;
        margin: 0;
        padding: 3px 0 0 0;
    }

    /* .background-image { padding-bottom: 200px; }*/
    .iphone .background-image {
        height: calc(100vh - 114px);
        padding-top: 280px;
    }

    .android .background-image {
        height: calc(100vh - 114px);
        padding-top: 280px;
    }

    .form-sec h4 br {
        display: block;
    }

    .social-icon li a {
        font-size: 2.5rem !important;
    }

    .social-icon li:nth-child(2) a {
        font-size: 2.1rem !important;
    }

    .enumenu_ul .social-icon ul li:nth-child(2) a {
        font-size: 2.3rem !important;
    }

    .social-icon li:last-child a {
        font-size: 3.2rem !important;
    }

    .enumenu_ul .social-icon li:last-child a {
        font-size: 3.2rem !important;
    }

    .background-image:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        border: 20px solid rgba(255, 255, 255, 0.76);
    }

    .banner-slider:after {
        display: none;
    }

    .row.padding-top {
        padding-top: 0;
    }

    .popup-image {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .popup-image b {
        width: 40px;
        height: 40px;
        line-height: 38px;
        margin-top: -33px;
        text-indent: 2px;
        font-size: 2.4rem;
    }

    .popup-image h3 {
        margin: 15px 0;
    }

    .floor-plans-block {
        display: block;
        margin-bottom: 15px;
    }

    .floor-plans-block:last-of-type {
        margin-bottom: 5px;
    }

    .floor-plans-bg {
        width: 100%;
        min-height: auto;
        padding-bottom: 75%;
    }

    .floor-plans-dtl {
        width: 100%;
    }

    .popup-image > a.btn {
        padding: 14px 20px;
        min-width: 170px;
    }

    .banner.interior-page .background-image {
        height: calc(55vh - 0px);
    }

    .row.padding-top .col-lg-6:last-of-type .popup-image {
        margin-bottom: 5px;
    }

    .popup-image.gallery-popup > .gallery-image {
        width: 100%;
        padding-bottom: 65%;
        margin-bottom: 15px;
    }

    .popup-image.gallery-popup {
        margin-bottom: 5px;
    }
    .social-icon li a img { width: 23px; }
    .social-icon ul li .gold-icon { width: 23px; }
    
    .timeline-content h4:first-child { font-size: 2.4rem; line-height: 1; margin-bottom: 16px; }
    .timeline-content h3 { margin-bottom: 16px; }
    .timeline-circle { width: 15px; height: 15px; top: 10%; opacity: 0; }
    .timeline-line { z-index: -1; }
    .timeline-item.active .timeline-circle { transform: translate(-50%, -50%) scale(1.6); }
    .timeline-line, .timeline-line-fill { width: 4px; }
    .timeline-image-bg { min-height: inherit; padding-bottom: 65%; }
    .timeline-item { flex-wrap: wrap; margin: 40px 0;  }
    .timeline-content, .timeline-image { width: 100%; }
    .timeline-image { order: 1; }
    .timeline-content { padding: 20px 20px 4px 20px; margin-bottom: 37px; opacity: 1; }
    .timeline-content p { margin-bottom: 18px; }
    /*.timeline-circle { top: 78.5%; }*/
    .timeline-container { margin: 13px auto 5px; }
    .timeline-container .timeline-item:nth-child(3) .timeline-circle { top: 79%; }
    .timeline-container .timeline-item:nth-child(4) .timeline-circle { top: 67.5%; }
    .timeline-container .timeline-item:nth-child(5) .timeline-circle { top: 64%; }
    .timeline-container .timeline-item:nth-child(6) .timeline-circle { top: 64%; }
    .timeline-container .timeline-item:last-child .timeline-circle { top: 95.5%; }
    .timeline-container .timeline-item:last-child { margin-bottom: 0; }
    .timeline-line:before { height: 6.7%; }
    .timeline-content ul li { font-size: 1.6rem;}
    .our-building-process .welcome-content-dtl .container { padding: 0 20px; }
}

@media (max-width:639px) {
    .social-icon li a {
        font-size: 2.0rem;
    }

    .social-icon li:last-child a {
        font-size: 2.6rem;
    }

    .social-icon li a:after {
        height: 35px;
        width: 35px;
        top: 2px;
    }

    .bnr-arrow:after {
        height: 35px;
        width: 35px;
        line-height: 35px;
    }

    .bnr-arrow img {
        width: 20px;
    }

    .self-content .address-dtl li {
        width: 100%;
        margin-bottom: 20px;
    }

    .self-content .address-dtl {
        margin-top: 25px;
    }

    .floor-plans-dtl .paragraph br {
        display: none;
    }
    .form-sec iframe {
        height: 560px !important;
    }
}

@media (max-width:479px) {
    .banner h1 {
        font-size: 2.6rem;
    }

    h2 {
        font-size: 2.6rem;
    }

    h3 {
        font-size: 2.0rem;
    }

    h4 {
        font-size: 1.8rem;
    }

    .banner-details {
        max-width: 270px;
    }

    .bnr-arrow {
        bottom: 120px;
    }
}

@media (max-width: 360px) {
    .banner-details {
        max-width: 270px;
        margin: 0 auto;
    }
}

@media (max-height:700px) and (min-width:768px) {}