@media screen and (min-width: 320px) and (max-width: 480px) {
  
    .navbar-toggler:focus{
        box-shadow: none;
    }
    .dropdown-menu{
        width: 50%;
    }
    .contactbtn{
        margin-top: 20px;
        width: 50%;
    }
    /* HOME PAGE */
    .container {
        max-width: 95%;
    }
    .banner-section .banner-title{
        font-size: 16px;
        margin-bottom:2rem !important;
        word-wrap:break-word;
    }
    .banner-section .items {
        padding: 20px 20px;
    }
  
    .award-video{
        height:189px;
    }

    .about-us-section{
        margin-top: 1rem !important;
    }
    
     #count_num1, #count_num2, #count_num3, #count_num4, #count_num5{
        font-size: 28px;

    }
    #InventorySold, #professional, #million, #projects, #pipeline{
        padding: 40px 20px 15px 20px;
        height:100%;
    }

 
    .client-section .client-counter{
        left:40px
    }
    .client-section .client-counter .counter-box{
        width: 300px;
        height: 150px;
    }
    .client-section .client-counter .counter-box .client-text{
        font-size: 16px;
    }
    #counter1, .number {
        font-size: 40px;
    }
     #myModal .modal-dialog{
        top: 15%;
        max-width: 100%;
    }

.wdth{
    width:100%;
    text-align:justify;
}

.turnblue{
    text-align:center;
}

    /* ABOUT US PAGE */
    .about-banner-section .about-banner .about-item {
        padding: 20px 20px;
    }
    
    .about-banner-section .about-banner-description{
        text-align:justify;
    }

    /* SEGMENT PAGE */
    .segment-banner-section .segment-banner .segment-item{
        padding: 20px 20px;
    }

    /* LEADERSHIP US PAGE */
    .leadership-banner-section .leadership-banner .leadership-item{
        padding: 20px 20px;
    }

    /* SERVICES US PAGE */
    .service-banner-section .service-banner .service-item {
        padding: 20px 20px;
    }
    .services-main-section .services-main-title h5{
        font-size: 30px;
    }

     /* SERVICES DETAIL PAGE */
    .service-detail-page .service-banner .service-item {
        padding: 20px 20px;
    }
    .service-detail-page .ourprocess-section .services-box {
        padding: 80px 0px 30px 0px;
    }
    .service-detail-page .other-services-section button{
        padding: 15px 14px;
        font-size: 13px;
    }


    /* PROPSHOP PAGE */
    .propshop-banner-section .propshop-banner .propshop-item {
        padding: 20px 20px;
    }

    /* JEVERSE PAGE */
    .jeverse-detail-page .jeverse-banner .jeverse-item {
        padding: 20px 20px;
    }
    .jeverse-detail-page .ourprocess-section .jeverses-box {
        padding: 50px 0px 10px 0px;
        
    }

    /* CAREER PAGE */
    .all-project-section .all-project .nav-pills .nav-link{
        padding: 10px 20px;
        margin: 0 2px;
        font-size: 12px !important;
    }
    .all-project-section .nav-pills{
        justify-content: flex-start !important;
        margin-bottom: 2rem !important;
    }
    .job-positions h5{
        margin-top:0rem !important;
    }
    /* .career-content .career{
        padding: 0 10px;
    } */
     .office-address .enquiry{
        padding-left: 15px !important;
     }
   
     .office-address .row{
      display: flex;
     }

    /* PROJECT PAGE */
    .all-project-section .all-project .tab-content .projects .containers .column {
        flex: 1 1 100%;
    }

    #all-projects .all-project .nav-pills .nav-link {
        padding: 10px 27px;  
    }

    /* PROJECT INNER PAGE */
    .project-inner-page .project-info{
        margin-left: 0;
    }
    /* .all-project-inner-section .single-project-details {
        padding: 20px 0;
    } */

    /* PROJECT DETAILS PAGE */
   .project-details .container{
    max-width: 95%;
   }
   
    .project-details-page .related-reports {
        padding: 20px 0px 0PX 0;
    }
    .project-details-page .project-details {
        padding: 50px 0px 20px 0;      
    }
    .related-reports-head{
        padding-bottom: 1rem !important;
    }


    /* PROJECT DETAILS PAGE */
    .project-details-page .project-info{
        margin-left: 0px;
    }

    /* AWARD PAGE */
    .award-detail-page .award-banner .award-item{
        padding: 20px 20px;
    }
    #award-slider .owl-nav{
        display:none;
    }

    /* SEGMENT PAGE */
    .residential{
        flex-direction: column-reverse;
    }
    .coliving{
        flex-direction: column-reverse;
    }
    .home{
        flex-direction: column-reverse;
    }
    .residential-block{
        padding-right: 0 !important;
    }

    .segments-section .segments .segments-btn{
        width: 100%;
    }
    .segments-section .segments .segments-btns{
        width: 100%;
        margin-left: 0 !important;
    }
    .segments-section .segments-title{
        margin-top: 25px;
    }
    .commercial-block{
        padding-left: 0 !important;
    }
    .commercial-section, .strate-section{
        padding: 0rem !important;
    }
    .strata-block{
        padding-left: 0 !important;
    }

    /* CAREEER PAGE */
    .project-banner-section .project-banner .project-item{
        padding: 20px 20px;
    }
    .list-group .btn{
        padding: 10px 15px;
        margin: 0;
        margin-bottom: 25px
    }
    .portfolio-details .detail{
        flex-direction: column;
    }
    .portfolio-details .detail p{
        margin-bottom: 12px !important;
    }
    .all-project-section .modal-dialog {
        max-width: 100%;
    }
    .office-addresss{
        margin-top: 25px;
    }
  
    /* FOOTER */
    .footer-logo p{
        margin-top: 0;
    }
    .footer-content h3{
        margin-bottom: 8px;
    }
    .footer-content p{
        margin-bottom: 0;
    }
    .footer-content{
        margin-bottom: 18px;
    }
    .footer-content .footer-contents{
        justify-content: flex-start !important;
    }
   
