@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1300px) and (max-height: 700px){
.gallery-section {
    width: 80%;
}.thumbnail_wrap a.thumbnail {
    width: 25%;
}.filter {
    margin-bottom: 1% !important;
}.inner_container h1 {
    font-size: 37px;
    margin-bottom: 9px;
    padding-bottom: 9px;
}.inner_container {
    padding-top: 23px;
}.over_img img {
    width: 92%;
}.over_img {
    width: 49%;
}
}

@media screen and (max-width: 1280px){
    .container{width: 96%;}
    .amenity-content ul li{margin: 27px 0 0px;}
    .banner_text{right: 2%;}
}

@media screen and (max-width: 1024px){
    nav{margin: 2.8% 0 0 3%;}
    .over_content{margin-left: 2%;}
    .over_img img {width: 100%;}
    .amenity-slider{width: 50%;}
    .amenity-content{width: 50%;}
    .amenity-content ul li{margin: 18px 0 0px;}
    .banner_text{top: 17%;}
    section#section5 {
    height: 90vh;
}
nav ul li{    margin: 0 18px 0;}
}

@media screen and (max-width: 960px){
nav ul li{margin: 0 35px 0;}
.amenity-content ul li{margin: 11px 0 0px;}
.amenity-wrap,section#section2,section#section5{height: auto;}
.amenity-slider, .amenity-content,.amenity_section {
    height: auto !important;
}
section#section2, section#section3, section#section4, section#section5 {
    padding-top: 15%;
}
}

@media screen and (max-width: 800px){
nav ul li{     margin: 15px 10px 0;}
.enq_btn a{font-size: 18px;}
.over_content:before{ width: 170%; height: 137%;top: -32%;left: -63%;}
.overview_section{margin-top: 4%;}
.gallery-section{width: 100%; margin: 0;}
.amenity_section {height: 65vh; overflow: auto}
.amenity-slider,.amenity-content{width: 100%;}
.amenity-slider{margin-bottom: 15px;}
.fancybox-nav span{    visibility: visible;}
section#section5 {
    height: 78vh;
}section#section2 {
    height: 60vh;
}

.enquire_footer_form{width: 95%;}

}




