@charset "utf-8";
/* CSS Document */
#news_articles, #videos, #press_releases{padding-top:6.5%;}

/* #Media Queries
================================================== */
@media only screen and (max-width: 1400px) {

}
/* 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%;
	}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
	padding: 5px 7px!important;
	letter-spacing:2px;
	}
}


/* 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;
	}
.map-box {
 position: fixed;
 top:80%;
 right:20px;
 left:auto;
 width: 360px;
}
.map-box_top
{
 position: fixed;
 top:30%;
 right:20px;
 left:auto;
 width: 360px;
}
section.slider-section .projects .graph-left {
    position: absolute;
    bottom: 193px;
    left: -35px;
    z-index: 0;
    height: 400px;

}
section.slider-section .projects .graph-right {
    position: absolute;
    bottom: 193px;
    right: -30px;
    z-index: 0;
    height: 400px;
}
.company-overview-section .overview .overview-boxes .box .box-title p {
    padding: 25px 0 0;
 }
 .project-section .project .upcoming-project .project-caption{
 	width: 50%;
 }
 section.slider-section .slide-title {
    position: absolute;
    bottom: -20px;
}
section.slider-section .slide-title h2 {
    font-size: 16px;
}
section.slider-section .slide-title p{
	font-size: 14px;
}
.footer-section .page-head {
    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 (max-width: 767px) {
.pressreleaseyear{width:48% !important;}
}

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

.acccontentanchor {
    width: 50% !important;
    float: left;
    height: 200px;
}
.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 (max-width: 767px) {
.press_releases_section .press_releases .press_releases_box{	width: 33%;	float: left;	height:200px;}
}
@media only screen and (max-width: 640px) {
.press_releases_section .press_releases .press_releases_box{	width: 33%;	float: left;	height:200px;}
}
@media only screen and (max-width: 540px) {
.press_releases_section .press_releases .press_releases_box{	width: 50%;	float: left;	height:200px;}
}
@media only screen and (max-width: 480px) {
.press_releases_section .press_releases .press_releases_box{	width: 100%;	float: left;	height:auto;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){
.acccontentanchor {
    width: 50% !important;
    float: left;
    height: 200px;
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.pressreleaseyear{width:100% !important;}
.acccontentanchor {
    width: 100% !important;
    float: left;
    height: auto !important;
	margin-bottom:3%;
}
/* Styles */
th, td {
    font-size: 12px;
}
p{
	text-align: justify;
}
.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:relative;
}
header.smaller {
	top:0;
	height:110px;
	background-color:#fff;
}
header .logo {
    float:left!important;
    width:32%!important;
	position:absolute;
	left:20px;
	top:10px!important;
	z-index: 999;
	}
header nav {
    display:inline-block;
    float:right;
    padding:2% 2% 0 0;
    width:100%;
    margin-top: 5%;
	}
