@charset "utf-8";

/* CSS Document */



/* #Media Queries

================================================== */

/* Smaller than standard 1200px (devices and browsers) */

@media only screen and (max-width: 1200px) {

.container {

	width:90%;

	margin:0 auto;

}

}

@media only screen and (max-width: 1280px) {

header{

/*	padding:1%;*/

}





}





/* iPads (portrait and landscape) ----------- */

@media only screen and (min-width : 600px) and (max-width : 1024px) {

/* Styles */



}

/* iPads (portrait) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	

	

}

/* iPads (landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

/* Styles */

#main{

	  width:100%;

	  padding:0;

	  margin:0 auto;

	  padding-top:56px;

}

header nav{

    width: 70%;

}

.ace-responsive-menu > li > a {

    padding: 5px 1px 5px 10px;

    font-size: 11px;

}

}

/* iPads (portrait) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

/* Styles */

#main {

    margin:0 auto;

    padding:56px 0 0;

    width:100%;

}

header {

    background:#fff none repeat scroll 0 0;

    left:0;

    position:fixed;

    transition:height 0.3s ease 0s;

    width:100%;

    z-index:999;

}

header .logo{

	width:15%;

}

header.smaller .logo{

	width:12%;

}





}



@media only screen and (min-device-width : 480px) and (max-device-width : 767px) and (orientation : landscape) {

#main{

	padding:0px;

}

header{

	padding:1% 0 2% 0!important;

}

header.smaller {

    height:70px!important;

}

header .logo {

    float:left!important;

    width:23%!important;

	position:absolute;

	left:20px;

}

header nav {

    display:inline-block;

    float:right;

    padding:2% 2% 0 0!important;    

    width:100%;

}



}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

	width:100%;

	padding:15px;

}

header {

	width:100%;

	height:auto;

	position:relative;

}

header.smaller {

	top:0;

	height:220px;

	background-color:#fff;

}

header .logo {

    float:left!important;

    width:26%!important;

	position:absolute;

	left:20px;

	top:10px!important;

}

header nav {

    display:inline-block;

    float:right;

    padding:4% 0 0 0;

    width:100%;

}

header.smaller .logo {

	width:60%;

	text-align:center;

	margin:0 auto;

	float:none;

}

#main{

	padding:0px;

}





}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){



}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

/* Styles */

th, td {

    font-size: 12px;

}

p{

	text-align: justify;

	font-size: 14px;

}

li{

	font-size: 14px;

}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

	width:100%;

	padding:15px;

}

.fa_menuarrow{

	display:none!important;

}

header {

	width: 100%;

	height: auto;

	position: fixed; 

}

header .inner_container{

	flex-wrap: wrap;

	padding: 10px 0 0;

}

header.smaller {

	top:0;

	height:110px;

	background-color:#fff;

}

header .logo {

	float: left!important;

	width: 100px!important;

	position: absolute;

	left: 0;

	top: 14px!important;

	z-index: 999;

}

header nav {

    display:inline-block;

    float:right;

    padding:2% 2% 0 0;

    width:100%;

    margin-top: 0%;

    order: 4;

}

.menu-toggle h3{

	display: none;

}

header.smaller .logo {

	width:60%;

	text-align:center;

	margin:0 auto;

	float:none;

}



#main {

    padding-top: 115px!important;

}

.ace-responsive-menu > li > a {

    padding: 5px 0 0 12px!important;

}

.ace-responsive-menu > li {

    padding: 8px 0!important;

}

header .inner_container .right_ctc{

	display: grid;

    grid-template-areas:

        'mobile_num spaces_logo'

        'enquire_btn spaces_logo';

}

header .inner_container .right_ctc .ctc_num{

	grid-area: mobile_num;

	padding: 7px 0 0 0;

}

header .inner_container .right_ctc .ctc_num a{

	font-size: 14px;

}

header .inner_container .right_ctc .grad_btn{

	grid-area: enquire_btn;

	display: none;

}

header .inner_container .right_ctc .grad_btn a{

	font-size: 14px;

	padding: 5px 10px;

}

header .inner_container .right_ctc .vaidya_spaces_logo{

	grid-area: spaces_logo;

}

header .inner_container .right_ctc .vaidya_spaces_logo a{

	text-align: right;

}

header .inner_container .right_ctc .vaidya_spaces_logo img{

	width: 80%;

}



.hero .item_box .overlay_text{

	left: 5%;

	width: 90%;

}

.hero .item_box .overlay_text .banner_heading{

	font-size: 30px;

}

.hero .item_box .overlay_text .banner_sub_heading{

	font-size: 18px;

	padding: 15px 0;

}

.hero .item_box .overlay_text .banner_text{

	width: 100%;

	font-size: 14px;

	padding: 0 0 15px;

}

.grad_btn a{

	font-size: 14px;

    padding: 10px 20px;

}

.owl-nav{

	top: 75%;

}



.overview_section{

	padding: 50px 0;

}

.heading{

	font-size: 25px;

	padding: 0 0 30px;

}

.overview_section .info_box .section_title{

	font-size: 18px;

    padding: 0 0 15px;

    font-weight: 500;

}

.overview_section .info_box::before{

	height: calc(100% - 20px);

}

.overview_section .info_box::after{

	height: calc(100% - 20px - 2px);

}

