/*responsive*/

/* CSS Document */

/*-----------------------------------------------------------------------------------------------------------------

                                                MEEDIA QUERY

-----------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------*/

                                        /*lg(min-width:1199px)*/

/*-----------------------------------------------------------------------------------------------------------------*/

@media (max-width:1199px) and (min-width:768px){

	#header .nav li a {

		padding: 0px 7px 0px 7px;

		font-size: 12px;

	}

	#header .nav li {

	    margin: 10px 0 10px 0;

	}

	.navbar-collapse {

		padding-right: 5px;

		padding-left: 5px;

	}

	.header-phone {

    	background-image: none;

	    padding: 10px 0px 10px 0;

	}

	.header-bottom input[type="submit"] {

    	background-position-x: 15%;

		margin-top:0;

	}

	.head-border {

		padding: 0px 0px;

	}

	.header-ask {

		padding: 13px 0 13px 0;

	}

	.header-ask h5 {

    	font-size: 12px;

	}

	.slider-overlay h1, .projareaoverlay h1 {

		font-size: 15px;

		margin: 15px 0 0 10px;

	}

	.slider-overlay {

			padding: 10px 0 10px 0;

	}

	.slider-overlay h5 {

		font-size: 14px;

		margin: 5px 0 5px 0;

	}

	.slider-overlay h4 {

		font-size: 16px;

	}

	.overicon {

		display: none;

	}

	.slider-overlay p {

	    font-size: 12px;

		margin: 10px 0 0 10px;

	}

	.box {

		font-size: 12px;

	}

	.slider-overlay .box {

		padding: 8px 12px;

	}

	.projareaimgbox img, .projplotimgbox img, .projflatimgbox img, .projotherimgbox img {

		width: 100%;

		height: auto;

	}

	.projareaimgbox, .projplotimgbox, .projflatimgbox, .projotherimgbox{

		height: inherit;

	}

	#projectareas .col-md-5, #projectareas .col-md-7 {

		width: 100%;

	}

	#projectareas .col-md-7 {

		margin-top:15px;

	}

	.projoverlay .overtext {

		margin-left: 15px;

	}

	.projoverlay h1 {

    	font-size: 14px;

	}

	.titles h2, .titles h2 i{

		font-size: 15px;

	}

	span.left, span.right {

		width: 160px;

	}

	#customer span.right {

		width: 80px;

		margin: 20px 0 0 8px;

	}

	#customer ul li {

		width: 100%;

	}

	#customer .newstext {

    	width: 70%;

	}

	.cusname {

		padding-top: 20px;

		padding-bottom: 10px;

	}

	.videobox {

    	width: 100%;

	}

	#slider-carousel10 .control-carousel {

		bottom: -65px;

		right: 70px;

	    top: inherit;

	}

	#services h2 {

		font-size: 16px;

	}

	#services p {

    	font-size: 13px;

	}

	.outerhappy {

		 margin-top: 0px; 

	}

	.happytext {

		font-size: 14px;

	}

	#happy .col-sm-2 {

		width: 23.666667%;

	}

	#innerpage h2, #innerpage h2 i {

	    font-size: 16px;

	}

	.tabs li a {

    	font-size: 13px;

	}

	.project-tab h1 {

    	font-size: 13px;

	}

	.project-tab h5 {

		font-size: 14px;

	}

	.status {

		padding: 10px 0px 10px 35px !important;

		font-size: 14px;

	}

	.statusview{

		font-size:14px;

		padding: 10px 0px 10px 0px !important;

	}

	#slider-carousel21 .overlay {

		height: 100%;

	}

	#slider-carousel21 .col-md-6.col-sm-6.col-xs-12 {

		min-height: 120px;

		padding-right: 0;

	}

	.innervideo {

		height: 120px;

		margin-bottom: 10px;

	}

	.careerbox {

    	padding: 2px;

	}

	.car-img img {

		top: 10px;

		left: 12px;

		width: 50px;

		height: auto;

	}

	#faq .accordion_head {

    	font-size: 14px;

	}

	#faq .box {

    	padding: 8px 10px 8px 10px;

	}

	.projlogocont h1 {

    	font-size: 18px;

	}

	.projlogocont h2 {

	    font-size: 11px;	

	}

	.projlogocont .box {

		padding: 11px 5px 10px 0px;

    	font-size: 11px;

	}

	.box .key {

		margin-right: 1px;

	}

	.statusbody .gallery-caption {

		padding: 2px 8px 2px 20px;

		font-size: 12px;

	}
	
	.subscribes tr.required {
		width: 60%;
	}
	.subscribes input.button {
		padding: 10px 10px 10px 10px;
		font-size: 11px;
	}
	.bottomlist {
		display: block;
		margin: 0;
	}
	.projplotimgbox {
		max-height: 235px;
	}
	#slider-carousel21 .innervideo {
		height: 118px;
	}
	.header-bottom select {
		font-size: 10px;
	}
	.filter-select, .filter-loc {
    	padding: 11px 0px 10px 5px;
	}
	.breadcrumb {
		max-width: 250px;
	}
	.header-bottom input[type="submit"] {
   		font-size: 11px;
	}
	header .logo img {
		min-height: 80px;
	}
	.subscribes input.text {
		padding: 8px;
	}

}

/*-----------------------------------------------------------------------------------------------------------------*/

                                        /*MD(max-width:1198px) and (min-width:991px)*/

/*-----------------------------------------------------------------------------------------------------------------*/

