@media screen and (max-width: 600px){
    h1.fade-in-from-top {
        font-size: 32px !important;
    }
    h1{
        font-size: 20px !important;
    }
    .col-sm-12.section-bg-award h1.fade-in-from-top {
        font-size: 23px !important;
    }
    .dropdown-menu.show {
        display: block;
    }
    ul.main-menu-dl {
        gap: 5px;
    }
    nav.navbar-light button.navbar-toggler {
        background-color: #fff;
    }
    
    
    
    /*.main-menu-dl li.nav-item {*/
    /*    border-bottom: 1px solid;*/
    /*}*/
    .lang {
        margin-bottom: 35px;
    }
    .nav-item .nav-search #search-btn {
        color: var(--light-color) !important;
        top:30px;
    }
    .home-img {
        right: 0px;
        top: 50px;
    }
    .home-img:after {
        left: -20px;
        top:-45px;
    }
    .col-sm-12.section-home-ourpro {
        padding: 0;
    }
    .video-img .d-flex {
        width: 200px;
        height: 120px;
    }
    .video-img {
        top: 50%;
        right:43%;
    }
    .section-home-ourpro .col-md-6:first-child {
        margin-bottom: 50px;
    }
    .section-message-our-ceo .col-md-6:last-child {
        margin-top: 115px;
        padding: 0;
    }
    
    .partner-slider .owl-dots {
        left: 0;
    }
    
    
    a.menu-virtual-reality {
        margin: 0 0 5px;
        padding: 0.6rem 1rem !important;
    }
    .col-sm-12.grid-our-project {
        grid-template-columns: repeat(1,1fr);
    }
    .col-sm-12.grid-btn-pro {
        grid-template-columns: repeat(2,1fr);
    }
    .grid-col-news {
        grid-template-columns: repeat(1,1fr);
    }
    
    .main-slider{
        height: 650px;
    }
    .section-award .main-slider{
        height: 600px;
    }
    .section-award .myfade .container {
        padding: 0;
    }
    .main-slider .col-sm-6:last-child {
        height: 280px;
        padding:0;
    }
    .main-slider .col-sm-6:first-child {
        padding: 0;
    }
    .col-sm-12.section-bg-award {
         background-color: var(--light-color); 
    }
    .section-award p.sub_title {
        margin-top: 0;
        margin-bottom : 16px;
    }
    .section-award p.cap_title {
        margin-bottom: 0px;
    }
    p.sub_title {
        margin: 20px 0 5px;
    }
    p.cap_title:before {
        height: 75px;
    }
    #home.hero-slider .owl-dots {
        bottom: 0px;
    }
    
    img.image-clickable-ourpro {
        height: 325px;
    }
    .video-img i.bx.bx-play-circle {
        font-size: 35px;
    }
    .section-home-ourpro .col-md-6:last-child {
        margin-top: 55px;
    }
    a.btn-pro {
        font-size: 12px;
    }
    .section-bg-prime_zone .col-md-6:first-child {
        padding-right: 0;
    }
    .section-bg-prime_zone .container {
        padding: 0;
    }
        
    .follow-us {
        text-align:center;
    }
    .social-icon-footer {
        justify-content: center;
    }
    ul.submenu-footer {
        display: block;
        text-align: center;
    }
    .dl.sm-text-center {
        text-align: center !important;
    }
    .right-menu-footer .des-footer {
        text-align: center;
    }
    .home-img.section-culture:after {
        left: -20px;
    }
    .home-img.section-culture {
        right: 0px;
        margin-bottom: 100px
    }
    .modal-content  span.btn-close {
        right: 0px;
    }
    .grid-layout {
        grid-template-columns: repeat(1,1fr);
    }
    .col-sm-12.section-culture-mission {
        padding: 0;
    }
    .mission-our p {
        font-size: 14px;
        text-align: justify;
    }
    .mission-our {
        padding: 20px 25px 20px;
        bottom: -18px;
        height: 100%;
    }
    .section-bg-culture .col-sm-12 {
        padding: 0;
    }
    .cultureMission {
        height: 150px;
        margin-top: 25px;
    }
    .our-listing .col-md-6:first-child {
        padding-right: 0;
        margin-bottom: 25px;
    }
    .our-listing .col-md-6:last-child {
        padding-left: 0;
    }
    .our-over-view .col-sm-4 img {
        width: 150px;
    }
    
    .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;
    }
    .our-over-view img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
    
    
    
    .our-over-view .col-sm-4 {
        text-align:center;
    }
    .section-img-ceo img {
        height: 250px;
        object-fit: cover;
    }
    .our-over-view .col-sm-8 {
        padding: 0;
        margin-top: 50px;
    }
    .col-sm-12.section-message-our-ceo{
        padding: 0;
    }
    .home-img.ceo-message {
        right: -10px;
    }
    .villa-phase-project .col-md-6:first-child {
        padding-right: 0;
    }
    
    .property-type .col-md-6:first-child {
        padding-right: 0;
    }
    
    
    .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-events {
        grid-template-columns: repeat(1,1fr);
    }
    .grid-layout-form {
        grid-template-columns: repeat(1,1fr);
    }
    .blog-content-details .col-sm-3 {
        padding: 0;
    }
    h4.post-title {
        font-size: 20px;
    }
    .section-bg-prime_zone .col-md-6:last-child {
        padding: 0;
    }
    .section-bg-prime_zone .col-sm-4 {
        padding: 0;
    }
    
    ul.items-tab-primezone {
        display: flex;
        gap: 15px;
    }
    
    .section-bg-prime_zone .list-unstyled img.image-clickable {
        height: 125px;
    }
    .modal-body img#modal-image {
        height: 325px !important;
    }
    .close-btn span {
        top: 5px;
    }
    .tab-primezone.modal-content {
        width: 100% !important;
        transform: translateY(10%);
        padding: 0;
    }
    div.dropdown-menu {
        background: transparent !important;
    }
    .dropdown-menu a.dropdown-item {
        color: #fff;
    }
    .lang .dropdown-menu.show {
        background-color: white !important;
    }
    .des-post-img img {
        height: 330px;
    }
    .cover-page-section h3 {
        font-size: 20px;
    }
    h1.dragon-land-investment {
        font-size: 18px !important;
    }
    h1.share-holder {
        font-size: 18px !important;
    }
    .investment {
        gap: 10px;
    }
    .investment h5 {
        font-size: 18px;
    }
    .grid-share-holder {
        grid-template-columns: repeat(2,1fr);
    }
    .villa-image img {
        height: 285px;
    }
    .property-type .col-md-6:last-child {
        padding-left: 0;
    }
    .nav-tabs li {
        width: unset;
        /*width: calc(90vw / 2);*/
    }
    .detail-property-type ul.nav.nav-tabs {
        flex-wrap: unset;
        overflow-x: auto;
        width: 100%;
        overflow-y: visible;
        display: -webkit-inline-box;
    }
    .nav-tabs li a {
        margin-right: 65px;
    }
    .modal-dialog-centered {
        min-height: calc(100% - 1rem) !important;
    }
    .grid-feature {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .facilities-img img {
        height: 260px;
    }
    .modal-content .modal-body img {  
        height: 235px;
    }
    .close span {
        top: 5px;
        right: -5px;
    }
    .interior {
        height: 220px;
    }
    .floorplan {
        height: 220px;
    }
    .locationMap {
        height: 220px;
    }   
    .img-property img {
        height: 210px;
    }
    .col-career-items {
        display: block;
    }
    h3.career-title-details {
        font-size: 20px;
    }
    .duti ul li {
        margin-left: 20px;
    }
    .our-listing h1 {
        font-size: 20px !important;
    }
    .search_form_holder #searchInput {
        max-width: 75%;
    }
    .search h2 {
        font-size: 20px;
    }
    
}
@media only screen and (max-width: 361px){
    
    .video-img {
        right: 38%;
    }
    .section-bg-prime_zone .list-unstyled img.image-clickable {
        height: 100px;
    }
    .section-culture .video-img {
        right: 38%;
    }
    .search_form_holder #searchInput {
        max-width: 70%;
    }
    
    
}

@media screen and (min-width: 370px) and (max-width: 376px){
    .search_form_holder #searchInput {
        max-width: 72%;
    }
}




@media  screen and (min-width: 400px) and (max-width: 420px){
    .section-culture .video-img {
        right: 47%;
    }
    .video-img {
        right: 47%;
    }
    
}
@media screen and (min-width: 425px) and (max-width: 431px){
    .video-img {
        right: 50%;
    }
}