@media only screen and (max-width:1200px){
html, body, .container, .newcontainers{ overflow-x: hidden;}
.container, .newcontainers{display: block;}
.mainheader{padding:8px 40px; position: relative; z-index: 999999;}
.mainheader .navigation ul{ display: none;}

/* Custome Navbar */
.navbar{ position: absolute;  right: 30px; top: 40px; z-index: 999;}
.bar1, .bar2, .bar3 {width: 35px; height: 5px; background-color: #333; margin: 6px 0; transition: 0.4s;}
.change .bar1, .change .bar2, .change .bar3{background-color: white;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-9px, 6px);}  
.change .bar2 {opacity: 0;}  
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px);}
.mainheader .navigation ul{display: block; position: fixed; left:-320px; top:0; background-color: white; z-index:999; text-align: left; height: 100vh; width: 300px;
padding: 20px; transition: all .5s;}
.mainheader .navigation ul.axb{left: 0;}
.navbar.change::after{background-color: rgba(0,0,0,.5);  width: 100%;  height:100vh; position: fixed; content: ''; z-index:-9; top: 0; left: 0; pointer-events: none;}
.mainheader .navigation ul li{ display: block;}
.expertise ul li{width:50%;}
.imgsections1{margin-bottom:0px; overflow: hidden;}
.expertise ul li{padding:10px;}
.landingbg{height: 430px;}
.slidetext{ padding-right: 50px;}
.slider2{width:90%;}
.slider2 .imgcnt{max-width:600px;}
.slider2 .cntenttext strong{font-size:4em; line-height: 50px;}
.mainheader .logo img{margin-left: -38px;}
.mainheader.sticky .logo img{margin-left: -36px;}

.formbg .lease > ul > li{width:48%;}
.formbg .lease > ul > li:nth-child(3n+0) {margin-right: 1.5%;}
.contactbanner img{ height: 960px; object-fit: cover;}
.contactbanner {width: 100%; position: relative; height: 650px; z-index: -9; overflow: hidden;}
.project > .cols{width:50%;}
.about1 h1.sizedefine{font-size:3.6em}
a.gettouch.touch{margin:0;}

.project { width: 100%; }
.project > .row > .col strong.locateheading, .project > .row .col strong.logistic{font-size:1.4em}
.project > .row > .col.detailsection strong.headingbg, .project > .row > .col.detailsection strong.headingname{font-size:1.6em;}
.mainheader .navigation ul::after{background-color:rgba(0,0,0,.5); position: fixed; left: 0; top: 0; width: 100%; content: '';}
.projectspacing{margin: 15px 0;}
.contactbanner{ height:320px;}
.contactbannerinner{top:80px;}
.frmbase{margin-top:30px; padding: 30px 20px;}
.contactbanner::after{ display: none;}
.project > .row > .col .imagescont iframe{height:262px;}
}



@media only screen and (max-width:900px){
    .ourservice > .row > .col.leasing2 { padding: 0 0px 0 90px;  width: 65%;}
    .ourservice > .row > .col:last-child{margin-top:60px; width:100%;}
    .footer > .row > .col, .footer > .row > .col.number{width:100%; display: block; text-align: center;   margin: 40px 0;}
    .footer > .row > .col > ul{padding:0;}
    .footer > .row > .col > ul > i{ position: static;  margin-bottom: 12px;     font-size: 2.5em;}
    
    .landingbg{ height: auto;}
    .slidetext h1{font-size:3.5em}
    .slidebase{width: 100%; overflow: hidden;}
    .slidetext {padding-right: 0; width: 100%; padding-bottom: 40px;}
    .slidebase .slidebanner{ position: static;}

    .beyound > .row .col:first-child{width:100%; margin-bottom:30px;}
    .beyound > .row .col{width:50%}
    .projectsection .cols strong{font-size:2.2em;}
    .slider2 .imgcnt{max-width:400px;}
    .slider2 .cntenttext strong {font-size: 3em; line-height: 40px;}
    .newsection .w75 ul li{padding:8px;}
    .contactbanner::after{ display: none;}
    .project > .cols > .boxes .areabase p{font-size:2.5em;}
    .project > .row > .col.detailsection{ width: 100%; padding-right: 0;}
    .project > .row > .col{ display: inline-block; width: 50%; padding: 10px;}
   
}


@media only screen and (max-width:767px){
    h2{font-size:4em}
    .mainheader{padding: 8px 0;}
    .navbar{right:15px;}
    .ourservice > .row > .col, .ourservice > .row > .col.leasing2{width:100%; padding:30px 0;}
    .ourservice > .row > .col:last-child{margin-top:0}
    .footer strong.allow{font-size:2.6em;}
    .getintouchs{padding: 20px;}
    .getintouchs strong{font-size:3em;}
    .getintouchs strong > a{ display: block;}    
    .slider2 .item .imgcnt, .slider2 .item .cntenttext{ display: block; width: 100%; padding: 0px; float: left;}
    .beyound > .row .col{width:100%; margin-bottom: 20px;}
    .slider2 .cntenttext strong{font-size:3.4em;   text-align: center; margin-top: 40px;}
    .beyound > .row .col{padding-right: 0;}
    .mainheader .logo img {
        margin-left: -35px;
    }
    .slider2 .imgcnt{max-width:100%;}
    .projectsection .cols{width:50%;}
    .newsection .w25, .newsection .w75{ width: 100%;     display: block;   padding: 0;}
    .newsection .w25 strong{    font-size: 2.6em; line-height: 28px;}
    .newsection + .newsection{  margin-top:80px;}
    .formbg .lease > ul > li{width:100%;}
    .formbg h4{font-size:2.8em;}
    .formbg{margin:0;}
    .contactbannerinner{top: 100px;}
    .project > .cols > .boxes .projectarea, .project > .cols > .boxes .projectarea.rightside{width:100%; text-align: left; margin: 8px 0px;}
    .about1 h1.sizedefine{font-size:3em;}
    a.gettouch.touch { margin: 30px auto; float: none;}
    .about1 h1.sizedefine, .about1 h1.sizedefine + p{text-align: center;}
    .mainbg1 .about1{padding: 40px 0px; text-align: center;}
    .contactbannerinner{top:60px;}
    .project > .row > .col .imagescont iframe{height:200px;}
}

@media only screen and (max-width:600px){
    .expertise ul li{width:100%;}
    .beyound > .row .col h2{font-size: 2.2rem; line-height: 40px;}
    .project > .cols{width:100%; margin: 10px 0px;}
    .project > .cols > .boxes > ul{ padding-bottom: 20px; min-height: auto;}
    .project > .row > .col{ display:block; width:100%; padding: 10px;}
}

@media only screen and (max-width:480px){
    .getintouchs{padding:0;}
    .getintouchs ul li{padding:5px 0px;}
    .getintouchs ul li a{font-size:1.8em;}
    .slider2 .cntenttext strong{line-height: 32px; font-size:2.8em;}
    .projectsection .cols{width:100%;}
    .projectsection .cols strong{ height: auto;}
}

@media only screen and (max-width:360px){
.mainheader .navigation ul{width:260px}
}