.overview_section .info_box .text{

	padding: 0 20px 30px;

	text-align: center;

}

.overview_section .info_box .text p{

	text-align: center;

}

.overview_section .form_wrapper{

	margin: 0;

}

.project_config{

	padding: 50px 0;

}

.project_config .boxes_wrap .box{

	padding: 40px 0 40px;

	margin: 0;

}

.project_config .boxes_wrap .box .sub_title{

	font-size: 30px;

}

.project_config .boxes_wrap .box .size_num{

	font-size: 32px;

}

.amenities{

	padding: 50px 0;

}

ul#tabs-nav{

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	padding: 0 0 20px;

}

ul#tabs-nav li{

	width: 50%;

}

#tabs-nav li a{

	font-size: 16px;

	margin: 0 15px 15px;

	padding: 10px 35px;

}

#tabs-nav li.active a{

	padding: 15px 45px;

}

.amenities .tabs_wrapper{

	padding: 0;

}

.amenities .tabs_wrapper .tab-content .info_box{

	padding: 0;

	justify-content: center;

}

.amenities .tabs_wrapper .tab-content .info_box .col-sm-3{

	width: 50%;

}

.amenities .tabs_wrapper .tab-content .info_box .box .img_box{

	width: 90%;

	margin: auto;

	padding: 0;

}

.amenities .tabs_wrapper .tab-content .info_box .box{

	padding: 0;

}

.amenities .tabs_wrapper .tab-content .info_box .box .text{

	padding: 0 0 20px;

	font-size: 14px;

}

.project_highlights .info_wrapper .box .icon{

	width: 200px;

	margin: auto;

}

.gallery{

	padding: 50px 0;

}

ul#gallery-tabs-nav{

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	padding: 0 0 20px;

}

ul#gallery-tabs-nav li{

	width: 50%;

}

ul#gallery-tabs-nav li a{

	font-size: 16px;

	margin: 0 10px 10px;

	padding: 10px 35px;

}

ul#gallery-tabs-nav li.active a{

	padding: 10px 35px;

	color: #000;

}

.location_adv{

	padding: 50px 0;

}

.location_adv .info_wrapper .list_wrapper{

	padding: 0;

}

.beefup__head > button{

	font-size: 16px;

}

.location_adv .location_list li .txt{

	font-size: 14px;

}

.beefup__head::after{

	top: 1px;

/*	top: calc(50% - 1px);*/

}

.beefup__head > button::after{

	top: calc(50% - 1px);

}

.beefup.is-open > .beefup__head > button::after{

	top: calc(50% - 3px);

}

.location_adv .info_wrapper .map_wrapper{

	height: 80vw;

}

.about_section{

	padding: 50px 0;

}

.about_section .info_box .text{

	padding: 0 25px 20px;

}

.about_section .info_box .text p{

	text-align: center;

}

.leadership{

	padding: 50px 0;

}

.leadership .info_boxes_wrapper .info_box{

	padding: 30px 20px;

}

.leadership .info_boxes_wrapper .info_box .title{

	font-size: 22px;

}

.leadership .info_boxes_wrapper .info_box .title_position{

	font-size: 18px;

}

.leadership .info_boxes_wrapper .info_box ul li{

	font-size: 14px;

}

.contact_us_section{

	padding: 50px 0;

}

.contact_us_section .info_boxes_wrapper .map_wrapper{

	margin: 0;

	height: 80vw;

}

.contact_us_section .info_boxes_wrapper .form_wrapper{

	margin: 0;

	padding: 25px 10px 25px 20px;

}

.contact_us_section .info_boxes_wrapper .form_wrapper .form_group .icon_txt .icon{

	width: 60px;

}

.contact_us_section .info_boxes_wrapper .form_wrapper .form_group .icon_txt .input_wrapper{

	width: calc(100% - 60px);

}

.contact_us_section .info_boxes_wrapper .form_wrapper .form_group .icon_txt .input_wrapper input{

	font-size: 14px;

	padding: 10px 25px;

	color: #fff;

}

.submit_btn_wrap button{

	padding: 10px 35px;

}

.contact_us_section .lower_info_box{

	padding: 50px 0 0 0;

}

.contact_us_section .lower_info_box .address_txt{

	font-size: 16px;

}

.contact_us_section .lower_info_box .number_info a .icon{

	width: 25px;

}

.contact_us_section .lower_info_box .number_info a .txt{

	font-size: 22px;

}

footer .text_one{

	font-size: 18px;

}

footer .text_two{

	font-size: 14px;

}

footer .last_line{

	font-size: 14px;

	padding: 30px 0 50px;

}

.about_section .icons_wrapper .width_20{

	width: 100%;

	text-align: center;

}





.policy_overlay .inner_box .content_box{

	width: 90vw;

}

.policy_overlay .inner_box .content_box .sub_title{

	font-size: 16px;

	font-weight: 600;

}



.policy_overlay .inner_box .content_box .text strong{

	font-size: 14px;

}



.vbox-close{

	top: 20%;

	right: 45%;

}
footer .rera_wrapper{
	flex-wrap: wrap;
}
















}

/* Smartphones (landscape) ----------- */

@media only screen and (min-width : 321px) {

/* Styles */

}



/* Smartphones (portrait) ----------- */

@media only screen and (max-width : 320px) {

/* Styles */

}