.latestVideo-title h5::after{
    left:33%;
}


.vismis_box{
    height:100%;
}

.vismis_box::after {
    content: '';
    position: absolute;
    top: 40px;
    right: 5px;
    height: 170px;
    bottom: 5px;
    left: 5px;
    border-bottom: 2px solid #0f3882;
    border-right:none;
}

    
}

@media screen and (min-width: 480px) and (max-width: 768px) {

   
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   
    .dropdown-menu{
        width: 50%;
    }
    .dropdown-menu1{
        width: 100%;
    }
    .contactbtn{
        margin-top: 15px;
        width: 25%;
    }
    /* HOME PAGE */
    .banner-section .owl-nav, .owl-dots{
        display: none;
    }
    .banner-section .banner-title{ 
        margin-bottom: 1rem !important;
    }
    #professional, #million, #projects{
        padding: 35px 20px 16px 20px;
    }
    #count_num2, #count_num3, #count_num4{
        font-size: 34px;
    }
    .client-section .client-counter{
        left: 30%;
    }

    /* ABOUT PAGE */
    .about-details .about-description P{
        text-align: justify;
    }

      /* AWARD PAGE */
    .award-section .p1{
        height: 423px ;
    }
    .award-section .p2{
        height: 377px;
    }

    /* CAREER PAGE */
    .office-addresss{
        margin-top: 5%;
    }

     /* NEWS AND MEDIA PAGE */
    .trending-latest-news .news-info {
        padding: 65px 20px 50px 20px;
    }


    /* SEGMENT PAGE */
    .segments-section .segments-description{
        text-align: justify;
    }
    .all-project-section .modal-dialog {
        max-width: 90%;
        top: 20%;
    }
    .segments-section .segments .segments-btn{
        width: 100%;
    }
    .segments-section .segments .segments-btns {
        width: 100%;
        margin-left: 0 !important;
    }

    /* PROJECT PAGE */
    .all-project-section .all-project .tab-content .projects .containers .column {
        flex: 1 1 25%;
    }

    /* FOOTER */
    .footer-logo p{
        margin-top: 0;
    }
    .footer-content .footer-contents{
        justify-content: flex-start !important;
    }
  
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    /* HOME PAGE */
    /* .banner-section .owl-nav, .owl-dots{
        display: none;
    }
    .banner-section .banner-title{ 
        margin-bottom: 1rem !important;
    } */
    #professional, #million, #projects{
        padding: 47px 20px 41px 20px;
    }
    
   
}



@media screen and (min-width: 1280px){
    .image-containers {
    position: relative;
    margin: 0 auto;
}

.image-containers img {
    width: 100%;
    height: auto;
    display: block;
    /*border-radius: 5px;*/
}


.image-containers::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid white;
    pointer-events: none;
}

.image-containers:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -1px;
    width: 40px;
    height: 75px;
    background-color: white;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    transform: translateY(-50%);
    pointer-events: none;
}


}










@media screen and (min-width: 1441px) and (max-width: 1685px) {
    #professional, #million, #projects {
        background-color: #0F3882;
        padding: 65px 20px 38px 20px;
    }
    #count_num2, #count_num3, #count_num4 {
        font-size: 65px;
    }
}

@media screen and (min-width: 1920px) and (max-width: 2400px) {
    #professional, #million, #projects{
        padding: 110px 20px 45px 20px;
    }
    #count_num2, #count_num3, #count_num4{
        font-size: 75px;
    }
    #slider .owl-nav .owl-next{
        top: 42%;
    }
    #slider .owl-nav .owl-prev{
        top: 42%;
    }
}
@media screen and (min-width: 5120px){
    #professional, #million, #projects{
        padding: 195px 20px 45px 20px;
    }
    #count_num2, #count_num3, #count_num4{
        font-size: 135px;
    }
    body{
        width: 80%;
        margin: auto;
    }
}