.scroll-text {
  border: 1px solid red;
  width: 400px;
  height: 4.5em;
  overflow: hidden;
}
.scroll-text ul {
  width: 800px;
  height: 100px;
  overflow: hidden;
  margin: 0;
}
.scroll-text ul li {
  height: 1.5em;
}
.scroll-img {
  border: 1px solid #0b4a9b;
  width: 1130px;
  height: 220px;
  overflow: hidden;
  font-size: 0;
}
.scroll-img ul {
  width: 1100px;
  height: 218px;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 0 10px 10px;
}
#demo4.scroll-img ul,
#demo5.scroll-img ul {
  width: 1500px;
}
#demo5-btn {
  width: 100%;
  padding-top: 10px;
}
#demo6.scroll-img ul {
  width: 1500px;
}
#demo6-btn {
  width: 100%;
  padding-top: 10px;
}
#demo7.scroll-img ul {
  width: 1500px;
}
#demo7-btn {
  width: 100%;
  padding-top: 10px;
}
/*#demo6 {
  width: 412px;
}
#demo6-queue {
  width: 680px;
}
#demo6 p, #demo6-queue p {
  width: 124px;
  height: 124px;
  background-color: lightgray;
  font-family: 'Amaranth', sans-serif;
  font-size: 82px;
  text-align: center;
  display: table-cell;
  vertical-align:middle;
}*/
@media (min-width: 1200px) {
	.scroll-img {
  width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.scroll-img {
  width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
	.scroll-img {
  width: 100%;
}
}
@media (max-width: 767px) {
	.scroll-img {
  width: 100%;
}
}
@media (max-width: 480px) {
.scroll-img {
  width: 100%;
}
}