@media screen and (max-width: 768px){
    nav ul {
    display: none;
}
nav ul li a{ font-size: 16px;}

.menu_icon {
    display: block;
}
.enq_btn{width: 185px;}
nav{position: fixed; right: 0; height: 100%; width: 0; background: #000; top:0; margin: 0; transition:all 0.5s;    z-index: 9999;}
nav.mob{width: 230px;}
nav ul{display: none;}
nav ul li{text-align: center;color: #fff; float: none; margin:0;}    
nav ul li a{color: #fff; padding: 0;border-bottom: 1px #403939 solid;padding: 15px 0;} 
/*nav ul li a:hover,nav ul li a.active{color: #f0d9b8;}*/
nav ul li:first-child{display: block;text-align: left; padding-left: 15px;margin-bottom: 40px;}
nav ul li:first-child a{border: none;}
.menu_icon{display: block;}
nav ul li a span{display: none;}
nav ul li:last-child{display: block;}
nav ul li:last-child a{border: none;background: #8a0806; display: inline-block; padding: 8px 35px;border-radius: 16px;margin-top: 25px;}

.over_img,.over_content,.location-right{width: 100%;float: none;}
.over_content:before,.location-section:after{display: none;}
.location-right{margin-left: 0; margin-top: 20px;}
.over_content{margin-top: 30px; margin-left: 0;}
footer{position: relative; overflow: hidden;}
/*body.home footer{position: absolute;}*/
.overview_section{margin-top: 0;}
.inner_container{padding: 30px 0;}
.inner_container h2{font-size: 31px;}
.inner_container h1{font-size: 40px;}
.over_content h1{margin-bottom: 30px;}
.inner_container h1{margin-bottom: 20px;font-size: 31px;}
.location-section{ width: 100%;margin: 2% 0 0; text-align: center;}
.location-right span{margin: 8px 0;}
.f-loc{line-height: 25px;padding-top: 25px;}
.filter a{margin-bottom: 10px;display: inline-block; padding: 7px 20px 6px;}
.thumbnail_wrap a.thumbnail{width: 50%;padding: 1%;}
.filter{margin-bottom: 0 !important;}
.amenity-content ul li{width: 50%;    margin: 10px 0 10px;}
.amenity-content{padding-bottom: 0; height: auto !important}
.form-row{width:94%;float: none; margin:20px auto;}
.form-wrap span{right: 1%; top: 10%;}
.form-row:last-child{margin-bottom: 0;}
.enq-form{padding: 0;}
.banner_main {background-position: center; background-repeat: no-repeat;}
.banner_text{right: 0; left: 0; top: 22%; margin: 0 auto; width: 70%}
.amenity_section {height: auto}
body .intl-tel-input.allow-dropdown input, body .intl-tel-input.allow-dropdown input[type=text] {
   padding-left: 44px;
}.form-wrap .error {
    left: 0;
}.thank_container .inner_container h1 {
    font-size: 15px;
    line-height: 40px;
    padding-bottom: 6%;
}footer.thank_f {
    position: fixed;
    bottom: 0;
}section#section2, section#section3, section#section4, section#section5 {
    padding-top: 10%;
}#walkthrough iframe{width: 100%;
    /*max-width: 600px;
    min-width: 300px;*/}
.fancybox-nav {
    height: 34px;
    width: 34px;
    top: 40%;
}nav ul li.activee a {
    color: #f0d9b8;
}.amenity-wrap, section#section2, section#section5 {
    height: auto;
}
.enquire_footer_form .form_content {text-align: center;}
.enquire_footer_form .input_text{float: none;width: 100%;box-sizing: border-box;margin:0 auto 8px !important;padding: 5px 10px !important;}
.enquire_footer_form .submit_btn{ width: 100%; float: none; box-sizing: border-box; margin-left: 0;padding: 5px 10px; background: #8b0305; font-size: 15px; color: #fff}

.enquire_footer_form .intl-tel-input{float: none;width: 100%;margin: 0 0 8px;box-sizing: border-box;}
.enquire_footer_form .intl-tel-input .input_text{padding-top: 5px !important;padding-bottom: 5px !important;}
.enquire_footer_form h4{font-size: 14px; line-height: 22px;margin: 10px auto 0px;}
.enquire_footer_form h4 small{font-size: 19px;}
.enquire_footer_form .pay_text{font-size: 16px;line-height: 19px; width: 92%;}
.road_adani_logo{margin-right: 12%;width: 130px;}
.road_logo{max-width: 100%; float: none; margin-left: 0}
.r-cont {width: 100%; float: none; margin: 20px auto 0}
.iti-mobile .intl-tel-input .country-list{width: 92% !important;}
.modal-body th {
    display: none;
}

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { 
        display: block; 
    }

  
    /* Hide table headers (but not display: none;, for accessibility) */
    .modal-body thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
   .modal-body tr { border: 1px solid #ccc; }
    
   .modal-body td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }
    
   .modal-body td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    
    /*
    Label the data
    */
   .modal-body td:nth-of-type(1):before { content: "PROJECT NAME"; }
    .modal-body td:nth-of-type(2):before { content: "CERTIFICATE NO."; }
    .modal-body td:nth-of-type(3):before { content: "LINK"; }

}

}

@media screen and (max-width: 640px){
.brochure{left: 28%;}
ul.social_links li{ margin: 0 5px;}

}

@media screen and (max-width: 568px){
.brochure{left: 30%; width: 95px;}
}

@media screen and (max-width: 480px){
ul.social_links{margin-right: 17%;}	
footer{padding-bottom: 12px;}
ul.foot_links{text-align: center;display: inline-block;float: none; width: 100%;}
ul.foot_links li{float: none;display: inline-block;}
.brochure{left: -59%;bottom: 9px;}
ul.social_links{margin-right: 20%;margin-top: 12px;}
.enq_btn{width: 170px;}
.menu_icon{ right: 48%;}
.inner_container {padding-top: 20px}
.inner_container h1 {margin-bottom: 10px}
}

@media screen and (max-width: 420px){
.logo img {width: 75%;}
.enq_btn a{padding: 28px 0;}
.banner_text{width: 85%;}
}

@media screen and (max-width: 375px){
.enq_btn{width: 150px;}
.enq_btn img{margin-left: 0px;}
ul.social_links{margin-right: 16%;}
}

@media screen and (max-width: 360px){
ul.social_links{margin-right: 14%;}	
.menu_icon{right: 175px;}
}

@media screen and (max-width: 320px){
ul.foot_links li{margin: 0 5px 0 0;}
ul.foot_links li img{vertical-align: top;}
ul.social_links{margin-right: 11%;}
.brochure{left: -41%;}
}

@media screen and (max-height: 400px){
    .enquire_footer_form {max-height: 300px; overflow: auto}
}