@media(max-width:1460px) {
.saveimg {top:83px;}
}
@media(max-width:1400px) {
.saveimg {top:48px; z-index:-1;}
}
@media(max-width:1350px) {
.box1 {margin:69px 0 0 0;}
.saveimg {top:107px;}
}
@media(max-width:1270px) {
.saveimg {top:115px;}
}
@media(max-width:1220px) {
.saveimg {top:127px;}
}
@media(max-width:1199px) {
.saveimg{display: none;}
.box1 {
    margin: 40px 0 0 0 !important;
    background: #0d3d4b !important;
    padding-top: 25px !important;
}
.box1 h3 {
    padding: 0!important;
    margin: 12px 0 7px 0!important;
     font-size: 30px!important;
}
.box1 h2 {
    font-size: 30px  !important;

}
.box4 p{padding: 0 !important; margin: 0 0 20px 0 !important}
.how_we_build p {
    padding: 0 0 !important;
    font-size: 15px !important;
    line-height: 23px !important;
    font-weight: 500 !important;
    text-align: justify !important;
}
.box3 {
    margin: 0 !important;
    background: #2d9095 !important;
}
.box3 h2{font-size: 30px !important;}
.box3 h3 {
    padding: 0 !important;
    margin: 20px 0 7px 0 !important;
    }
.box3 p{padding: 0 0px 0 0 !important}

    .box3 h4{margin: 24px 0 8px 0!important}
.call {
    margin: 0;
    position: absolute;
    top: -41px;
    right: 0;
}
.supalocbg{min-height: auto; background-image: none;}
.box4{background: #fff; margin:25px 0 !important}
.how_we_build {margin:40px 0;}
.how_we_build_banner span, .how_we_build_banner2 span {display:none;}
.how_we_build h2 {padding-left:0;}
.how_we_build_banner, .how_we_build_banner2 {margin:0;}

.searchlist ul li:nth-child(2) {width:24%;}

.displayvilages .nav-tabs>li {width:calc(25% - 15px); margin-right:7px; vertical-align:top;}
.displayvilages .nav-tabs>li>a {margin-right:0; line-height:1.1;}
.nav>li>a>img {max-width:100%;}
}
@media(max-width:1024px) {
	.how_we_build .carousel-control.left {
    left: 64.3%;
}
.supalocbg{background-size:inherit;  background-position: -320px !important;}
.box4 h4 {
    padding: 0;
    margin: 20px 0 7px 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    color: #000;
}

.saveimg {
    margin: 177px 0 0 0;
}
.box1 h3 {
    padding: 0;
    margin: 0px 0 7px 0;
    }
    .box1 p {
    padding: 0 !important;
    font-size: 14px !important;
    color: #fff !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    text-align: justify !important;
}
.how_we_build h2{margin: 0 0 5px 0 !important;}
.how_we_build_banner2 span{display: none !important; }
.how_we_build_banner span{display: none !important;}
.how_we_build_banner{margin: 0 0 35px !important}
.how_we_build_banner2{margin: 0 !important}
.how_we_build{margin: 25px 0 !important}
	.menu {
    float: right;
    margin: 5px 0 0px 0px;
    width: 100%;
}
.carousel-caption h2 {
    font-size: 26px;
    margin: 0;
    padding: 0;
    line-height: 25px;}
    .locationarea {
    margin: 0;
}
.carousel-caption{top: 18%}
.sendmessage .col-sm-6{width: 100%;}
.searchlist .col-sm-6{width: 100%; text-align: center;}
.searchlist .radios p {
    width: 115px;
    float: left;
}
.tab-content .col-sm-6{width: 100%; padding: 0 15px;  text-align: center;}
.listaddress{text-align: left;}
.homebuilder ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 30%;
    }
.homebuilder{background-size: cover}
.searchlist .submitbtn{margin: 25px 0 0 0}
.call{margin: 8px 15px 0 0}
.enquiry span{padding: 0 12px;}
.navigation{padding: 17px 0}
.mean-container a.meanmenu-reveal{top: -13px;}
.form .col-md-12 {padding: 0}
.header{min-height: auto}

.searchlist_inner .submitbtn{margin: 29px 0 0 0;
    float: left;}
.searchlist_inner .col-sm-9{width: 100%; }
.searchlist_inner .col-sm-3{width: 100%; }
.searchlist_inner .radios p {
    width: 120px;
    float: left;
    margin: 33px 15px 0px 0px;
}
.supalochead img {margin:50px 0 0 0;}
.box1 {margin:107px 0 0 0;}
}
@media(max-width:991px) {
.displayvilages span {padding:14px 5px;}
.searchlist ul li {
    float: left;
    width: 100% !important;
    margin: 0 0 10px 0;
}
.searchlist .radios p {
    width: 120px;
    float: left;
    margin: 21px 15px 0px 21px;
}
.searchlist .submitbtn {
    margin: 16px 0 0 0;
}
.searchlist h3{font-size: 20px;}

.searchlist_inner  ul li, .searchlist_inner ul li:first-child, .searchlist_inner ul li:nth-child(2) {
    float: left;
    width: 100% !important;
    margin: 0 0 10px 0;
}
.searchlist ul li select {width:80% !important; margin:0;}
.searchlist ul li:first-child img {max-width:28px;}
.searchlist_inner  .radios p {
    width: 80px;
    float: left;
    margin: 21px 15px 0px 10px;
}
.searchlist_inner  .submitbtn {
    margin: 16px 0 0 14px;
}
.searchlist_inner h3{font-size: 20px;}
.searchlist_inner ul li select{
    padding: 7px 5px;
    margin: 0 10px 0 7px;
    width: 76% !important;
    float: right;
}
}
@media(max-width:768px) {
	.searchlist_inner ul li select{
    padding: 7px 5px;
    margin: 0 10px 0 7px;
    width: 76% !important;
    float: right;
}
.mainslider img {width:100%;}
.pro_detail02 li {
    width: 33.33%;
}
.mean-bar img {display:none;}
.form_contact input {
    border: #c3c9ca solid 1px;
    padding: 10px;
    width: 100%;
    float: left;
    margin: 12px 0;
}
.form_contact select {
    border: #c3c9ca solid 1px;
    padding: 10px;
    width: 100%;
    float: left;
    margin: 12px 0;
}
.form_contact textarea {
    border: #c3c9ca solid 1px;
    padding: 10px;
    width: 100%;
    min-height: 150px;
    float: left;
    margin: 12px 0px;
}
.showroom_locations{margin:0 auto; width:100% !important;}
.form_contact{margin:0 auto; width:100% !important;}
.brocher_list li {
    width: 100%;
    display: inline-block;
}
    .brochers img{width: 100%}
    .contactus_container {
    width: 100% !important;
}
.pro_d2{    margin: 40px 0 0 0 !important;
    padding: 0 !important;}
    .hover_container{display: none !important;}
    .address_d{height: auto; padding: 0 0 10px 0; text-align: center;}
    .address_d h2{float: inherit;}
    .address_d_form h2 {
    float: left;
    width: 100%;
}
.address_d span {
    float: inherit;
    margin: 12px 0px 15px 0;
    color: #fff;
    font-size: 18px;
}
.viewmoredetail{display: inline-block; padding: 2px 14px; margin: 8px 0 0 0; border: #0b6f73 solid 2px;
    color: #0b6f73;}
   .containerList li{width: 100%}
   .containerList li.altrow{width: 100% !important}
	.supalochead img {
    margin: 50px 0 0 0 !important;
}
.saveimg{display: none;}
.box1 {
    margin: 40px 0 0 0 !important;
    background: #0d3d4b !important;
    padding-top: 25px !important;
}
.box1 h3 {
    padding: 0!important;
    margin: 12px 0 7px 0!important;
     font-size: 30px!important;
}
.box1 h2 {
    font-size: 30px  !important;

}
.box4 p{padding: 0 !important; margin: 0 0 20px 0 !important}
.box2 p {margin:0 0 20px;}
.box3 img {margin:0 0 20px;}
.plain_box.p_box4 {padding:50px 0 60px;}
.how_we_build p {
    padding: 0 0 !important;
    font-size: 15px !important;
    line-height: 23px !important;
    font-weight: 500 !important;
    text-align: justify !important;
}
.box3 {
    margin: 0 !important;
    background: #2d9095 !important;
}
.box3 h2{font-size: 30px !important;}
.box3 h3 {
    padding: 0 !important;
    margin: 20px 0 7px 0 !important;
    }
.box3 p{padding: 0 0px 0 0 !important}

    .box3 h4{margin: 24px 0 8px 0!important}
.call {
    margin: 0;
    position: absolute;
    top: -41px;
    right: 0;
}
.supalocbg{min-height: auto; background-image: none;}
.box4{background: #fff; margin:25px 0 !important}
.contact_info{width: 100%}
.enquiry{width: 78%; float:left;}
.enquiry img{ float: right; }
.enquiry span {
    padding: 14px 5px !important;
    width: 70%;
    text-align: center;
}
.border{border: 0}
.carousel-caption h2 {
    font-size: 26px;
    margin: 0;
    padding: 0;
    line-height: 30px;
}
.locationarea img {
    float: left;
    margin: 0 25px 0 0;
}
.locationarea {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}
.carousel-control {
    top: 40% !important;
    width: auto !important;
}
.carousel-indicators {
    bottom: 10px !important;
    right: 19% !important;
    margin: 0 !important;
    left: auto !important;
}
.collection .carousel-control {
    top: 4% !important;
    }
    .btns .enq{margin: 15px 0}
    .btns .downloadb{margin: 15px 0}
    .pro_d{margin: 0 0 15px 0; width: 100%;}
    .pro_d li{padding: 15px 0}
    .pro_d li strong {
    display: block;
    font-size: 20px;
}
.displayvilages .nav-tabs>li>a {
    margin-right: 0;
    }
    .dp1{display: none;}
    .homebuilder ul li img {
    display: inline-block;
}
.homebuilder ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
.homebuilder ul {
    margin: 0;
    padding: 0;
}
.homebuilder ul li span {
    color: #fff;
    text-align: center;
    margin: -21px 0 0 0;
    display: block;
}
.service_box{padding: 0 0 15px 0}
.fiveicons img{width: 100px;}
.heartofgold h2 {
    font-weight: 800;
    font-size: 16.8px;
}
.heartofgold{margin: 0 15px; padding: 10px;}
.btnsall .submienq {
    background: #f4f4f4;
    border: #026169 solid 1px;
    width: 100%;
    padding: 7px 5px;
    margin: 10px 0 0 0;
    float: left;
    color: #026169;
}
.btnsall .submienq img {
    float: left;
    margin: 15px 3px;
    width: 26px;
}
.formDiv {
    min-height: 349px;
    padding: 27px 10px;
    background: #124b5c;
    margin: 0 15px;
}
.sendmessage{background-size: cover;}
.messagesubmitbtn{float: inherit !important;}

.btnsall .callusnowbtn {
    width: 100%;
}
.testoimonials .col1{margin: 0 0 35px 0}
    .pro_d li span {
    display: block;
    padding: 5px 0 0 0;
    font-size: 16px;
}
.carousel-caption{display: none; position: relative !important;
width: 100%; right: inherit !important; overflow: hidden;
	background: #124b5c; top: inherit !important; bottom: inherit !important; left: inherit !important;}
.carousel-caption-mobile{display: block !important; }

.mean-container a.meanmenu-reveal{right: 10px !important;}
.brocher_list li {
    width: 100% !important;
    display: inline-block;
}
.awards_boxes2 h4 img {
    margin: 0 11px 8px 0 !important;
 }
.awards_boxes2 h4 span strong {
    margin: 0 0 10px 0 !important;
    color: #1c97a0;
    font-weight: 500;
    float: left !important;
    width: 100% !important;
}

.modal-dialog {
    width: auto !important;
}
.form_head .col-sm-2 {
    float: left !important;
    width: 23% !important;
}

.form_head .col-sm-9{
    float: left !important;
    width: 72% !important;
}
.form_head h2 {
    font-size: 16px !important;
 }
.modal-body {
    position: relative;
    padding:0px !important;
}
.close {

    top: 5px !important;
    right: 5px !important;
}
.awards_boxes h4 span {
    color: #e0c834 !important;
    float: left !important;
    width: 100% !important;
    padding: 5px 0 !important;
}
.awards_boxes h4 span {
    color: #e0c834 !important;
    float: left !important;
    width: 100% !important;
    padding: 5px 0 !important;
}
.awards_boxes {
    margin-top: 15px !important;
    margin-bottom: 55px;
}


}

@media(max-width:640px) {
.pro_detail02 li {
    width:100%;
}
.displayvilages .nav-tabs {margin:0 0 30px 0;}
}
@media(max-width:580px) {
.displayvilages .nav-tabs>li>a img {border:3px solid #fff;}
.nav-tabs>li.active>a img {border:#02717a solid 3px;}
.displayvilages .nav-tabs>li {white-space:normal; word-break:break-word;}
.address_d {position:relative;}
.detail_slider>.item>img {height:auto;}
}

@media(max-width:480px) {
.map2_circl {width:275px; height:275px;}
.text_area {padding:18px 50px;}
.displayvilages .nav-tabs>li>a {font-size:12px;}
.nav-tabs>li.active>a span:after {bottom:-8px;}
}
@media(max-width:375px) {
.displayvilages .nav-tabs>li {margin-right:0; width:calc(25% - 7px);}
.displayvilages .nav-tabs>li>a {font-size:10px;}
.displayvilages span {padding:7px 4px;}
}