/** client logos **/
#clients {
  display: block;
  margin-bottom: 15px;
  margin-left:20px;
}

#clients .clients-wrap {
  display: block;
  width: 860px;
  margin: 30px auto;
  overflow: hidden;
  height:90px;
}

#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 200px;
  height: 90px;
  line-height: 55px;
  text-align: center;
  margin-right:15px;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65); 
  opacity: 0.65;
}
#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}



/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

















@media screen and (min-width:320px) and (max-width:500px){
	
	#w{
    height: auto;
    width: 93%;
}
#content {
      height: auto;
    width: 100%;
}

#testimonials {
    width: 100%;
    margin-bottom: 40px;
}

#testimonials .carousel-wrap {
    width: 100%;
    margin: 0 auto;
	overflow:visible;
}

.context {
 width:43%;
 float:left;
	overflow:visible;
}

.carousel-wrap ul li {
    float: left;
    width: 100%;
    margin-right: 0px;
    
}
.carousel-wrap .context {
    width: 100%;
	float:left;
}

#clients {
	width:100%;
	overflow:hidden;
}
#clients .clients-wrap {
    width: 100%;
}
.carousel-wrap ul {
    display: inline;
    list-style: none;
    position: relative;
}
	
#clients .clients-wrap ul li
{
    float: left;
    width: 100%;
    margin-right: 0px;
    
    }	
	
	
	
	
	
	
	
	
	
	
	}











@media screen and (min-width:501px) and (max-width:700px){
	
	#w{
    height: auto;
    width: 93%;
}
#content {
      height: auto;
    width: 100%;
}

#testimonials {
    width: 100%;
    margin-bottom: 40px;
}
.carousel-wrap {
    width: 100%;
    margin: 0 auto;
	overflow:visible;
}

.context {
 width:43%;
 float:left;
	overflow:visible;
}

.carousel-wrap ul li {
    float: left;
    width: 100%;
    margin-right: 0px;
}
.carousel-wrap .context {
    width: 100%;
	float:left;
}

#clients {
	width:100%;
	overflow:hidden;
}
#clients .clients-wrap {
    width: 100%;
}
.carousel-wrap ul {
    display: inline;
    list-style: none;
    position: relative;
}


#clients .clients-wrap ul li
{
    float: left;
    width: 48%;
    margin-right: 0px;
    
    }	
	


	
	}