@media only screen 
and (min-width : 200px){
.scroll-img {
  width: 100%;  height: 120px;  overflow: hidden;  font-size: 0;}
.scroll-img ul {
  width: 100%;  height: 120px;  margin: 0;}
.scroll-img ul li {
  display: inline-block; width: 130px;  margin: 0 12px;}
 .scroll-img ul li img {
  width: 100%; height: auto;}
#carrousel.scroll-img ul {
  width: 1500px;}}
@media only screen 
and (min-width : 600px){
.scroll-img {
  width: 100%;  height: 180px;  overflow: hidden;  font-size: 0;}
.scroll-img ul {
  width: 100%;  height: 180px;  margin: 0;}
.scroll-img ul li {
  display: inline-block; width: 200px;  height: 180px; margin: 0 12px;}
 .scroll-img ul li img {
  width: 100%; height: auto;}
#carrousel.scroll-img ul {
  width: 1500px;}}
@media only screen 
and (min-width : 1000px){
.scroll-img {
  width: 100%;  height: 250px;  overflow: hidden;  font-size: 0;}
.scroll-img ul {
  width: 100%;  height: 250px;  margin: 0;}
.scroll-img ul li {
  display: inline-block; width: auto;  margin: 0 12px;}
#carrousel.scroll-img ul {
  width: 6000px;}}