header.smaller .logo {
	width:60%;
	text-align:center;
	margin:0 auto;
	float:none;
}
.mobile_flex { 
  display: flex; 
  /* Optional, if you want the DIVs 100% width: */ 
  flex-direction: column;
}
.mobile_flex .first_block { order: 1; }
.mobile_flex .second_block { order: 2; }
#main{
    padding: 0;
}
.title-1 {
    color: #020202;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}
.title-2 {

    color: #020202;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;

}
.banner{
    position: relative;
    display: block;
}
.col-2{
	width: 100%;
}
.inner-tab .tab{
    width: 100%;
    height: auto;
    margin: auto;
    padding: 0;
}
.inner-tab .tab a {
    display: inline-block;
    margin: 10px 20px;
    float: left;
    font-size: 13px;
    margin: 0 9px;
}
.our_associates .associate_box .box {
    width: 100%;
    float: left;
}
.project_div{
    margin: 15% 0 0;
}
.db-project-section .project_box .project_info_container .img_box{
    padding: 0;
}
.inner-tab{
    padding: 14px 0;
}
.inner-tab .pro_categ{
    border: 2px solid #000; padding: 1px;
}
.inner-tab .tab .active{
    display: block;
    padding: 3px;
}
.inner-tab .tab .project_tab{
    font-size: 13px;
}
.tab_box{
    margin-top: 10px;
    padding: 3% 1%;
    background:#ececec;
    height: 50px;
}
.map-box{
    display: none;
}
.db-project-section .project_box .location .content {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 20px 15px;
}
.db-project-section .project_box .location img{
    width: 100%;
}
.db-project-section .project_box .location .content p{
    text-align: center;
}
.db-project-section .project_box .location .content h2{
    margin-bottom: 20px;
}
.db-project-section .project_box .location .content .btn{
    margin: 0 auto;
}
.db-project-section .project_box .location .content .btn a{
    margin: 20px 0;
}
.db-project-section .project_box .location .img_box {
    width: 100%;
    float: left;
    padding: 10px;
}
.company-overview-section .overview {
    padding: 0px 5px 0px 0px;
}
.company-overview-section .overview .overview-boxes .box {
    padding: 0px 0px;
}
.company-overview-section .overview .overview-boxes .box .box-title p{
	text-align: center;
	padding: 20px 0;
}
.company-overview-section .overview {
    background: url('../images/overview-bg.jpg') repeat;
}
.company-overview-section .overview .content {
    padding: 15px;
  }
 section.slider-section .slide-title h2{
 	text-align: center;
 }
 section.slider-section .slide-title p{
 	text-align: center;
 }
 .newsroom .newsroom_section .left {
    width: 100%;
}
.smk_accordion .accordion_in .acc_head{
    font-size: 18px !important;
}
.investors h1{
    font-size: 22px;
}
.newsroom .newsroom_section .right{
    width: 100%;
    padding-top: 50px; 
}
.press_releases_box{
    width: 100% !important;
}

 .founders-section .founders .founder-right .content {
    padding: 10px;
}
.departments-section .department_row_1 .department-box {
    width: 100%;
    float: left;
}
.departments-section .department_row_2 .department-box {
    width: 100%;
    float: left;
}
.departments-section .department_row_1 .department-box::before {
    content: '';
   	width: 25%;
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    right: 100px;
    bottom: 0;
}
.departments-section .department_row_2 .department-box::before {
    content: '';
   	width: 25%;
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    right:100px;
    bottom: 0;

}
.availability_section .availability .description_section .col-20 {
    width: 33%;
}
.availability_section .availability .description_section .col-20 h4{
    text-align: center;
}
.availability_section .availability .description_section .col-20 .dnld-btn {

    width: 100%;
    text-align: center;
    margin-top: 7px;

}
.availability_section .availability .description_section .col-20 p{
    padding: 8px 0 10px;
    text-align: center;
}
.philosophy-section{
	padding: 0 0 0 0;
}
.philosophy-section .philosophy .philosophy-pillar .pillar {
	padding: 0 0 65px;
}
.philosophy-section .philosophy .philosophy-pillar .pillar-caption{
	padding-bottom: 65px;
}
.philosophy-section .philosophy .piller-content {

    padding: 25px 0 15px;
    text-align: center;
    position: relative;

}
.philosophy-section .philosophy .piller-content .piller_read_more_target{
	padding: 5px;
}
.project-section .project .upcoming-project .project-caption{
	width: 80%;
	float: right;
}
.project-section .project .completed-project {
    width: 75%;
    padding: 20px 7px 10px;
  }
.contactpage-info li p {
    font-size: 13px;
    color: #666666;
    text-align: left;
    color: #000;
}
.project_highlights_amenities .left_highlights{
    height: auto;
    padding: 20px;
}
.project_highlights_amenities .right_amenities {
    height: auto;
    padding: 20px;
}
.project_details .project_highlights_amenities .title{
    font-size: 24px;
}
.project_highlights_amenities .left .left_highlights{
    height: auto;
}
.project_details .Location_Map .Title_Box .Icon {
    display: none;
}
.project_details .Location_Map .Title_Box {
     padding: 0; 
}
.project_map.active{
    display: none;
}
.Features .Title_Box .Icon{
    display: none;
}
.Features .owl-theme .owl-controls .owl-buttons div.owl-prev{
    top: 30%;
}
.Features .owl-theme .owl-controls .owl-buttons div.owl-next{
    top: 30%;
}
.Layout_Plan .Title_Box .Icon{
    display: none;      
}
.Layout_Plan .Title_Box{
    padding: 0;   
}
.Layout_Plan .Title_Box{
    position: 0;
}
.Floor_Plan .Title_Box .Icon{
    display: none;
}
.Floor_Plan .Title_Box{
    padding: 0;
}
.Floor_Plan .owl-theme .owl-controls .owl-buttons div.owl-prev{
    top: 35%;
}
.Floor_Plan .owl-theme .owl-controls .owl-buttons div.owl-next{
    top: 35%;
}
.availability_section .availability .right{
    text-align: center;
}
.availability_section .availability .description_section {
    border-bottom: none;
}
.form-group{
    margin: 0 !important;
}
.footer-section .page-head{
  	padding: 3px 5px;
  	width: 50%;
  }
.footer-section .copyright {
    padding: 20px 0px;
}
.contact_us_page{
    height: 100%;
}
.contact_us_page:before{
    height: 100%;
}
.contact_form_section:before {
    position: relative;
    top: 0;
    left: 0;
    }
.careers_section .careers_info p {
    margin: 0 3%;
}
.contact_form_section .contact_form {
    margin: 0 auto;
    width: 100%;
}
.contact_form_section .contact_form .button:hover {
    width: 180px;
    text-align: center;
    margin: 0 auto;
}
.footer-section .copyright p{
    text-align: center;
}
.contact_component .contact_info_box{
    border-right: none;
    padding: 0;
    height: auto;
}
.newsrooms_section .newsroom .newsroom_box .news_left_box {
    border-bottom: 1px solid #e5e5e5;
    border-right: none;
    padding: 0 0 17%;
    height: auto;
    }
.newsrooms_section .newsroom_box .news_right_box .news_box{
    text-align: center;
}
.newsrooms_section .newsroom_box .news_right_box .news_box .news_title {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 27px;
}
.newsrooms_section .newsroom_box .news_right_box .news_box {
    padding: 5% 0;
}
.newsrooms_section .newsroom .newsroom_box .news_left_box .article_title {
    font-size: 20px;
}
.directors_section .director_box .director_title {
    font-size: 20px;
    }
.directors_section .director_box .director_content p {
    font-size: 14px;
}
.newsroom h1 {
    color: #000;
    font-size: 23px;
    padding: 5% 0;
    }
.newsroom .profile_section .profile {
    margin-bottom: 0;
}
.prints_article .prints-article-section .print-box .img_box {
    padding: 3%;
    height: auto;
}
.video_slider_section .slider_box .video_box::before {
    height: auto;
}
.newsroom .profile_section .profile{
    height: auto;
    }
.our_associates {
    margin-top: 0;
    }
.slider img {
    padding: 15px;
}
.Pro_Det .Pro_Intro .Pro_Name {
    font-size: 20px;
}
.body_overlay {
    background: #000000a3!important;
}
.body_overlay .overlay_container {
    width: 95%;
    margin: 0 auto;
}
.body_overlay .overlay_container .box {
    overflow: scroll;
}
.philosophy-section .philosophy .philosophy-head .title-2{
    font-size: 21px;
    }
.project-section .project .current-project{
    width: 43%;
    padding: 14px 0;
}
.philosophy-section .philosophy .philosophy-pillar .pillar-caption .caption-box{
    height: auto;
}
.philosophy-section .philosophy .philosophy-pillar .pillar .piller-img-box img{
    display: none;
}
.not_found_section {
    padding-top: 26%;
}
.not_found_section .text_one {
    font-size: 45px;
}
.not_found_section .text_two {
    font-size: 25px;
}
.not_found_section .text_three {
    font-size: 13px;
}
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

@media(max-width:767px){
.founder_mobile{width: 100% !important;}
.philo{width: 100% !important;}
}