.scroll-img {
    font-size: 0;
  	height: 205px;
    overflow: hidden;
    width: 100%;
}
#featuredboxes.scroll-img ul {
  width: 2000px;
}
.scroll-img ul {
  width: 100%;
  height: auto;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  width: 367px;
  height: 205px;
  margin: 0px 5px;
}
.scroll-img ul li a img {
  max-width: 100%;
  border: solid 1px #D6D6D6;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
	.scroll-img ul li {
	  width: 303px;
	}
	.scroll-img {
		height: 169px;
	}
}

@media only screen and (max-width: 959px) {
	.scroll-img ul li {
	  width: 240px;
	}
	.scroll-img {
		height: 134px;
	}
}

@media only screen and (max-width: 767px) {
	.scroll-img ul li {
	  width: 367px;
	}
	.scroll-img {
  		height: 205px;
	}
}



@media only screen and (max-width: 479px) {
	.scroll-img ul li {
	  width: 303px;
	}
	.scroll-img {
  		height: 168px;
	}
}