.jcarousel {position: relative;overflow: hidden;}
.jcarousel-wrapper{width:99%;}
.jcarousel ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}
.jcarousel li {padding:0px 15px;float: left;width:190px;}
.clear{clear:both;}
.bramds-control{float:right;padding: 0;margin-bottom:5px;}
.shopbybrands_products{float:left; width: 100%; border-bottom:2px solid #5194d2;}
.shopbybrands_products .block-title{float:left;width: 100%;}
.bramds-control a{border:1px solid #ccc;border-radius: 50%;padding: 2px 10px;font-size:18px;}
.bramds-control a:hover{border:1px solid #5194d2;}
.bramds-control a span{position:relative;top:-1px;}
.bramds-control a:focus{text-decoration: none;}
.brand-title a{   color: #fff;    padding: 10px;    position: relative;    top: 5px;}
.brand-title {background: none repeat scroll 0 0 #5194d2;   float: left;    height: 31px;text-transform: uppercase;}
@media only screen and (min-width: 300px) and (max-width:340px){
	.jcarousel li  {padding: 0px 1px;width: auto;}
	.jcarousel li img{max-width: 140px;}
}
@media only screen and (min-width: 340px) and (max-width:360px){
	.jcarousel li  {padding: 0px 1px;width: 185px;}
	.jcarousel li img{max-width: 140px;}
	
}
@media only screen and (min-width: 480px) and (max-width:640px){
.jcarousel li {   padding: 0 1px;width:152px;}
.jcarousel li img{max-width: 140px;}
}
@media only screen and (min-width:768px) and (max-width:980px){
.jcarousel li {   padding: 0 1px;width:180px;}
}