@media screen and (min-width: 699px) and (max-width: 990px){
    h1{
        font-size: 1.6rem !important;
    }
    div.container{
        max-width: 720px !important;
    }
    div#home, .myfade {
        background-color: #F2F6F7;
    }
    .section-home-ourpro .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    nav.navbar-light button.navbar-toggler {
        background-color: #fff;
    }
    .home-img:after {
        left: -20px;
        top: -45px;
    }
    .home-img {
        right: 10px;
        bottom: -45px;
    }
    .video-img{
        top:40%;
        right:55%;
    }
    .section-home-ourpro .col-md-6:first-child {
        margin-bottom: 100px;
    }
    h1.fade-in-from-top {
        font-size: 2rem !important;
    }
    p.cap_title:before {
        height: 70px;
    }
    h1.fade-in-from-top {
        font-size: 1.9rem !important;
    }
    .section-bg-prime_zone  .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    /*li.nav-item.dropdown:hover .dropdown-menu {*/
    /*    display: block;*/
    /*    margin-top: 0;*/
    /*}*/
    .dropdown-menu.show {
        display: block;
    }
    div.dropdown-menu {
        background: transparent !important;
    }
    .dropdown-menu a.dropdown-item {
        color: #fff;
    }
    .lang .dropdown-menu.show {
        background-color: white !important;
    }
    .nav-item .nav-search #search-btn {
        top: 30px;
    }
    .grid-layout-form {
        grid-template-columns: repeat(1,1fr);
    }
    .condo-phase-project .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .condo-image img {
        height: 400px;
    }
    .villa-phase-project .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .villa-image img {
        height: 500px;
    }
    .condo-of-property-type .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .nav-tabs li {
        width: calc(100vw / 5);
    }
    .tab-content div#home, .myfade {
        background-color: unset;
    }
    
    .modal-dialog.modal-dialog-centered {
        max-width: 100%;
    }
    
    .modal-body img#modal-image {
        height: auto !important;
    }
    ul.submenu-footer {
        display: block;
        text-align:center;
    }
    .section-culture-mission .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .modal-content iframe#player-1 {
        width: 575px;
    }
    .modal-content span.btn-close {
        right: -25px;
    }
    .blog-content-details .col-sm-9 {
        max-width: 100%; 
        flex: 0 0 100%;
    }
    .blog-content-details .col-sm-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .section-culture .video-img {
        top: 35%;
        right: 54%;;
    }
    .home-img.section-culture {
        margin-bottom: 70px; 
    }
    .culture-slider {
        margin-top: 30px; 
    }
    .our-listing .col-md-6:first-child {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom : 20px;
        padding-right : 0;
    }
    .our-listing .col-md-6:last-child {
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 0;
    }
    
    .our-over-view .col-md-6:first-child {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
        margin-bottom : 50px;
    }
    .our-over-view .col-md-6:last-child {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }
    .section-img-ceo img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
    
    
    .our-over-view .col-sm-4 {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
    }
    .our-over-view .col-sm-8 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-top:20px;
        padding:0;
    }
    .col-sm-12.section-message-our-ceo {
        padding: 0;
    }
    .section-message-our-ceo .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .section-message-our-ceo .col-md-6:last-child{
        margin-top: 80px;
        padding: 0;
    }
    .home-img.ceo-message {
        right: -10px;
    }
    .our-over-view .col-sm-4 img {
        width: 150px;
    }
    .main-slider {
        height: 400px;
    }
    h1.dragon-land-investment {
        font-size: 20px !important;
    }
    h1.share-holder {
        font-size: 20px !important;
    }
    .investment {
        padding: 20px 40px;
    }
    .grid-share-holder {
        grid-template-columns: repeat(2,1fr);
    }
    .close span {
        right: 5px;
    }
    .property-type .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }
    .villa-phase-project .col-md-6:first-child {
        padding-right: 0;
    }
    .locationMap {
        height: 355px;
    }
    .condo-phase-project .col-md-6:first-child {
        padding-right: 0;
    }
    .condo-of-property-type .col-md-6:first-child {
        padding-right: 0;
    }
    .condo-of-property-type .col-md-6:last-child {
        padding-left: 0;
    }
    .grid-col-news {
        grid-template-columns: repeat(2,1fr);
    }
    .grid-col-events {
        grid-template-columns: repeat(2,1fr);
    }
    .testimonail-video-section {
        grid-template-columns: repeat(2, 1fr);
    }
    h1.privacy-statement {
        font-size: 22px !important;
    }
    h1.disclaimer {
        font-size: 22px !important;
    }
    .search_form_holder #searchInput {
        max-width: 70%;
    }
    #load .col-career-items {
        display: block; 
    }
    .modal-content .modal-body img {
        width:700px;
        height: 430px;
    }
    
    .villa-phase-project .col-md-6:last-child {
        padding-left: 0;
    }
            
    
    
    
    
    
    
    
    

}

@media screen and (min-width: 823px) and (max-width: 990px){
    .nav-tabs li {
        width: calc(100vw / 6);
    }
}