@media only screen 
and (min-width : 200px){
.scroll-img {
  width: 100%;
  height: 110px;
  overflow: hidden;
  font-size: 0;}
.scroll-img ul {
  width: 100%;
  height: 110px;
  margin: 0;}
.scroll-img ul li {
  display: inline-block; width: 130px;
  margin: 0 8px;}
 .scroll-img ul li img {
  width: 100%; height: auto;}
#demo.scroll-img ul {
  width: 1500px;}}
@media only screen 
and (min-width : 600px){
.scroll-img {
  width: 100%;
  height: 140px;
  overflow: hidden;
  font-size: 0;}
.scroll-img ul {
  width: 100%;
  height: 140px;
  margin: 0;}
.scroll-img ul li {
  display: inline-block; width: 150px;
  margin: 0 12px;}
 .scroll-img ul li img {
  width: 100%; height: auto;}
#demo.scroll-img ul {
  width: 1500px;}}
@media only screen 
and (min-width : 1000px){
.scroll-img {
  width: 100%;
  height: 200px;
  overflow: hidden;
  font-size: 0;}
.scroll-img ul {
  width: 100%;
  height: 200px;
  margin: 0;}
.scroll-img ul li {
  display: inline-block; width: auto;
  margin: 0 20px 0 0;}
#demo.scroll-img ul {
  width: 1500px;}}