@charset "utf-8";
/* CSS Document */
@media (min-width:768px) and (max-width:991px){
.header{ width:693px; /*width:83%;*/ /*margin-left:-31px;*/ margin-left:28px;}
.headtext{ float:left; margin:20px 0 0 25px; width:214px; border:0px solid #e79c1e;}
 .headtext img{ width:95%;}
 .con-phone{ float:right; padding:0px 10px 0px 35px; margin:5px 0 0 12px; height:20px;  font-size:14px; font-weight:400;  }
 #followus{float:right; width:245px;padding:5px 0px 5px 5px; margin:0px 0 0; border-right:0px solid #e79c1e; }
 /*#followus{float:right; width:245px;padding:10px 0px 5px 5px; margin:12px 0 0; border-right:1px solid #e79c1e;}*/
 #cssmenu{width:75%;margin:5px auto 0; right:0; float:right; z-index:9999;}
 #cssmenu ul{ width:100%; float:right;  margin:0; padding:0px;}
 #cssmenu ul li{ margin:0 3px; float:left;}
 #cssmenu > ul > li > a{padding:5px 9px 5px;font-size:14px; text-align:center; letter-spacing:1px;text-decoration:none;color:#FFFFFF; text-shadow: 1px 1px black; line-height:17px;}
.featured-properties-carousel {
	width:89%; 
}
.col-img{ width:33.3%;}
.col-img img{margin:0 auto; height:118px;}
.services{width:33.3%; /*border-right:0px; min-height:auto;*/}
.services-img{ width: 100%;}
.services-img img{ margin:0 auto; height:118px;}
.product-img{width:33.3%;}
.product-img img{margin:0 auto; height:118px;}
.projects{width:33.3%; float:left;}
.projects-img{ width: 100%; }
.projects-img img{ margin:0 auto; height:118px;}

/*.es-nav span {
	width: 16px;
	height: 73px;
}*/
.heading{padding:7px 1.1% 7px 2%;}
.nav-tabs{ width:78%; float:right;}

.commonwrap{float:left; margin:10px 28px 30px; width:92.6%; min-height:auto; border:1px solid #ed1e1c;}

 .map{ width:100%; height:200px;}
}
@media (min-width:551px) and (max-width:767px){
.header{ width:92.5%; margin:0 3.6%;}
.headtext{ float:left; margin:5px 0 0 5px; width:155px;}
.headtext img{ width:94%;}
.con-phone{ float:right; padding:0px 10px 0px 35px; margin:5px 0 0 12px; height:20px;  font-size:14px; font-weight:400;  }
#followus{float:right; width:245px;padding:5px 0px 5px 5px; margin:0px 0 0;  border-right:0px solid #e79c1e;}
#cssmenu{width:40%; margin:-45px 5px 0 0; clear:both;}
.slider{}
.featured-properties-carousel {
	width:85%;
}
.heading{padding:7px 1% 7px 2%;}
.nav-tabs{ width:70%; float:right;}
.col-img{width:50%; float:left;}
.col-img img{ margin:0 auto;}
.services{width:100%; border-right:0px; min-height:auto; float:left;}
.services-img{ width: 100%;}
.services-img img{ margin:0 auto;}
.product-img{width:50%; float:left;}
.product-img img{margin:0 auto;}
.projects{width:50%; float:left;}
.projects-img{ width: 100%;}
.projects-img img{ margin:0 auto;}

/*.col-img img{width:100%; height: 164px;}*/
.footmenu{ display:none;}
.footbottom{height:auto;}
.admin{display:none;}
.contactinfo{margin-right:15px;}

.innermain{ margin:-15px 0 40px 0; bottom:40px;}
.innermain h2{ margin:15px 25px 12px 0; display:block;}
.innermain h2 img{ width:70%; float:right;}

.items-contact li .textbox{width:100%;}
.items-contact li .textfield{width:100%;}
.items-contact .sendbtn{ 
  margin:10px 0px 0 -25px;
  }
.items-contact .sendbtn:hover{ 
  margin:10px 0px 0 -25px;
 }
.commonwrap{float:left; margin:10px 3.8% 30px; width:92.3%; min-height:auto;}
.map{ width:100%; height:auto;}

}
@media (min-width:401px) and (max-width:550px){
 .header{ width:100%; margin-left:0px;}
 .headtext{ float:left; margin:10px 0 0 5px; width:150px;}
 .headtext img{ width:96%;}
 .con-phone{ float:right; padding:0px 10px 0px 35px; margin:5px 0 0 12px; height:20px; background: url(../images/telephone.png) left no-repeat; text-align:left; font-size:14px; font-weight:400; color:#FFF; }
 #followus{float:right; width:170px;padding:2px 0px 5px 5px; margin:0px 15px 0; border-right:0px solid #e79c1e;}
#followus h2{ display:none;}
/*.slider{position:relative;margin:64px auto 0;top:-25px;left:0px;width:974px;height:320px;overflow:hidden;}*/
/*.menu{position:absolute;top:-28px; right:6px; width:160px;height:42px;float:none; background:#d88319;}
.button{top:-23px;}*/
#cssmenu{width:43%; margin:0 25px 0px 0;}
.featured-properties-carousel {
	width:80%;
}

.nav-tabs{ width:100%; float:right;}
.nav>li>a{padding:0px 5px}
.nav-tabs>li>a{ font-size:13px; border-right:3px solid #fba61a;}
.col-img{width:100%; float:left;}
.col-img img{margin:0 auto;}
.img-width{width:100%;}
.services{width:100%; border-right:0px; min-height:auto;}
.services-img{ width: 100%;}
.services-img img{ margin:0 auto;}
.product-img{width:100%; float:left;}
.product-img img{margin:0 auto;}
.projects{width:100%; float:left;}
.projects-img{ width: 100%;}
.projects-img img{ margin:0 auto;}

.footmenu{ display:none;}
.footbottom{height:auto;}
.admin{display:none;}
.contactinfo{margin-right:15px;}

.innermain{ margin:10px 0 40px 0; bottom:40px;}
.innermain h2{ margin:5px 25px 12px 0; display:block;}
.innermain h2 img{ width:50%; float:right;}

/*  contact*/
.items-contact{ margin:0px 0 0px; padding:0px 0 0 0; width:100%;}
.items-contact ol{ width:99%;}
.items-contact li{ float:left; list-style:none; margin:0px ; padding:0px 0 0px; width:99.5%; }
.items-contact li label{ width:60%; padding:4px 0 0 0px;}
.items-contact li div.errspace{width:82%;}

.items-contact li .textbox{width:100%;}
.items-contact li .textfield{width:100%;}
.items-contact .sendbtn{ 
  margin:10px 0px 0 -25px;
  }
.items-contact .sendbtn:hover{ 
  margin:10px 0px 0 -25px;
 }
.commonwrap{float:left; position:relative; margin:10px 4% 30px; width:92%; min-height:auto;}
 .locationmap{width:100%;}
 .map{ width:100%; height:auto;}

}
@media (max-width:400px){
.header{ position:relative; width:100%; margin-left:0}
.header .logo{float:left; height:107px; width:140px; -webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size:cover;
	background-position: center center;}
.header .logo a{ float:left; padding:9px 0 0 12px;}
.header .logo a img{width:90%;}
 .headtext{ float:left; margin:7px 0 0 10px; width:130px;}
 .headtext img{ width:100%;}
 .con-phone{ padding:0px 10px 0px 35px; margin:3px 0 0 5px; height:20px; font-size:12px; font-weight:400; }
 #followus{float:right; width:145px;padding:0px 0px 5px 0px; margin:7px 0 0;}
 #followus h2{ display:none;}
 #followus ul li{
    margin: 0px 3px 3px 1px ;
    width: 20px;
    height: 19px;
}

.menu{position:absolute;top:0;left:23px;width:93%;height:42px;float:none; background:#d88319;}
#cssmenu{margin:0px 10px 0 0;}
.slider{position:relative;margin:0px auto 0; height:320px;}
.featured-properties-carousel {
	width:69%; 
}
.nav-tabs{ width:100%; float:right;}
.nav>li>a{padding:0px 7px}
.nav-tabs>li>a{ font-size:13px;}

.col-img{width:100%; float:left;}
.col-img img{margin:0 auto;}
.img-width{width:100%;}
.services{width:100%; border-right:0px; min-height:auto;}
.services-img{ width: 100%;}
.services-img img{ width: 100%;}
.product-img{width:100%; float:left;}
.product-img img{margin:0 auto;}
.projects{width:100%; float:left;}
.projects-img{ width: 100%;}
.projects-img img{ margin:0 auto;}

.footmenu{ display:none;}
.footbottom{height:auto;}
.admin{display:none;}
.contactinfo{margin-right:15px;}

.innermain{ margin:10px 0 40px 0; bottom:40px;}
.innermain h2{ margin:10px 25px 12px 0; display:block;}
.innermain h2 img{ width:50%; float:right;}

/*  contact*/
.items-contact{ margin:0px 0 0px; padding:0px 0 0 0; width:100%;}
.items-contact ol{ width:99%;}
.items-contact li{ float:left; list-style:none; margin:0px ; padding:0px 0 0px; width:99.5%; }
.items-contact li label{ width:60%; padding:4px 0 0 0px;}
.items-contact li div.errspace{width:82%;}

.items-contact li .textbox{width:100%;}
.items-contact li .textfield{width:100%;}
.items-contact .sendbtn{ 
  margin:10px 0px 0 -25px;
  }
.items-contact .sendbtn:hover{ 
  margin:10px 0px 0 -25px;
 }
.commonwrap{float:left; position:relative; margin:10px 4% 30px; width:92%; min-height:auto;}
.commonwrap h3, .commonwrap h3 a{ font-size:18px; color:#FFFFFF; padding:0 5px; margin:0; }
 .locationmap{width:100%;}
 .map{ width:100%; height:auto;}
}