/************************************************************************************
smaller than 1024px
*************************************************************************************/ 

}


/************************************************************************************
smaller than 980px
*************************************************************************************/ 

}

/************************************************************************************
smaller than 900px
*************************************************************************************/
@media screen and (max-width: 900px) {

}

/************************************************************************************
smaller than 800px
*************************************************************************************/
@media screen and (max-width: 800px) {

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	/*padding-right: 15px;*/
	padding-left: 15px
}



.call-byr{display:none;}
.video-conf{display: block;
    float: none;
    margin-top: -48px;
    padding: 0;
    position: absolute;
    right: 70px;
    text-align: left;
    top: 0;}
.video-conf i{color: #888;
    font-size: 20px;}
.video-conf a{color: #888;}
#fg_formContainer{left: 0!important;z-index: 9999999999;}
#fg_backgroundpopup{z-index: 9999999;}
.myModal .modal-body .col-sm-6{width: 100%;}
.navbar.navbar-default.navbar-fixed-top {
    margin-bottom: 0;
}
.cdtl {
    border: 0 none;
    text-align: center;
    width: 100%;
}
.contact-data li {
    text-align: center;
	padding:20px 0;
	border-bottom:1px solid #ccc;
}
.contact-data li:last-child {
    text-align: center;
	padding:20px 0;
	border-bottom:0px solid #ccc;
}

.cnt-img {
    display: inline-block;
    float: none;
    margin-right:0px;
	padding-bottom:10px;
    width: 40px;
}

.projects-list{text-align:center;}
.projects-list li{float:none; display:inline-block; text-align:center; border-bottom: 1px solid #333333;  padding-bottom: 10px;}
.count{float:none;}
.num-right{padding-right:0;border:0;}
.estate-const li {
    border-right: 0 none;
    display: inline;
    text-align: center;
}
.navbar-brand{ float: left; height: 80px; padding:5px;}

.projects-row span{
	width: 100%
}
.projects-list li:last-child{border-bottom:0px!important;}
.carousel-caption > h2{font-size:32px;}

.carousel-caption > span {
	font-size: 18px;
}

.footer-col {
	text-align:center
}
.inner-banner{   height: 300px;
    padding-top: 110px;}
	.inner-banner span {
    color: #fff;
    font-size: 35px;
}
.inner-banner-blue{height:auto; padding-top:0;}
.inner-banner-blue .projects-list li{border-bottom: 3px solid #fff;}
.inner-banner-blue .num-right{border-right:0;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover{border:0 none;}
.design-consept{height:auto;}
.design-consept h2{font-size:26px;margin-bottom: 20px;}
.design-consept li{font-size: 17px;
    line-height: 24px;
    margin-bottom: 15px;}
.inner-banner-blue .num-right{padding-right:0;}
.big-comf .col-md-4 > img {
    margin-left: 18px;
    width: 100%;
}
.newhome-pro-list li{border-right: 0px solid ;}
.featuers .its-img{width:100%;   text-align: center;
}
.featuers li img{margin-bottom: 20px;
    margin-right: 0;}
.featuers .ia-content{text-align:center; width:100%;}
.red-title > h2{font-size:30px;}
}
/************************************************************************************
smaller than 768px
*************************************************************************************/

@media screen and (max-width: 768px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}


}

/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {

.projects-row span {
    width: 95.3%;
}


}
/************************************************************************************
smaller than 600px
*************************************************************************************/
@media screen and (max-width: 600px) {

.projects-row span {
    width: 95%;
}


}
/************************************************************************************
smaller than 568px
*************************************************************************************/
@media screen and (max-width: 568px) {

.mng-ttl h2::before {
   /* border-bottom: 3px solid #1d7caa;*/
    bottom: 10px;
    content: "";
    height: 1px;
    left: 40%;
    position: absolute;
    width: 20%;
}


}
/************************************************************************************
smaller than 480px
*************************************************************************************/
@media screen and (max-width: 480px) {

.projects-row span {
    width: 93.5%;
}

}

/************************************************************************************
smaller than 360px
*************************************************************************************/
@media screen and (max-width: 360px) {

.projects-row span {
    width: 91.5%;
}

}


/************************************************************************************
smaller than 320px
*************************************************************************************/
@media screen and (max-width: 320px) {

.projects-row span {
	width: 90.5%
}


.mng-ttl h2::before {
    /*border-bottom: 3px solid #1d7caa;*/
    bottom: 10px;
    content: "";
    height: 1px;
    left: 40%;
    position: absolute;
    width: 20%;
}

}