@media all and (min-width:1201px) and (max-width:1500px){
.image-block p.lead{    font-size: 16px;    line-height: 26px;}
}

@media (min-width:1400px){
.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1350px}
}
@media all and (max-width:768px){


    .whitetext{padding: 0 5px 0 25px;}

    .ongoingporjects .video iframe {height: 165px !important;    }

    #image-block .col-lg-3{background: none !important; height: auto !important; padding: 0; margin: 0;}
    .mobile_pic{width: 70%;
        margin: 30px auto 0 auto;
        border: solid 5px #fff; display: block;}


    .image-block .contentblock h4 span {
        
        
                padding: 0 15px !important;
        
        font-weight: bold;
        font-size: 12px;
        line-height: 30px;
    }
    .image-block .contentblock h4 span::before {
     
        top: 10px;
     
        height: 11px;
     
    }

.container{padding:0 15px}
#header #logo>a img{max-height:150px}
.formsection{margin:15px 0 0 0;z-index:9}
.formsection .container{padding:0}
.formsection form{width:100%;background:#000}
.formsection p{font-size:12px;text-align:left}
#header[data-transparent=true]+#google-map,#header[data-transparent=true]+#slider,#header[data-transparent=true]+.fullscreen,#header[data-transparent=true]+.halfscreen,#header[data-transparent=true]+.inspiro-slider{top:-40px;margin-bottom:-200px}
#image-block .inner{padding:30px 0}
.heading-text.heading-section>h2{font-size:32px;line-height:36px;margin-bottom:50px}
.lead{font-size:14px;line-height:26px;color:#000}
.inspiro-slider .slide .slide-captions>p{font-size:14px;line-height:20px;margin-bottom:20px}
.inspiro-slider .slide .slide-captions h1,.inspiro-slider .slide .slide-captions h2{line-height:26px;font-size:18px!important}

#image-block.image-block .inner{padding: 30px 10px;}
.teammember .teaminner{    padding: 15px;
    text-align: center;}
    .teaminner figure{float: none; display: block; margin: 0 auto 15px auto;}
    .teammember{margin-bottom: 30px;}
#image-block .col-lg-9{order:2}
#agents-section .teams,#higlights-section .accordioninner,#project-section .projectcontent{order:2}
#agents-section .teamsright,#higlights-section .col-lg-5,#project-section .video{order:1}
.textsection{padding:0}
#financial-section .container,#higlights-section .container{padding-top:30px!important;padding-bottom:30px!important}
.accordioninner .accordion{padding:0}
.accordioninner .accordion .ac-item .ac-title{font-size:20px;line-height:24px}
.accordioninner .accordion .ac-item .ac-title:before{font-size:20px}
.text-medium{font-size:22px!important;line-height:26px}
.text-medium br{display:none}
.cardsecection .col-md-6{margin-bottom:0!important}
#agents-section .teamsright{margin-bottom:50px;text-align:center}
.teamsright .textsection{margin:0}
#agents-section{padding:0}
.teams .card h3{font-size:18px;margin:0}
.icon-box h5{font-size:14px}
.icon-box .icon{width:70px;height:70px}
.mobbreak{margin: 0 15px 15px 15px;}
.teams .card .icon{top:-83px}
.teams .card .icon i{line-height: 70px !important;}
.icon-box .icon i{font-size:20px;line-height:52px}
#agents-section .container{padding-bottom:0!important}
.teams .teamsitem{margin-bottom:25px}
.bedrooms span{color:#000;padding:0 0 15px 0;margin-right:0}
.bedrooms span::before{display:none!important}
#project-section .card .card-body{padding:15px}
#project-section .video{margin-bottom:30px}
#image_block_01 .imgageblock{order:1!important;height:300px!important}
#image_block_01 .contentblock{order:2!important}
.image-block .innercontent h2{font-size:18px;line-height:32px;margin:0 0 10px 0}
.heading-text.heading-section p{margin-bottom:15px}
.heading-text.heading-section p span{font-size:12px;margin:0;padding:0 10px 0 0}
.image-block .innercontent p.lead{font-size:14px;line-height:24px}
.contentblock .btn{font-size:10px!important;padding:10px 15px!important}
.iconsecion .col-lg-2{width:33%}
.icon-box h3,.icon-box h5{font-size:12px;line-height:16px}
.image-block .contentblock h4{padding:10px 15px;color:#000;font-size:16px;line-height:20px;margin:0 0 10px 0}
.image-block .innercontent{padding:0 20px 15px 15px}
.icon-box.center .icon{margin:0 auto 10px auto}
.icon-box.center h3{margin:0!important}
.icon-box{margin-bottom:30px}
.iconsecion{padding:25px 0 0 0}
#features-section{padding-top:30px!important;padding-bottom:0}
.icon-box.medium>h3,.icon-box.medium>h4,.icon-box.medium>h5{margin:0 12px 10px 60px}
.icon-box.medium>p{margin:0 0 10px 60px;font-size:13px;color:#000;line-height:22px}
#features-section .icon-box .icon i{line-height:20px}
#faq-section .container{padding-top:30px!important;padding-bottom:30px!important}
#faq-section .text-medium{font-size:20px!important;padding:0 0 10px 5px}
#footer .footer-content{padding:30px 0 0 0;text-align:center}
.copyright-text.text-center{line-height:20px;color:#000}
.social-icons li{float:none;display:inline-block}
.social-icons{margin-bottom:30px}
.mapnew{margin-bottom:30px}
#mainMenu,#mainMenu-trigger{display:none!important}
.mainMenu-open #dotsMenu{z-index:999!important}
#dotsMenu ul li a.active>span,#dotsMenu ul li a:hover>span{opacity:0!important}
#dotsMenu{right:2px;}
#dotsMenu:before{background:#1f1f1f!important;right:-15px;border-top-left-radius:5px;border-top-right-radius:0;border-bottom-left-radius:5px;border-bottom-right-radius:0}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{padding-right:20px}
#dotsMenu ul{padding-bottom:10px;margin-top:-15px}
#dotsMenu ul li{width:12px;height:12px;margin-bottom:10px}
.cardsecection{padding:0!important;margin:0!important}
#dotsMenu ul li.current, #dotsMenu ul li:hover {background: #fff !important; -webkit-transform: scale(0.6);
    transform: scale(0.6);}

.teamsitem .icon-box.medium>p{    margin: 15px 0px 10px 0px;}
.teamsitem .icon-box.medium>h3, .teamsitem .icon-box.medium>h4, .teamsitem .icon-box.medium>h5{margin: 10px 0px 10px 0px;}
#dotsMenu{opacity: 0;}
.body_active #dotsMenu{opacity: 1;}
.teamsection .mid_team{padding: 20px;}
.teamsection .mid_team h3{font-size: 20px;}
.teamsection .mid_team h3 span{font-size: 27px;}
.teamsection .mid_team h2{    font-size: 42px;
    line-height: 46px;}
    .teamsection .mid_team h4{font-size: 25px; line-height: 30px;}
    .teamsection .mid_team h4 span {        display: block;        font-size: 28px;    }
    .mid_team h6{    
       
        font-size: 14px;
        line-height: 20px;
        padding: 8px 24px;
      
        margin-bottom: 14px;}
        .mid_team p::before, .mid_team p::after{width: 30%;}
}