.img_bottom{
	width: 1120px;
	margin:auto;
	height: 380px;
	margin-top: 70px;
	}
.img_bottom h3{
	font-style: italic;
	text-align:left;
	font-size: 24px;
	}

	
/*----------- slider --------------------*/
.scroll-img {
	width: 1020px;
	 height: 380px;
  overflow: hidden;
	margin:auto;
	float:left;
	}
.scroll-img img{
	width: 236px; 
	height: 315px;
	margin: 10px;
	}	
.scroll-img ul{
	list-style:none;
	margin:0;
	padding: 0;
	
	}
.scroll-img li{
	float: left;
	}


.scroll-img ul li {
  display: inline-block;
  margin: 10px 0px 10px 0px;
}
#demo4.scroll-img ul,
#demo5.scroll-img ul {
  width: 1800px;
}
#demo5-backward,#demo5-forward{
	margin-top: 20px;
	height: 320px;
	width: 40px;
	float:left;
	border: none;
	background: #FFFFFF;
	cursor:pointer;
	-webkit-transition: all  1s;
     -moz-transition: all  1s;
     -o-transition: all  1s;
     transition: all  1s;
	 
	
	
	 	}
#demo5-backward:focus,#demo5-forward:focus{
	outline: none; }
	#demo5-backward:hover,#demo5-forward:hover{
		
		}
/*--------------- end slider ------------*/
@media screen and (min-width: 1024px) and (max-width: 1139px){
	
		.scroll-img{
			width: 770px;
			}
		.img_bottom{
			width: 850px;
			margin:auto;
			}}
@media screen and (min-width: 900px) and (max-width: 1023px){
	
.scroll-img{
			width: 770px;
			}
		.img_bottom{
			width: 850px;
			margin:auto;
			}}
@media screen and (min-width: 740px) and (max-width: 899px){

.scroll-img{
			width: 510px;
			}
			.img_bottom{
			width: 590px;
			margin:auto;
			}}
@media screen and (min-width: 620px) and (max-width: 739px){

		.scroll-img{
			width: 510px;
			}
			.img_bottom{
			width: 590px;
			margin:auto;
			}}
@media screen and (min-width: 360px) and (max-width: 619px){
			.scroll-img{
			width: 340px;
			}
			.img_bottom{
			width: 420px;
			margin:auto;
			}
}