@media(max-width: 1660px){
.container {max-width: 1360px; } 
.logo {width: 30%; } 
.lftlogo {width: 8%; } 
.centerform {width: 70%; } 
.cmnform form .form-group {width: 22%; margin-left: 10px; } 
.cmnform .checkbox.form-group {width: auto !important; } 
}

@media(max-width: 1330px){

.item.slick-slide.slick-center { -webkit-transform: scale(1); transform: scale(1); z-index: 30; width: 880px; } 
}

@media(max-width: 1200px){
.hood-top:after { bottom: -57px;background-image: url(../images/hood-bottom.png); background-size: 65%; background-repeat: no-repeat; } 
.developcon p { padding: 0 6px;}


}


@media(max-width: 1199px){
	.centerform {width: 70%; } 
    .headerin ul li a {font-size: 16px; } 
    .botheader {padding: 10px 0; } 
    .developcon ul li {width: 50%; height: auto; } 
    .developcon ul li.devcon.halwid {width: 50%;} 
    .developcon ul li.halwid {width: 50%; } 
    .hoodcon {padding: 170px 0 180px; } 
    .projecttopcon {    padding: 40px 0 0; } 
    .morgatageinconin .content {height: auto; } 
    .morgatageincon {padding: 0; } 
    section.morgatage {padding: 50px 0 40px; } 
    .paymentcon {width: 50%; padding: 30px; } 
    section.payment {padding: 70px 0 180px; } 
    .pricetab table tr th {padding: 2px; font-size: 15px; } 
    .pricetab table tr td {padding: 5px; font-size: 16px; line-height: 20px; } 
    .pricein {width: 100%; } 
    .pricetab ul.tabs li ul li {font-size: 16px; line-height: 20px; padding: 4px; } 
    .pricetop .centerform {width: 100%; } 
    .pricetab ul.tab .tablinks {font-size: 18px; padding: 7px; } 
    .pricetop {padding: 20px 0; } 
    section.price {padding: 40px 0 70px; } 
    section.pdf {    padding: 40px 0 60px; } 
    .pdfcon {width: 100%; padding: 0; } 
    .footlogo img {width: auto; } 
    .footertop {padding: 50px 0 40px; } 
    .headerin ul li:hover > ul {border-top: 10px solid #6f7882;}

.bannerin {  padding: 150px 0 240px;}
.developcon { max-width: 100%;}
.developerin {  padding: 40px 0 40px;}
.hoodconin {  padding: 50px 30px;}
section.hood { padding: 40px 0 40px;}
section.project { padding: 52px 0 70px;}
.note p { padding: 0 10px;}
section.purchase { padding: 150px 0 50px;}
.morgatageincon { margin-top: 40px;}
section.expenses { padding: 40px 0 30px;}
section.down { padding: 40px 0 50px;}
.downmain ul li { width: 10%;}
.downmain ul li a span.downimg {  height: 100px;}
.downmain ul li a span.downimg img {width: 35px;}
.footlogo { margin: 0 auto 25px;}
.expenses .morgatageincon { margin-top: 10px;}
.purchasepro { margin: 40px auto 0;}
.projectin { max-width: 100%;}
.projecttopcon .cmnttl {  margin: 0 0 30px;}
.downmain {  margin: 40px auto 0;}
.pdfcon {  margin: 10px 0 0;}
/*.developcon ul li {  min-height: 180px;}*/

.wrap { margin: 50px 0 0;}
.item.slick-slide.slick-center {width: 780px; } 


}

@media (min-width: 992px) {
/*    ul.mainmenu{ display: block !important; }*/
    ul.mainmenu li:hover > ul { display:block; }
    ul.mainmenu ul li:hover ul{ display: block; }
}
 

@media(max-width: 1024px){
.footerbot {  text-align: center;}
.wrap {  padding: 0 30px;}
.note { width: 80%;}
.item.slick-slide { height: 360px !important;}
}


@media(max-width: 991px){
.bannercon p { text-align: center;}
 .developcon ul li.devcon .con p {font-size: 14px; line-height: 20px; margin-bottom: 10px; } 
 .developcon ul li {width: 50%; height: auto; /*min-height: auto;*/ } 
 .headerin ul li {width: 100%; padding: 5px 0;/*border-bottom: 1px dotted rgba(255, 255, 255, .20)*/ } /*.mobilemenu {display: block; } .mobilemenu i {display: block; width: 40px; height: 4px; background: #fff; margin: 6px 0; border-radius: 5px; }*/ 
 .headerin ul {display: none; } 
 .lftlogo {width: 15%; order: 3; } 
 .logo {/*   width: 20%;*/ order: 2; } 
 .centerform {width: 100%; order: 1;  } 
 .cmnform form .form-group select {padding: 7px; } 
 .styled-checkbox + label{ font-size: 15px;  } 
 .cmnform form input[type="submit"] {font-size: 18px; text-align: center; padding: 6px 20px 7px; line-height: 20px; } 
 .accordion span.acottl::after {height: 100%; } 
 .purchasepro {margin-bottom: 30px; } 
 .paymentcon {width: 70%; padding: 30px; }
.topheader { display: none;}
.bannercon { width: 100%;  padding: 30px 0 0;}
.bannerin{ display: inherit;  padding: 150px 0 170px; }
span.feelimg { margin: 0 ;}
.developcon {  max-width: 97%; margin: 30px auto 0;}
.proslider1, .hoodconin { width: 100%;}
.hood-top .hoodcon { padding: 30px 0;}
.proslider1 .item img { height: 460px !important;}
.hoodconin p { text-align: center;}
.hoodconin {  padding: 50px 30px 130px;}
.projecttopcon p {padding: 0 15px;}
.expenses .morgatageincon{ padding: 0; }
.downmain ul li { width: 21%;}
.downmain ul li a span.downimg { height: 100px; width: 100px;   margin: 0 auto 10px;}
.downmain ul li { margin: 0 0 20px;}
section.down {  padding: 40px 0 20px;}
.botheader .headerin ul li ul {position: relative; left: 0; top: 0; width: 100%; } 
.headerin ul li:hover > ul{ border-bottom: none;}
.item.slick-slide.slick-center {width: 580px; } 


.headerin ul li:last-child{ border-bottom: none; }

section.hood {background-position: bottom;}
.morgatageinconin .collapsible { font-size: 17px;}
section.price {padding: 40px 0 60px; }





/*Nav*/
.menulinks { display:inline-block; } 
ul.mainmenu { overflow-y: auto;  text-align:left; /*position:fixed; */top:0; padding:0; right:0; left:0;width:100%; display:none; z-index:99; height: 100%;  /*background:#525252;padding: 80px 0 0;*/}
ul.mainmenu > li { float:left; width:100%; padding:0px; margin: 4px 0; border-top:none; position:relative;    text-align: center;  }
ul.mainmenu > li:first-child { border:none; }
ul.mainmenu > li > a:link, 
ul.mainmenu > li > a:visited { padding:10px 15px; font-size:16px; float:left; width:100%; border:none; text-align:left; color:#fff; }
ul.mainmenu > li > a:hover { background:rgba(255,255,255,0.2); }

a.menulinks i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s;  -webkit-transition-delay: .2s; -moz-transition-duration: 0s;  -moz-transition-delay: .2s; transition-duration: 0s;  transition-delay: .2s; }
a.menulinks i:before, a.menulinks i:after { position: absolute; content: ''; left:0; }
a.menulinks i, a.menulinks i:before, a.menulinks i:after { width:35px; height:4px; background-color:#fff; display: inline-block; }
a.menulinks i:before { margin-top: -10px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s;  -webkit-transition-delay: .2s, 0; }
a.menulinks i:after { margin-top: 10px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
.mobile-open a.menulinks i { background-color: rgba(0, 0, 0, 0.0);  -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
.mobile-open a.menulinks i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
.mobile-open a.menulinks i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);  -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }

ul.mainmenu > li > a.current:after { display:none; }
ul.mainmenu ul { position:relative; top:auto; left:auto; float:left; width:100%; }
ul.mainmenu ul li{ position:relative;}
ul.mainmenu li li a:link, ul.mainmenu li li a:visited{ padding:8px 15px 8px 25px; color:#fff;}
ul.mainmenu ul ul { position:relative; left:auto; top: auto; float:left; width:100%; }
ul.mainmenu ul ul li{ padding-left: 10px; }

a.child-triggerm { display: block !important; cursor: pointer; position: absolute !important; top: 0px; right: 0px; width:50px !important; min-width: 50px !important; height:38px !important; padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); }
a.child-triggerm:hover { text-decoration: none; color:#fff;}
a.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important;  -webkit-transition-duration: .2s; -moz-transition-duration: .2s;  transition-duration: .2s; }
a.child-triggerm span:after { position: absolute; content: ''; }
a.child-triggerm span, a.child-triggerm span:after { width: 10px; height: 1px; background-color:#fff; display: block; }
a.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
a.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
a.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
a.child-triggerm:hover span, a.child-triggerm:hover span:after{ background-color:#fff;}
.nav-menu{ float:left; width: auto;}    
.menulinks{ right: inherit; left: 0; top:0;    position: relative; z-index: 999; float: left;}
.menulinks { /*background: #3F3F3F;*/ padding: 5px 10px;height: auto;width: auto;}  
a.menulinks i, a.menulinks i:before, a.menulinks i:after{  height: 2px;} 
a.menulinks i {top: -5px;}  
.fixed .menulinks { top: 0;z-index: 99;position: relative;    z-index: 999;}



ul.mainmenu > li > a:link, ul.mainmenu > li > a:visited {text-align: center; float: none; width: auto;    font-size: 25px; /*   background:#525252;*/}
ul.mainmenu > li > a:link:lang(en-US), ul.mainmenu > li > a:visited:lang(en-US){ font-size: 25px; }

.nav-menu .mainmenu ul.top-link{position:inherit;display:block !important;    background: none;    margin: 15px 0 0;}
.nav-menu .mainmenu ul.top-link li{border: none;    display: inline-block;    border: 1px solid #fff;    margin: 0 5px;}
.nav-menu .mainmenu ul.top-link li a{  padding:0;color: #fff; font-size: 20px;margin:0; height: 40px; width: 40px; line-height: 40px;background: none;}
.nav-menu ul.mainmenu ul li:last-child { }
.nav-menu .mainmenu ul.top-link li.active{background:#ECECEC;}
.nav-menu .mainmenu ul.top-link li.active a{color:#3F3F3F;}
ul.mainmenu > li:hover, ul.mainmenu > li.active { border-bottom: none;}
.fixed .nav-menu { /*padding: 17px 0;*/}

ul.mainmenu > li.current-menu-item.current_page_item a:after{background-color:#EEB63D;}
ul.mainmenu > li a:after{background:#EEB63D;}

.botheader { float: left; width: 100%; z-index: 99; background: #0f3942; position: absolute; padding: 10px; left: 0;}
.lftlogo{ display: none; }
.logo {  position: absolute;}

header .botheader .headerin ul li ul{ position: relative;left: 0; top:0; width: 100%; }
ul.mainmenu > li > a:hover{ background:inherit; }
.botheader.fixed {  background: #0f3942;padding: 15px;}
.footertop {padding: 50px 0 25px;}


.item.slick-slide { height: 260px !important;}










}


@media(max-width: 767px){
.scrlr {overflow: scroll; width: 100%; } 
.morgatageinconin .collapsible {font-size: 20px; padding-left: 50px; background-size: 20px; padding: 10px 10px 10px 45px; } 
.centerform {display: none; } 
section.banner {padding: 0; } 
.bannercon {padding: 20px; } 
.developcon ul li.devcon.halwid {flex-direction: column; flex-wrap: wrap; } 
.developcon ul li.devcon span.devlog {width: 25%; margin-bottom: 0px;    margin-top: 20px; } 
.developcon ul li.devcon .con {width: 100%; } 
.hoodconin {width: 100%; padding: 20px; } 
.mapcir {margin-bottom: 20px; width: 280px; height: 280px; } 
.hoodcon {padding:50px 0 130px; } 
.mapcir h3 {font-size: 24px; line-height: 25px; } 
.projecttopcon {width: 100%; } 
.purchasepro .accordion {font-size: 18px; padding-left: 40px; background-size: 20px 20px; } 
.morgatageinconin {width: 100%; margin-bottom: 30px; } 
.morgatageincon {padding: 0; margin-bottom: 10px; } 
section.morgatage {padding: 50px 0 50px; } 
.paymentcon {width: 100%; padding: 20px; } 
.downmain ul {justify-content: center; } 
.downmain ul li {margin: 10px; }
.hoodcon{  min-height: inherit; }
.hood-top { padding: 0;}
.expenses .morgatageinconin { width: 100%;}

.developerin { margin: 0;}
.bannerin {display: inherit; padding: 100px 0 20px; } 
span.feelimg img {width: 100px; }
.hood-top:after { background-image: none;}
section.expenses { padding: 40px 0 0;}

.item.slick-slide.slick-center {width: 440px; } 
.wrap { padding: 0 15px;}
.item.slick-slide { height: 200px !important;}
.note {width: 100%; text-align: center; } 





}

@media(max-width: 639px){
	.logo {width: 290px; } 
    .lftlogo {width: 90px; } 
    .logo img {
        width: 110px;
        margin-left: 10px;
    }
    .developcon ul li {width: 100% !important; } 
    .footcon {padding: 0; margin: 0; border: none; width: 100%; } 
    .footercon {flex-direction: column; } 
    h2.cmntitle {font-size: 26px; } 

 
    .pricetab ul.tabs li {width: 33.33%; } 
    .pricetab ul.tabs {flex-wrap: wrap; justify-content: center; } 
    .pricetab ul.tab {display: flex; flex-wrap: wrap; } 
    .pricetab ul.tab .tablinks {width: 100%; } 
    .accordion span.acottl {background-color: inherit; padding: 0; } 
    .accordion span.acottl::after {display: none; } 
    .accordion span.acottl {background-color: inherit; padding: 0; margin: 0; } 
    .purchasepro .accordion {padding: 7px; } 
    .pdfconin ul.tabs li.tab-link {width: 33.33%; } 
    .pdfconin ul.tabs {flex-wrap: wrap; } 
    .pdfconin ul.tabs {display: flex; flex-wrap: wrap; } 
    .mapcir {margin-bottom: 20px; width: 250px; height: 250px; } 
.proslider1 .item img {height: 260px !important;}
section.hood { padding: 40px 0 0px;}
.wrap {margin: 30px 0 0;}



}

@media(max-width: 568px){
.morgatageinconin .collapsible { font-size: 18px;}
#accordion .accordion.active:before { top: 52px;}
section.morgatage {  padding: 30px 0 30px;}
.morgatageincon {  margin-top: 25px;}
section.price { background-size: 100% 100%;}
.downmain { margin: 25px auto 0;}
.downmain ul li a span.downimg { height: 80px; width: 80px;}
.downmain ul li { width: 27%;}
#toTop{ display: none !important; }
.footcon p span { float: none; }
.footcon ul { display: inherit;}



.item.slick-slide.slick-center {
    width: 320px;
}




}

@media(max-width: 414px){
.purchasepro .accordion {font-size: 17px;}
section.hood { background-position: -365px;}
.bannercon {padding: 0 0 10px; }
.developerin {padding: 20px 0 20px; margin: 0 0 20px !important; }
.proslider1 .item img { height: 180px !important;}
.hoodconin { padding: 20px 0;}
.hood-top .cmnttl { margin: 0 0 10px;}
.hoodconin p { margin-bottom: 20px;}
section.hood {padding: 30px 0 0px; } 
section.project::after { background-image: none; height: inherit;}
section.project { padding: 30px 0 70px;}
section.purchase { padding: 130px 0 50px;}
.purchasepro {    margin: 30px auto 30px;}
.mapin .cmnttl {  margin: 0 0 25px;}
span.feelimg { width: 100%;}

.item.slick-slide {
    height: 160px !important;
}

}

@media(max-width: 400px){
.item.slick-slide.slick-center {
    width: 260px;
}

}

@media(max-width: 350px){
.proslider1 .item img {
    height: 140px !important;
}

.item.slick-slide.slick-center {
    width: 230px;
}


}
@media(max-width: 991px){
    .developcon ul li .ttl {
        opacity: 1 !important;
        transform: translateX(0%);
        background: rgba(83, 167, 153 , 0.8);
        top: 48px;
        right: 28px;
        width: 80%;
        height: 70%;
    }
    .developcon ul li.addcolr .ttl {
        background: rgba(44, 84, 100 , 0.8) !important;
    }
    .itemsingle img {
        max-height: initial;
        min-height: inherit;
    }
    .bannerininner {
        background-color: rgba(24,108,91,0.8);
        display: block;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        margin: 0 15px;
    }
}


@media(max-width: 767px){
    .footlogo img {
        padding: 20px 20px;
    }
}
@media(min-width: 767px) and (max-width: 1210px) {
    .logo img {
        width: 120px;
        margin-left: 10px;
    }
}
@media(min-width: 992px) and (max-width: 1079px) {
    .styled-checkbox + label {
        font-size: 15px;
    }
}


@media(min-width: 640px) and (max-width: 880px) {
    .logo {width: 290px; } 
    .logo img {
        width: 110px;
        margin-left: 10px;
    }
}