@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1200px) {
  .container-fluid{	
	width:95%;
  } 
  .service_area  .container-fluid{	
	width:100%;
  }
  footer .left, footer .social{
	  width:100%;
	  text-align: center;
  }
  footer .left{
	  margin-bottom:15px;
  }
  footer .social ul {
    float: none;
  }
  .info_txt{
	min-height: 129px;  
  }
}

@media screen and (max-width: 1024px) {
	.banner.bgcover, .carousel-inner > .item{
		-webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
         background-size: auto 100%;
		 
		 height: 220px;
	}
	
}

@media screen and (max-width: 991px) {
	.logo, .navigation{
		width:100%;
		float:left;
	}
	.logo{
		text-align:center;
		margin-bottom:15px;
	}
	.navbar-nav{
		float:none;
		margin:0 auto;
	}
	.home_title{
		text-align:center;
		float:left;
		width:100%;
	}
	.right {
    display: block;
    max-width: inherit;
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	}
	.right .ph, .mail {
    display: inline-block;
	margin:0 10px;
	}
	p{
		text-align: center;
	}
	
	/*-- inner --*/
	.inner p{
		text-align:left;
	}
}
@media screen and (max-width: 920px) {
	.content_area .container-fluid{
	background:#fff;
	min-height:inherit;
    }
	.service{
	   width:95%;
	   max-width:285px;
	   float:none !important;
	   margin:0 auto;
	}
	.service_img{
		text-align:center;
		margin:0 0 30px;
	}
}

@media screen and (max-width: 800px) {
   
  .info_txt {
    min-height: 146px;
} 
   
}  
@media screen and (max-width: 767px) {
    .banner.bgcover, .carousel-inner > .item{
		-webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
         background-size: auto 100%;
		 
		 height: 140px;
	}
	
	.logo {
		float: left;
		width: 65%;
	}
	.navigation{
		width:30%;
		float:right;
	}
	.navbar-default .navbar-collapse{
	position: absolute;
    right: 10px;
	top: 147%;
    z-index: 999;
	
	}
	.navbar-default .navbar-toggle{
		background:#fff;
	}
	.navbar-nav{
		width:300px;		
		background: rgb(238,237,236);
		background: -moz-linear-gradient(-45deg,  rgba(238,237,236,1) 0%, rgba(190,187,184,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(238,237,236,1) 0%,rgba(190,187,184,1) 100%);
		background: linear-gradient(135deg,  rgba(238,237,236,1) 0%,rgba(190,187,184,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeedec', endColorstr='#bebbb8',GradientType=1 ); 
		
		 
	}
	.navbar-nav li{
		border-bottom:rgba(0,0,0,.1) solid 1px;
	}
	.navbar-nav li a{
		padding: 4px 22px;
	}
	.navbar-nav > li:after{
		display:none;
	}
	.navbar-nav > li:hover .dropdown-menu{
		position:relative;
	}
	.info_txt {
    min-height: inherit;
    }
}

@media screen and (max-width: 640px) { 
	
    
	.logo {
    margin-bottom: 0px;
	}
		
	.banner.bgcover, .carousel-inner > .item{
		-webkit-background-size:auto 100%;
        -moz-background-size:auto 100%;
        -o-background-size:auto 100%;
         background-size:auto 100%;
		 
		 height: 140px;
	}
	/*-- inner --*/
	.right_part {
    float: left;
	width:100%;
	text-align:center;
	margin-bottom:10px;
	}
	.left_part {
    float: right;
    width: 100%;
    }
	.inner, .inner p{
		text-align:center;
	}
}
@media screen and (max-width: 530px) {
  header{
	  height: 74px;
  }
  h1 {
    font-size: 25px;
    line-height: 30px;
  }
  .navbar-default .navbar-collapse {
  top: 153%;
  }
}

@media screen and (max-width: 480px) {
	#myCarousel{
		display:none;
	}
}
@media screen and (max-width: 425px) {
  .banner.bgcover, .carousel-inner > .item{
		-webkit-background-size:auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size:auto 100%;
         background-size:auto 100%;
		 
		 height: 120px;
	}
}
@media screen and (max-width: 360px) {
	.logo {
		float: left;
		width: 75%;
	}
	.navigation{
		width:25%;
		float:right;
	}
	 .banner.bgcover, .carousel-inner > .item{
		 height:100px;
	 }
	
}