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

    .page-wrapper{
        overflow:hidden;    
    }

    .property-single-page .page-wrapper,
    .community-page .page-wrapper{
        overflow: visible;  
    }
}

 @media only screen and (max-width: 1499px){
    .main-header .auto-container,
    .search-box .auto-container{
        padding: 0 40px;
    }

    .main-footer .upper-section .inner-container{
        padding-left: 400px;
    }

    .properties-section{
        padding-top: 120px;
    }
}

@media only screen and (max-width: 1399px){
    .main-header .auto-container,
    .search-box .auto-container{
        padding: 0 24px;
    }

    .property-details .sidebar-side .inner-box{
        margin-left: 0;
    }

    .inner-banner .content-container{
        height: 600px;
    }

    .cg-details .content-side .content-inner{
        padding-right: 0;
    }

    .com-block .image-box .image{
        height: 300px;
    }

    .team-single .content-col .inner{
        padding-right: 20px;
    }

    .properties-section{
        padding-top: 100px;
    }

    .properties-section .lower-title{
        margin-left: 0;
    }

    .properties-section .lower-title:before,
    .popular-areas .sec-title:before{
        right: 0;
    }

    .property-tabs-box .tab-buttons,
    .popular-areas .owl-theme .owl-nav{
        right: 30px;
    }
    
    .team-single .content-col .inner{
        padding-right: 20px;
    }
    
    .cg-details .content-side .content-inner{
        padding-right: 0;
    }
}

 @media only screen and (max-width: 1299px){
     .main-header .auto-container,
     .search-box .auto-container{
        padding: 0 20px;
    }
    .main-header .links-box{
        margin-left: 50px;
    }

    h1{
        font-size: 60px;
    }

    h2,
    .contact-section .sec-title h2,
    .offplan-details .sec-title h2,
    .register-interest .content h2,
    .offplan-details .payment-plan h2,
    .properties-section.similar-properties .sec-title h2{
        font-size: 48px;
    }

    .offplan-details .upper-box .text-col h3{
        font-size: 40px;
    }

    h3{
        font-size: 30px;
    }

    .about-one .team-block{
        width: 25%;
    }

    .about-one{
        padding-bottom: 90px;
    }

    .auto-container{
        padding: 0 20px;
    }


    .about-one .carousel-box{
        display: block;
    }

    .about-one .team{
        display: none;
    }

    .property-details .sidebar-side .call-box{
        padding: 40px 20px;
    }

    .inner-banner .content-container{
        height: 600px;
    }

    .sell-section .info-col .inner{
        padding-left: 20px;
    }

    .about-two{
        padding: 100px 0 70px;
    }

    .why-us .sec-title{
        margin-bottom: 70px;
    }

    .why-block .inner-box{
        padding-right: 30px;
    }

    .offplan-details .upper-box .info-col .inner{
        padding-left: 30px;
        padding-right: 30px;
    }

    .com-block .image-box .image{
        height: 260px;
    }

    .team-single .content-col .inner{
        padding-right: 0px;
    }

    .main-menu .navigation > li{
        margin-right: 20px;
    }

    h2,
    .facts-section .title-col h2,
    .about-section .lower-title h2{
        font-size: 40px;
    }

    .sec-title h2 span,
    .properties-section .lower-title h2 span,
    .popular-areas .sec-title h2 span,
    .about-section .lower-title h2 span{
        font-size: 80px;
        top: 10px;
    }

    .news-section .news-box,
    .news-section .sec-title{
        margin-left: 0px;
        margin-right: 0px;
    }

    .main-footer .left-info{
        max-width: 250px;
        top: 0;
    }

    .main-footer .upper-section .inner-container{
        padding-left: 300px;
    }

    .ub-section .ub-image.img-1,
    .ub-section .ub-image.img-2{
        height: 200px;
        width: 25%;
    }

    .ub-section .img-3,
    .ub-section .img-2{
        bottom: 0;
    }

    .ub-section .ub-images .img-3{
        height: 260px;
        bottom: 0px;
     }

     .main-menu .navigation > li{
        margin-right: 15px;
     }

     .main-menu .navigation > li > a{
        letter-spacing: 0;
     }

     .main-menu .navigation > li.dropdown > a{
        padding-right: 0;
     }

     .main-menu .navigation > li.dropdown > a:before{
        display: none;
     }

     .contact-section .info-col .inner{
        padding-left: 30px;
     }

     .team-section .team-box .row{
        margin: 0 -10px;
    }

    .team-section .team .team-block{
        padding: 0 10px;
    }

    .about-section .image-col .inner{
        margin-left: 0;
    }

    .facts-section{
        padding-top: 120px;
    }

    .about-section{
        padding-bottom: 90px;
    }

    .facts-section .fact-block .count-box{
        font-size: 60px;
    }

    .facts-section .title-col h2{
        font-size: 36px;
    }

    .offplan-details .upper-box .text-col .inner{
        margin-right: 0;
    }

    .offplan-details .op-ui .info ul li{
        min-width: 180px;
    }

    h1{
        font-size: 54px;
    }
    
    .team-single .content-col .inner{
        padding-right: 0px;
    }
    
     .cg-details .sidebar-side .inner-box{
        margin-left: 0;
    }

    .sidebar-page-container .sidebar-side .sidebar-inner{
        margin-left: 0;
    }
    
    .sidebar-page-container .content-side h2{
        font-size: 36px;
    }
    
    .sidebar-page-container .content-side h3{
        font-size: 30px;
    }
    
    .sidebar-page-container .content-side h4{
        font-size: 22px;
    }
    
    .sidebar-page-container .content-side h5{
        font-size: 20px;
    }


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

    .main-header .header-upper,
    .main-header .main-box{
        min-height: 90px;
    }

    .main-header .main-box .logo-box{
         width: 150px;
         left: 50%;
         transform: none;
         margin-left: -75px;
    }

    .fixed-header .main-box .logo-box{
        padding: 10px 0;
    }

    .main-header .main-box .logo-box .logo img{
        height: 100px;
    }

    .fixed-header .main-box .logo-box .logo img{
        height: 70px;
    }

    .main-header .links-box{
        padding-top: 40px;
    }

    .fixed-header .links-box{
        padding-top: 25px;
    }

    .main-header .search-btn{
        top: 40px;
    }

    .fixed-header .search-btn{
        top: 28px;
    }

     .main-header .nav-box{
         display: none;
    }

     .main-header .navbar-toggler{
         display: block;
         left: 0;
    }

    .fixed-header .navbar-toggler{
        margin-top: -20px;
    }

    .default-search-bar form .row .form-group{
        display: none;
    }

    .default-search-bar form .row .form-group.m-visible{
        display: block;
    }

    .banner-section .content-container,
    .banner-section.alt-banner .content-container{
        position: relative;
        height: auto;
        min-height: 550px;
    }

     .banner-section .content-container .content-box{
        position: relative;
     }

     h1{
        font-size: 50px;
    }

    h2,
    .offplan-details .upper-box .text-col h3,
    .offplan-details .sec-title h2,
    .register-interest .content h2,
    .offplan-details .payment-plan h2,
    .properties-section.similar-properties .sec-title h2,
    .about-section .lower-title h2{
        font-size: 40px;
    }

    h3{
        font-size: 30px;
    }

    .property-details .content-side .upper-box .price{
        font-size: 30px;
    }

    .about-one .team-block{
        width: 33.333%;
    }

    .properties-section{
        padding: 100px 0 60px;
    }

    .list-your .outer-box .text{
        font-size: 16px;
    }

    .list-your .outer-box{
        padding: 120px 0;
    }

    .work-with-us .w-block .text{
        font-size: 20px;
    }

    .main-footer .upper-section .info-col{
        padding-left: 200px;
    }

    .page-info{
        padding-top: 150px;
    }

    .main-header.inner-header{
        height: 150px;
    }

    .styled-pagination li a,
    .styled-pagination li.next a, 
    .styled-pagination li.prev a{
        min-width: 30px;
        line-height: 20px;
        padding: 8px 12px;
        height: auto;
    }

    .styled-pagination li.next{
        margin-left: 4px;
    }

    .styled-pagination li.prev{
        margin-right: 4px;
    }

    .property-details .content-side .specs ul li{
        margin-right: 20px;
    }

    .property-details .content-side .ref-no{
        width: 100%;
        margin-left: 0;
        padding: 0 0 20px;
    }

    .property-details .content-side h2, 
    .property-details .content-side h3, 
    .property-details .content-side h4{
        margin-bottom: 30px;
    }

    .properties-section.similar-properties{
        padding: 80px 0;
    }

    .site-form form .row,
    .list-property-section .f-group .row{
        margin: 0 -10px;
    }

    .site-form form .row .form-group,
    .list-property-section .f-group .fg-col{
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .list-property-section .f-group{
        padding-bottom: 0;
    }

    .sell-section .info-col .inner{
        padding-left: 0;
    }

    .list-property-section .g-title{
        margin-bottom: 25px;
    }

    .about-two .text-col .inner{
        padding-right: 0;
    }

    .why-block .inner-box{
        padding-right: 0;
    }

    .why-block .text{
        font-size: 16px;
    }

    .why-us .sec-title{
        margin-bottom: 50px;
    }

    .our-presence .content .title{
        padding: 0;
        margin-bottom: 50px;
        text-align: center;
        width: 100%;
    }

    .cta-section .outer-box{
        padding: 150px 0;
    }

    .contact-section .info-section .info{
        padding-top: 0;
    }

    .map-section iframe{
        height: 450px;
    }

    .properties-section.offplan{
        padding: 70px 0;
    }

    .offplan-details .upper-box .text-col .inner{
        padding-right: 0;
    }

    .offplan-details .upper-box .p-info{
        position: relative;
        width: 100%;
    }

    .offplan-details .floor-plans .tab-buttons{
        padding-bottom: 0;
    }

    .offplan-details .floor-plans .tabs-content{
        padding: 50px 30px;
    }

    .com-block .image-box .image{
        height: 220px;
    }

    .cg-details .sidebar-side .inner-box{
        margin-left: 0;
    }

    .main-footer .upper-section .inner-container{
        padding-left: 0;
    }

    .main-footer .left-info{
        position: relative;
        top: 0;
        width: 100%;
        max-width: none;
        margin-bottom: 50px;
    }

    .news-section{
        padding-bottom: 40px;
    }

    h2,
    .contact-section h2,
    .facts-section .title-col h2,
    .about-section .lower-title h2{
        font-size: 36px;
    }

    .about-section .lower-title{
        left: 50px;
        bottom: -50px;
    }

    .sec-title h2 span,
    .news-section .sec-title h2 span,
    .properties-section .lower-title h2 span,
    .faqs-section .sec-title h2 span,
    .popular-areas .sec-title h2 span,
    .about-section .lower-title h2 span{
        font-size: 70px;
        top: 10px;
    }

    .get-quote .outer-box{
        padding-left: 20px;
        padding-right: 20px;
    }

    .properties-section .carousel-box{
        padding-left: 0;
        margin-bottom: 100px;
    }

    .properties-section .owl-theme .owl-nav{
        position: absolute;
        left: 50%;
        margin-left: -120px;
        width: 240px;
        text-align: center;
        top: 100%;
        margin-top: 40px;
    }

    .properties-section .owl-theme .owl-nav .owl-next,
    .properties-section .owl-theme .owl-nav .owl-prev{
        position: relative;
        display: inline-block;
        width: 60px;
        height: 60px;
        line-height: 58px;
        margin: 0 10px;
    }

    .get-quote .form-col .inner{
        padding-left: 0;
    }

     .banner-section .content-container .upper-content{
        margin-bottom: 30px;
        text-align: center;
     }

     .ub-section .ub-images .img-1,
     .ub-section .ub-images .img-2{
        height: 150px;
        width: 30%;
     }

     .ub-section .sec-title{
        left: 0;
        margin-left: 0;
     }

     .ub-section .ub-images .img-3{
        height: 280px;
        bottom: 0px;
     }

     .ub-section{
        padding-top: 100px;
     }

     .contact-section .info-col .inner{
        padding-left: 0px;
     }

    .facts-section .title-col .inner{
        padding-top: 0;
    }

    .news-section.alt-padd{
        padding-top: 100px;
    }

    .facts-section{
        padding: 100px 0 50px;
        text-align: center;
    }

    .ub-section .sec-title h2 span{
        top: -20px;
    }

    .mortgages-section{
        padding-top: 250px;
    }

    .mortgages-section .cal-col .inner-box{
        margin-left: 0;
    }

    .offplan-section .properties{
        margin-right: 0;
    }

    .offplan-section .properties:before{
        left: -20px;
        right: -20px;
    }

    .property-block-two .lower-box{
        padding-left: 25px;
    }

    .offplan-section{
        padding-bottom: 80px;
    }

    .offplan-details .upper-box .image-col .inner{
        margin-left: 0;
    }

    .offplan-details .floor-plans .sec-title{
        margin-bottom: 40px;
    }

    .offplan-details .floor-plans .tabs-content{
        padding-top: 20px;
    }

    .register-interest .inner-box{
        padding-left: 30px;
        padding-right: 30px;
    }

    .register-interest{
        padding: 70px 0;
    }

    .offplan-details .payment-plan .inner-box{
        padding: 70px 30px 20px;
    }

    .offplan-details .floor-plans{
        margin-bottom: 50px;
    }

    .offplan-details .upper-box{
        margin-bottom: 30px;
    }

    .offplan-details .offplan-gallery{
        margin-bottom: 40px;
    }

    .offplan-details .op-ui{
        margin-bottom: 50px;
    }

    .page-title{
        padding-top: 240px;
    }
    
    .sidebar-page-container .content-side h2{
        font-size: 32px;
    }
    
    .sidebar-page-container .content-side h3{
        font-size: 28px;
    }

}
 @media only screen and (min-width: 768px){
     .main-menu .navigation > li > ul, 
     .main-menu .navigation > li > ul > li > ul, 
     .main-menu .navigation > li > ul > li > ul > li > ul{
         display:block !important;
         visibility:hidden;
         opacity:0;
    }
}
 @media only screen and (max-width: 991px){

    .main-header .main-box .logo-box{
         padding: 15px 0;
    }
    
    .fixed-header .main-box .logo-box{
        padding: 10px 0;
    }

     h1{
        font-size: 42px;
    }

    h2,
    .cta-section .content h2,
     .contact-section .sec-title h2,
     .offplan-details .sec-title h2,
     .register-interest .content h2,
     .offplan-details .payment-plan h2,
     .properties-section.similar-properties .sec-title h2,
     .offplan-details .upper-box .text-col h3,
     .contact-section h2,
     .facts-section .title-col h2,
     .about-section .lower-title h2{
        font-size: 32px;
    }

    h3{
        font-size: 26px;
    }

    .property-block .pricing{
        font-size: 20px;
    }

    .popular-areas .carousel-box{
        margin: 0 0;
    }

    .popular-areas .carousel-box .owl-theme{
        max-width: none;
        padding: 0 0;
    }

    .popular-areas .owl-theme .owl-nav{
        position: absolute;
        top: 30%;
        left: 0;
        right: 0;
        width: auto;
        bottom: auto;
    }

    .popular-areas .owl-theme .owl-nav .owl-next{
        position: absolute;
        right: -15px;
        width: 60px;
        height: 60px;
        line-height: 58px;
        background: #ffffff;
        border: 1px solid #5de1e6;
        color: #222222;
        margin: 0;
    }

    .popular-areas .owl-theme .owl-nav .owl-prev{
        position: absolute;
        left: -15px;
        width: 60px;
        height: 60px;
        line-height: 58px;
        background: #ffffff;
        border: 1px solid #5de1e6;
        color: #222222;
        margin: 0;
    }

    .popular-areas .owl-theme .owl-nav .owl-prev:hover,
    .popular-areas .owl-theme .owl-nav .owl-next:hover{
        background: #5de1e6;
        border: 1px solid #5de1e6;
        color: #ffffff;
    }

    .popular-areas{
        padding-bottom: 60px;
    }

    .list-your .outer-box{
        padding: 100px 0;
    }

    .work-with-us{
        padding: 100px 0 50px;
    }

    .work-with-us .sec-title{
        margin-bottom: 70px;
    }

    .main-footer .left-info{
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 50px;
        text-align: center;
    }

    .main-footer .upper-section .info-col{
        padding-left: 15px;
    }

    .main-footer .news-form{
        padding: 20px 0 0;
    }

    .main-footer .bottom-info{
        padding-top: 40px;
    }

    .work-with-us{
        padding-bottom: 80px;
    }

    .work-with-us .w-block .image img{
        max-height: 90px;
    }

    .work-with-us .w-block{
        margin-bottom: 0;
    }

    .work-with-us .carousel-box,
    .about-one .carousel-box{
        display: block;
    }

    .work-with-us .w-outer,
    .about-one .team{
        display: none;
    }

    .popular-areas .owl-theme .owl-dots{
         display: block;
    }

    .property-tabs-box .tab-buttons .tab-btn{
        margin-left: 5px;
        margin-right: 5px;
    }

    .properties-section .owl-theme .owl-nav .owl-next{
        margin-left: 5px;
    }

    .main-header .header-upper, .main-header .main-box{
        min-height: 94px;
    }

    .property-details .sidebar-side .sidebar-inner{
        position: relative;
    }

    .search-banner .content-box{
        padding-top: 110px;
        top: 40px;
    }

    .properties-section .top-row .s-tags ul li{
        margin-right: 10px;
    }

    .properties-section.search-page{
        padding: 50px 0 0;
    }

    .properties-section.search-page .property-block{
        margin-bottom: 50px;
    }

    .page-info{
        padding-top: 130px;
    }

    .main-header.inner-header{
        height: 130px;
    }

    .property-details .sidebar-side .sidebar-inner{
        top: 0;
    }

    .property-details{
        padding-bottom: 50px;
    }

    .property-details .location-box .map-box iframe{
        height: 350px;
    }

    .property-details .share-property .share-link{
        float: left;
    }

    .about-two .image-col .image img{
        max-width: 100%;
        width: 100%;
    }

    .about-two{
        padding: 70px 0 40px;
    }

    .why-us .why-block{
        text-align: center;
    }

    .why-us .why-block h4{
        font-size: 24px;
    }

    .why-block .icon-box{
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 42px;
        margin: 0 auto 25px;
    }

    .our-presence{
        padding: 80px 0 40px;
    }

    .our-presence .content .logo-block .image img{
        max-height: 80px;
    }

    .our-presence .content .logo-block{
        width: 280px;
        padding: 20px 30px;
        margin-right: 30px;
        border-radius: 30px;
    }

    .cta-section .outer-box{
        padding: 100px 0;
    }

    .about-one.team-section{
        padding: 70px 0;
    }

    .contact-section{
        padding-bottom: 50px;
    }

    .site-form form .form-group textarea{
        height: 150px;
    }

    .map-section iframe{
        height: 350px;
    }

    .offplan-details .payment-plan .inner-box{
        padding: 70px 20px 40px;
    }

    .register-interest .inner-box{
        padding: 50px 20px 30px;
    }

    .register-interest .text-col .inner{
        padding-top: 0;
    }

    .offplan-details .upper-box .info-col .inner{
        margin-left: 0;
    }

    .com-block .image-box .image{
        height: 270px;
    }

    .cg-details .sidebar-side .sidebar-inner{
        position: relative;
        top: 0;
    }

    h5{
        font-size: 20px;
    }

    .communities-section{
        padding: 70px 0 50px;
    }

    .team-single .content-col{
        order: 12;
    }

    .team-single .image-col{
        order: 0;
    }

    .team-single .content-col .links-box{
        padding-bottom: 0;
    }

    .team-single{
        padding-bottom: 30px;
    }

    .search-box{
        max-width: 740px;
    }

    .property-tabs-box .tab-buttons{
        position: relative;
        top: 0;
        right: 0;
        text-align: center;
    }

    .properties-section .lower-title,
    .popular-areas .sec-title,
    .news-section .sec-title{
        text-align: center;
    }

    .properties-section .lower-title:before,
    .popular-areas .sec-title:before{
        left: -20px;
        right: -20px;
    }

    .properties-section .carousel-box .owl-theme .owl-stage-outer:before,
    .popular-areas .carousel-box .owl-theme .owl-stage-outer:before{
        display: none;
    }

    .get-quote .outer-box{
        margin-left: -20px;
        margin-right: -20px;
    }

    .properties-section .sec-title .text{
        font-size: 18px;
    }

    .popular-areas{
        padding-top: 80px;
    }

    .properties-section{
        padding-top: 150px;
        padding-bottom: 0;
    }

    .main-header .links-box{
         display: none;
    }

     .contact-section .form-col .inner{
        margin-right: 0;
     }

     .contact-section .info-col{
        order: 0;
        margin-bottom: 50px;
     }

     .contact-section .form-col{
        order: 12;
     }

     .contact-section h2{
        margin-bottom: 30px;
     }

     .cta-section .title-col,
     .cta-section .link-col{
        text-align: center;
        width: 100%;
     }

     .cta-section .link-box a{
        font-size: 14px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        padding: 10px 20px;
     }

     .properties-section .properties{
        padding-bottom: 70px;
     }

     .inner-banner .content-container .content-box{
        position: relative;
        padding: 180px 0 200px;;
     }

     .inner-banner .content-container{
        position: relative;
        height: auto;
        min-height: 0;
     }

     .ops-banner .content-container{
        min-height: 100vh;
     }

     .ops-banner .content-container .content-box{
        min-height: 100vh;
     }

     .about-banner .content-container .content-box{
        position: relative;
        padding: 180px 0 80px;;
     }

     .team-section{
        padding-bottom: 40px;
     }

     .about-section{
        padding: 70px 0 70px;
     }

     .about-section .title{
        margin-bottom: 30px;
     }

     .facts-section .fact-block .count-box{
        font-size: 48px;
     }

     .facts-section{
        padding: 80px 0 30px;
     }

     .about-section .text-col p{
        margin-bottom: 20px;
     }

    .mortgages-section{
        padding-top: 200px;
        padding-bottom: 40px;
    }

    .mortgages-section .faq-col .u-text{
        font-size: 16px;
    }

    .offplan-banner .content-container .content-box,
     .offplan-banner .content-container .content-box .content{
        vertical-align: bottom;
     }

     .offplan-banner .content-container .content-box,
     .ops-banner .content-container .content-box{
        padding-bottom: 100px;
     }

     .property-block-two .inner{
        padding-left: 0;
     }

     .property-block-two .image-box,
     .property-block-two .image-box img{
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        min-height: 0;
     }

     .property-block-two .lower-box{
        padding: 20px 0 0;
     }

     .property-block-two{
        margin-bottom: 30px;
     }

     .offplan-details .op-ui h1 br{
        display: none;
     }

     .offplan-details .location-box .inner-box iframe{
        height: 500px;
     }

     .register-interest .text-col .inner{
        max-width: none;
     }

     .register-interest .content .text{
        max-width: none;
     }
     
     .property-details{
         overflow: hidden;
     }
     
     .property-details .sidebar-side .sidebar-inner{
         position: relative;
         top: 0;
     }
     
      .team-single .content-col{
        order: 12;
    }

    .team-single .image-col{
        order: 0;
    }

    .team-single .content-col .links-box{
        padding-bottom: 0;
    }

    .team-single{
        padding-bottom: 30px;
    }
    
    .cg-details .sidebar-side .sidebar-inner{
        position: relative;
        top: 0;
    }
    
     .communities-section{
        padding: 70px 0 50px;
    }

    .page-title{
        padding-top: 200px;
    }

    .sidebar-page-container{
        padding-bottom: 20px;
    }
    
    .sidebar-page-container .content-side h2{
        font-size: 28px;
    }
    
    .sidebar-page-container .content-side h3{
        font-size: 24px;
    }
    
    .sidebar-page-container .content-side h4{
        font-size: 20px;
    }
    
    .sidebar-page-container .content-side h5{
        font-size: 18px;
    }

}
 @media only screen and (max-width: 767px){
    .about-one .team-block{
        width: 50%;
    }

    .list-your .outer-box ul{
        margin-left: 0;
    }

    .default-search-bar form{
        padding-right: 70px;
    }

    .search-banner .default-search-bar .rad-block span{
        padding: 10px 15px;
    }

    .default-search-bar form button{
        height: 60px;
        line-height: 30px;
        padding: 15px 10px;
        text-align: center;
        width: 70px;
    }

    .default-search-bar form button .txt{
        display: none;
    }

    .default-search-bar form button .icon{
        display: block;
        color: #191718;
    }

    .default-search-bar form{
        padding-right: 0;
    }

    .search-banner .default-search-bar form button {
        height: 50px;
        padding: 10px 10px;
    }

    .search-banner .default-search-bar form select, .search-banner .default-search-bar form input{
        margin-top: 0;
    }

    h1{
        font-size: 36px;
    }

    h2,
    .cta-section .content h2,
    .offplan-details .sec-title h2,
    .register-interest .content h2,
    .offplan-details .payment-plan h2,
    .properties-section.similar-properties .sec-title h2,
    .offplan-details .upper-box .text-col h3,
    .contact-section h2,
    .facts-section .title-col h2,
    .about-section .lower-title h2{
        font-size: 28px;
    }

    h3{
        font-size: 24px;
    }

    h4{
        font-size: 24px;
    }

    .search-tabs{
        display: none;
    }

    .search-box .m-view{
        display: block;
        padding-top: 20px;
    }

    .visible-search .search-box{
        top: 80px;
    }

    .sec-title .subtitle{
        font-size: 13px;
    }

    .properties-section .sec-title{
        text-align: center;
        margin-bottom: 100px;
    }

    .property-tabs-box .tab-buttons{
        text-align: center;
    }

    .property-tabs-box .tab-buttons .tab-btn{
        margin: 0 5px 15px;
    }

    .properties-section .owl-theme .owl-nav{
        position: absolute;
        top: 25%;
        left: 0;
        right: 0;
        margin: 0;
        width: auto;
    }

    .properties-section .owl-theme .owl-nav .owl-next{
        position: absolute;
        right: -15px;
        background: #ffffff;
        color: #222222;
        margin: 0;
    }

    .properties-section .owl-theme .owl-nav .owl-prev{
        position: absolute;
        left: -15px;
        background: #ffffff;
        color: #222222;
        margin: 0;
    }

    .properties-section .owl-theme .owl-dots{
        display: block;
    }

    .properties-section .owl-dots {
        position: relative;
        padding-top: 30px;
        width: 100%;
        text-align: center;
    }

    .properties-section .owl-dots .owl-dot {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
    }

    .properties-section .owl-dots .owl-dot span {
        position: relative;
        display: block;
        width: 12px;
        height: 12px;
        background: #d0d0d0;
        border-radius: 50%;
    }

    .properties-section .owl-dots .owl-dot.active span,
    .properties-section .owl-dots .owl-dot:hover span {
        background: #5de1e6;
    }

    .area-block .info h5{
        font-size: 20px;
    }

    .popular-areas .owl-theme .owl-nav{
        position: absolute;
        top: 25%;
    }

     .properties-section .owl-theme .owl-nav{
        top: 23%;
     }

     .banner-section.alt-banner .content-container .inner{
        margin-bottom: 30px;
     }

     .property-gallery .image-col:last-child{
        display: none;
     }

     .property-gallery .image-block .image-box{
        height: 390px;
     }

     .property-details .location-box .map-box iframe{
        height: 250px;
     }

     .sell-section .form-col .upper-text{
        text-align: center;
     }

     .sell-section .info-col{
        text-align: center;
     }

     .sell-section .info ul li .icon-box{
        margin: 0 auto 15px;
     }

     .inner-banner .content-container{
        position: relative;
        height: auto;
        min-height: 0;
     }

     .ops-banner .content-container{
        min-height: 100vh;
     }

     .inner-banner .content-container .content-box{
        position: relative;
        padding: 160px 0 200px;
     }

     .about-banner .content-container .content-box{
        position: relative;
        padding: 180px 0 70px;
     }

     .inner-banner .content-container .links-box{
        padding-top: 30px;
     }

     .inner-banner .content-container .text{
        margin-top: 15px;
     }

     .about-two .sec-title .text{
        font-size: 16px;
     }

     .our-presence .content .logo-block .image img{
        max-height: 50px;
     }

     .our-presence .content .logo-block{
        margin-right: 20px;
        min-width: 240px;
        width: auto;
        padding: 20px 25px;
     }

     .offplan-details .upper-box .text-col h3 br{
        display: none;
        margin-bottom: 20px;
     }

     .offplan-details .floor-plans .tab-buttons .tab-btn{
        min-width: 160px;
        margin: 0 10px 20px;
     }

     .offplan-details .floor-plans .tabs-content{
        padding: 40px 20px;
     }

     .offplan-details .payment-plan .inner-box{
        padding-bottom: 50px;
     }

     .offplan-details .payment-plan ul li{
        display: block;
        margin: 0 0 20px;
     }

     .offplan-details .location-box .inner-box iframe{
        height: 400px;
     }

    .com-block .image-box .image{
        height: 320px;
    }

    .communities-section{
        padding: 70px 0 40px;
    }

    .cg-details .location-box{
        margin-top: 50px;
    }

    .search-box{
        max-width: none;
    }

    .main-footer{
        
    }

    .main-footer .footer-bottom .copyright{
        width: 100%;
        text-align: center;
    }

    .main-footer .footer-bottom .bottom-links{
        width: 100%;
        text-align: center;
    }

    .main-footer .footer-column.col-lg-4.col-md-4.col-sm-6{
        flex: 0 0 auto;
        width: 50%;
    }


    .main-footer .news-form .form-group button{
        width: 100%;
        line-height: 24px;
        padding: 10px 20px;
    }

    h2,
    .contact-section h2{
        font-size: 28px;
    }

    .sec-title h2 span,
    .news-section .sec-title h2 span,
    .properties-section .lower-title h2 span,
    .faqs-section .sec-title h2 span,
    .popular-areas .sec-title h2 span,
    .about-section .lower-title h2 span{
        font-size: 48px;
        top: 5px;
    }
    
    .ub-section .sec-title h2 span{
        font-size: 60px;
        top: 10px;
    }

    .get-quote .outer-box{
        padding-bottom: 50px;
    }

    .get-quote .outer-box .form-box button{
        font-size: 16px;
    }

    .default-search-bar form .row .form-group{
        padding-right: 0;
    }

    .default-search-bar form .row .s-area{
        margin-top: 10px;
    }

    .default-search-bar form button{
        bottom: 0;
        top: auto;
        padding-top: 17px;
        background: #5de1e6;
    }

    .news-section .news-box{
        display: none;
    }

    .news-section .carousel-box{
        display: block;
    }

    .news-section .sec-title{
        margin-bottom: 60px;
    }

    .properties-section .top-row .left-box{
        width: 100%;
    }

    .properties-section .top-row .sort-by{
        width: 100%;
    }

    .team-section .team{
        display: none;
     }

     .team-section .carousel-box{
        display: block;
     }

     .facts-section .fact-block .count-box{
        font-size: 40px;
     }

     .cta-two.no-pad-top{
        padding-top: 20px;
     }

     .cta-two{
        padding-bottom: 80px;
     }

     .cta-two h2{
        margin-bottom: 30px;
     }

     .ub-section .sec-title h2 span{
        top: 0px;
    }

    .ops-banner .content-container .content-box,
    .offplan-banner .content-container .content-box{
        padding-bottom: 80px;
     }

     h1{
        font-size: 32px;
     }

     .offplan-details .location-box .inner-box iframe{
        height: 400px;
     }

     .offplan-details .op-ui .info ul li{
        min-width: 0;
        width: 46%;
        margin: 0 1.5% 20px;
     }

     .offplan-details .payment-plan ul li strong{
        font-size: 40px;
     }
     
     .cg-details .location-box{
        margin-top: 50px;
    }
    
    .mortgages-section .faq-col{
        order: 12;
    }
    
    .mortgages-section .cal-col{
        order: 0;
    }
    
    .mortgages-section .dv{
        display: none;
    }
    
    .mortgages-section .mv{
        display: block;
    }
    
    .sticky-bottom-section{
        display: block;
    }
    
    .ub-section .sec-title{
        top: 80px;
    }
    
    .ub-section{
        padding-top: 40px;
    }
    
    .ub-section .ub-images .img-1, .ub-section .ub-images .img-2{
        height: 130px;
    }
    
    .ub-section .ub-images .img-3{
        height: 300px;
    }

}
 @media only screen and (max-width: 599px){
    .about-one .team-block{
        width: 100%;
    }

    .work-with-us .w-block .text{
        font-size: 18px;
    }

    .property-tabs-box .tab-buttons .tab-btn{
        padding: 8px 22px;
        line-height: 20px;
        font-size: 14px;
        min-width: 100px;
        margin: 0 7px 15px;
    }

     .list-your .outer-box ul li{
        display: block;
     }

     .list-your .outer-box ul li span{
        display: inline-block;
        padding-left: 0;
     }

     .list-your .outer-box ul li span:before{
        position: relative;
        top: 1px;
        display: inline-block;
        padding-right: 12px;
     }

     .property-block .image-box .image{
        height: 250px;
     }

     .properties-section .owl-theme .owl-nav{
        top: 20%;
     }

     .hidden-bar .side-menu ul li{
        padding: 3px 0;
     }

     .hidden-bar .side-menu ul li a{
        font-size: 15px;
        padding: 2px 0;
     }

     .hidden-bar .side-menu ul li .btn-expander{
        top: 3px;
        font-size: 16px;
     }

     .hidden-bar .links-box .link-box .theme-btn{
        padding: 8px 25px;
    }

     .property-gallery .image-block .image-box{
        height: 300px;
     }

     .property-details .sidebar-side .call-box{
        padding: 35px 20px;
     }

     .property-details .enquiry-box{
        padding: 35px 20px 20px;
     }

     .cta-section .outer-box{
        padding: 80px 0;
        text-align: center;
     }

     .about-one .sec-title .text{
        margin-top: 25px;
     }

     .about-two .bg-text{
        font-size: 200px;
     }

     .our-presence .content .logo-block{
        display: block;
        margin: 0 0 30px;
     }

     .properties-section.offplan .upper-text{
        padding-bottom: 0;
     }

     .offplan-details .location-box .inner-box iframe{
        height: 300px;
     }

     .offplan-details .floor-plans .tab-buttons .tab-btn{
        display: block;
        margin: 0 0 20px;
     }

     .register-interest .content .links-box{
        max-width: none;
     }

     .register-interest .content .links-box br{
        display: none;
     }

     .register-interest .content .links-box .link{
        display: block;
        margin: 0 0 15px;
     }

     .register-interest .content .links-box .wa-btn,
     .register-interest .content .links-box .link a{
        display: block;
        width: 100%;
     }
     
     .banner-section .content-container,
    .banner-section.alt-banner .content-container{
        min-height: 600px;
    }
    
    .banner-section .content-container .content-box{
        padding-top: 200px;
        text-align: center;
    }

     .inner-banner .content-container .links-box .theme-btn{
        display: block;
        margin: 0 0 20px;
     }

      .com-block .image-box .image{
        height: 280px;
    }

    .cg-details .location-box .map-box iframe{
        height: 350px;
    }

    .team-single .content-col .social{
        width: 100%;
    }

    .team-single .content-col .number{
        margin-right: 0;
    }

    .team-single .content-col .number:after{
        display: none;
    }

    .cg-details .content-side .links-box .theme-btn{
        display: block;
        margin-right: 0;
    }

    .properties-section .sec-title .text,
    .sec-title .text{
        font-size: 16px;
        font-weight: 400;
    }

    .ub-section .ub-images .img-3{
        width: 45%;
        bottom: 0;
    }

    .get-quote .image-col,
    .ub-section .ub-images .img-2{
        display: none;
    }

    .search-box form{
        padding-right: 0;
    }

    .search-box form button{
        position: relative;
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }

    .search-box .inner-box{
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .default-search-bar form .s-area input,
    .search-banner .default-search-bar form .s-area input{
        height: 50px;
        padding: 10px 20px;
        line-height: 28px;
        padding-left: 20px;
    }

    .default-search-bar form button{
        height: 50px;
        padding: 12px 5px 8px;
        line-height: 30px;
    }

    .default-search-bar form .s-area .alt-icon{
        display: none;
    }

    .ub-section .ub-images .img-1{
        width: 40%;
        left: 0;
        bottom: -20px;
    }

    .ub-section .ub-images .img-2{
        right: 10%;
        width: 40%;
        bottom: -20px;
        z-index: 1;
    }

    .ub-section{
        padding-top: 80px;
    }

    .get-quote form textarea, .get-quote form input, .get-quote form .form-group .ui-selectmenu-button.ui-button{
        padding-left: 25px;
    }

    .property-gallery .cap-box .share-link{
        display: none;
    }

    .page-info .back-link{
        display: none;
    }

    .team-block .lower-box{
        text-align: center;
    }

    .team-block .lower-box .info li{
        margin: 0 5px;
    }

    .property-details .content-side .upper-box .lf{
        font-size: 16px;
    }

    .property-details .content-side .upper-box .price{
        font-size: 24px;
    }

    .mortgages-section .cal-col .inner-box{
        padding: 40px 20px;
    }

    .property-block-two .links-box{
        margin: 0;
        width: 100%;
        left: 0;
        display: block;
    }

    .property-block-two .links-box .link{
        display: block;
        width: 100%;
        padding: 0 0;
        margin-bottom: 10px;
    }

    .property-block-two .links-box .link:last-child{
        margin-bottom: 0;
    }

     .offplan-details .location-box .inner-box iframe{
        height: 300px;
     }

     .offplan-details .op-ui .info ul li{
        width: 100%;
        margin: 0 0 20px;
     }
     
     .hidden-bar .logo{
         padding: 15px 0;
     }
     
     .hidden-bar .links-box{
         padding-top: 0;
     }
     
     .hidden-bar .info{
         padding-top: 5px;
     }
     
     .hidden-bar .info li{
         font-size: 14px;
     }
     
     .team-single .content-col .social{
        width: 100%;
    }
 
    .team-single .content-col .number{
        margin-right: 0;
    }

    .team-single .content-col .number:after{
        display: none;
    }
    
    .team-single .content-col .u-content{
        padding-right: 50%;
    }
    
    .team-single .content-col .u-image-box{
        display: block;
    }
    
    .team-single .image-col{
        display: none;
    }
    
    .team-single .content-col .u-image-box img{
        max-width: 160px;
    }
    
    .cg-details .location-box .map-box iframe{
        height: 350px;
    }
    
    .cg-details .content-side .links-box .theme-btn{
        display: block;
        margin-right: 0;
    }
    
    .team-single .content-col .u-content{
        padding-right: 50%;
    }
    
    .team-single .content-col .u-image-box{
        display: block;
    }
    
    .team-single .image-col{
        display: none;
    }
    
    .team-single .content-col .u-image-box img{
        max-width: 160px;
    }

    .cg-details .sidebar-side .c-inner{
        padding: 30px 20px 20px;
    }
    
    .cg-details .sidebar-side .c-inner h3{
        margin-bottom: 25px;
    }
    
    .ub-section .ub-images .img-1{
        bottom: 0;
        width: 50%;
    }
    
    .ub-section{
        padding-top: 20px;
    }

    .page-title{
        padding-bottom: 50px;
    }
    
    .sidebar-page-container .content-side h2{
        font-size: 24px;
    }
    
    .sidebar-page-container .content-side h3{
        font-size: 22px;
    }
}

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

    .main-header .main-box .logo-box{
        
    }

    .fixed-header .main-box .logo-box{
        
    }

    .main-header .main-box .logo-box .logo img{
        height: 70px;
    }

    .fixed-header.main-header .main-box .logo-box .logo img{
        height: 70px;
    }

     .property-block .image-box .image{
        height: 220px;
     }

     .properties-section .owl-theme .owl-nav{
        top: 17%;
     }

     .team-block .info{
        font-size: 14px;
     }

     .team-block .info .designation{
        font-size: 12px;
     }

     .sec-title .links-box .theme-btn{
        min-width: 0;
        margin-right: 10px;
        padding-left: 20px;
        font-size: 13px;
        padding-right: 20px;
     }

     .sec-title .links-box .theme-btn:last-child{
        margin-right: 0;
     }

     .property-gallery .cap-box{
        left: 15px;
        right: 10px;
        bottom: 10px;
     }

     .property-gallery .cap-box a{
        padding-left: 12px;
        padding-right: 12px;
     }

     .inner-banner .content-container .links-box .theme-btn{
        display: block;
        margin: 0 0 20px;
     }

     h1{
        font-size: 30px;
     }

     .contact-section .info-section{
        text-align: center;
     }

     .contact-section .info-section .info ul li{
        padding-left: 0;
        padding-top: 0;
        text-align: center;
     }

     .contact-section .info-section .info ul li .icon-box{
        display: block;
        position: relative;
        left: 0;
        top: 0;
        margin: 0 auto 20px;
     }

     .offplan-details .upper-box .info-col .logo img{
        max-height: 30px;
     }

     .register-interest .content .links-box br{
        display: none;
     }

     .register-interest .content .links-box .link{
        display: block;
        margin: 0 0 15px;
     }

     .register-interest .content .links-box .wa-btn,
     .register-interest .content .links-box .link a{
        display: block;
        width: 100%;
     }

      .com-block .image-box .image{
        height: 240px;
    }

    .cg-details .content-side .text-content ul{
        margin-left: 20px;
    }

    .cg-details .location-box .map-box iframe{
        height: 250px;
    }

    h2,
    .contact-section h2{
        font-size: 26px;
    }

    .sec-title h2 span,
    .news-section .sec-title h2 span,
    .properties-section .lower-title h2 span,
    .faqs-section .sec-title h2 span,
    .popular-areas .sec-title h2 span,
    .about-section .lower-title h2 span{
        font-size: 48px;
        top: 5px;
    }

    .ub-section .ub-images .img-1{
        width: 45%;
    }
    
    .ub-section .ub-images .img-3{
        width: 50%;
    }

    .property-block .specs ul li .icon{
        padding-right: 0;
    }

    .property-block .specs ul li{
        margin-right: 10px;
    }

    .property-details .content-side .specs ul li{
        margin-right: 15px;
    }

    .property-details .content-side .specs ul li:last-child{
        margin-right: 0;
    }

    .property-block-two .developer{
        display: none;
    }
    
    .team-single .content-col .c-links{
        margin-right: 0;
    }
    
    .team-single .content-col .c-links:after{
        display: none;
    }
    
    .team-single .content-col .number{
        width: 100%;
    }
    
    .team-single .content-col .c-links, .team-single .content-col .number, .team-single .content-col .social{
        margin-bottom: 10px;
    }
    
    .team-single .content-col .info{
        margin-bottom: 20px;
    }
    
     .team-single .content-col .u-image-box img{
        max-width: none;
    }
    
    .cg-details .content-side .text-content ul{
        margin-left: 20px;
    }

    .cg-details .location-box .map-box iframe{
        height: 250px;
    }
    
     .team-single .content-col .c-links{
        margin-right: 0;
    }
    
    .team-single .content-col .c-links:after{
        display: none;
    }
    
    .team-single .content-col .number{
        width: 100%;
    }
    
    .team-single .content-col .c-links, .team-single .content-col .number, .team-single .content-col .social{
        margin-bottom: 10px;
    }
    
    .team-single .content-col .info{
        margin-bottom: 20px;
    }
    
     .team-single .content-col .u-image-box img{
        max-width: none;
    }
    
    .ub-section .sec-title{
        top: 105px;
    }
    
    .ub-section .sec-title .subtitle{
        letter-spacing: 0;
        font-size: 12px;
        margin-bottom: 10px;
    }
    
    .ub-section .sec-title h2{
        font-size: 24px;
    }
    
    .ub-section .content-box{
        min-height: 380px;
    }
    
    .properties-section{
        padding-top: 0;
    }

    .recent-posts .news-post .inner-box{
        padding-left: 180px;
    }

    .ub-section .ub-image.img-3 .image-layer{
        background-position: left top;
    }
}
 @media only screen and (max-width: 399px) {
    .property-tabs-box .tab-buttons .tab-btn{
        min-width: 0;
        margin: 0 7px 10px;
        padding: 8px 25px;
        letter-spacing: 0;
    }

    .property-block-two .info ul li{
        display: block;
        width: 100%;
    }

    h2,
    .contact-section h2,
    .facts-section .title-col h2{
        font-size: 24px;
    }

    .banner-section .content-container .upper-content h2{
        font-size: 24px;
    }

    .property-block .specs ul li .icon{
        padding-right: 0;
    }

    .property-block .specs ul li{
    }

    .property-block .inner-box{
        margin-right: 0;
        padding: 10px;
    }

    .contact-section .info ul li{
        padding-left: 0;
        padding-top: 0;
        text-align: center;
    }

    .contact-section .info ul li .icon-box{
        position: relative;
        left: 0;
        top: 0;
        display: block;
        margin: 0 auto 20px;
    }

    .contact-section h2,
    .contact-section .form-col .text{
        text-align: center;
    }

    .mortgages-section .links-box .wa-btn{
        text-transform: none;
    }

    .property-block .lower-box{
         padding-left: 5px;
         padding-right: 5px;
    }

    .recent-posts .news-post .inner-box{
        padding-left: 0;
        min-height: 0;
    }

    .recent-posts .news-post .image-box{
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    
    .recent-posts .news-post .image-box img{
        height: auto;
    }
}