@media (max-width:767px) and (min-width:200px){

	header {

   		position:relative;

	}

	.slidercont, .slider-overlay{

		display:none;

	}

	.projoverlay h1 {

    	font-size: 13px;

	}

	.titles h2{

		font-size: 15px;

	}

	.titles h2 i {

		font-size: 20px;

	}

	#aboutushome .titles h2{

		font-size: 20px;

	    text-align: center;

	}

	#aboutushome span.left, #aboutushome span.right, #services span.left, #services span.right {

		display:none;

	}
	
	#aboutushome .box{
	
		display:table;
		
	}

	#customer .newstext {

		width: 210px;

	}

	.happytext {

    	font-size: 20px;

	}

	#happy .happydate {

    	margin-top: 20px;

	}

	.header-bottom, .header-ask {

		background:none; 
	    margin-top: 6px;

	}
	.mobhiddendiv{
		display:none;
	}
	.header-phone {
		font-size: 13px;
		padding: 10px 0 10px 0;
		background-position-x: 25%;
		background-position-y: 50%;
		position: absolute !Important;
		width: 78%;
    	bottom: -45px;
		left: 14px;
	    z-index: 10000;
		border-radius: 3px;
	    background-color: #35B348;
	}

	.head-border {

    background: rgb(65, 98, 178);
    margin-bottom: 10px;
    width: 44.8%;
    margin-left: 13px;

	}
	
	.boxsearch {
	
    padding: 0;
    width: 93%;
    margin-left: 13px;
	}
.header-bottom select {
    font-size: 12px;
}

.header-bottom select.filter-select, .header-bottom select.filter-loc {
    background-position-x: 93%;
}
	.header-bottom input[type="submit"] {
		margin-top: 0;
		background: rgb(53, 179, 72);
		margin-bottom: 10px !important;
		padding: 10px 0;
		text-align: center;
	}
	.outerprojbox{
		padding:0;
	}	
	.projbox {
		margin-top: 10px;
	}
	#slider-carousel10 .left.control-carousel,  #slider-carousel10 .right.control-carousel{
    	display: block !important;
	}
	
	#projectareas .col-md-5 .row, #projectareas .col-md-7 .row {
		margin-left: 0;
		margin-right: 0;
	}

	.pagetitles h2 {

		margin-top: 75px;

	}

	.breadcrumb {

		margin-top: 140px;

	}

	#careers .titles {

		width: 100%;

	}

	#careers .titles h2 , #gallery .titles h2{

		font-size: 20px;

		text-align: center;

		float: none;

		display: block;

	}

	#careers span.left,#careers  span.right, #innerpage span.left, #innerpage span.right, 

	#gallery span.left, #gallery span.right{

		display:none;

	}

	#careers p {

		text-align: center;

	}

	#careers h3 {

		text-align: center;

	}

	.careerbox {

		transform: skew(0deg);

		left: 0;

	}

	.innerbox {

		transform: skew(0deg);

	}

	.car-img img {

		display: none;

	}

	li.car-s p {

    	text-align: left !important;

	}

	.outercareercontact {

		transform: skew(0deg);

		left: 0;

		padding: 10px 15px;

    	position: relative;

		margin-top: 10px;

	}

	.career-contact {

		transform: skew(0deg);

	}

	.thisshare {

		width: 100%;

	}

	.projlogocont h1 {

    	font-size: 18px;

		margin-top:10px;

	}

	.box {

		display: block;

		margin-bottom: 10px;

	}

	.accordion_head {

    	font-size: 13px;

	}

	#faq .accordion_head {

		font-size: 12px;

		font-weight: bold;

	}

	#faq span.plusminus {

    	right: 2px;

    	top: 5px;

	}
	
	.statusbody .gallery-item, .floorbody .gallery-item{
		width: 100% !Important;
	}
	
	.bottomlist {
		display: block;
		margin: 0;
	}
	.projareaimgbox {
		height: auto;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.projareaimgbox , .projplotimgbox , .projflatimgbox , .projotherimgbox  {
		display:none;
	}
	.projplotimgbox {
		height: auto;
		margin-top: 15px;
	}
	.projareaimgbox img, .projplotimgbox img, .projflatimgbox img, .projotherimgbox img {
		width: 100%;
		height: auto;
	}
	.footer-logo {
		margin-top: 20px;
    	margin-bottom: 25px;
	}
	.overlay {
    	position: relative;
	}
	.gal-img .overlay{
		position:absolute;
	}
	.amenitiesbody .gallery-item {
		width: 50%;
	}
	.avail_body .col-md-4 {
		margin-bottom: 15px;
	}
	#heighlights {
		padding: 65px 0;
	}
	.plotsales {
		margin-bottom: 35px;
	}
	#bottomfooter .col-md-3, #bottomfooter .col-md-6 {
		display: table;
		margin: 0 auto;
	    margin-bottom: 5px;
	}
	#slider .item .image img {	
    	min-height: 180px;
	}
	.projectlogo{
		width: 110px;
		height: 110px;
		margin: 0 auto;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.projectlogo img{
		width:100%;
		height:100%;
	}
	
}

/*-----------------------------------------------------------------------------------------------------------------*/

                                        /*Tab(max-width:990px) and (min-width:768px)*/

/*-----------------------------------------------------------------------------------------------------------------*/

@media (max-width:990px) and (min-width:768px){



}

/*-----------------------------------------------------------------------------------------------------------------*/

                                    /*MOB(max-width:767px) and (min-width:480px)*/

/*-----------------------------------------------------------------------------------------------------------------*/

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



}

/*-----------------------------------------------------------------------------------------------------------------*/

                                    /*SMALL MOB(max-width:479px) and (min-width:200px)*/

/*-----------------------------------------------------------------------------------------------------------------*/

@media (max-width:479px) and (min-width:200px){



  

}

@media (max-width:600px){



}

@media (max-width:1200px){



}

@media (max-width:991px){



}









/*end responsive*/