@charset "utf-8";
#wrapper4 {
	width: 1200px;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(247, 247, 247, 0.34);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}


.first {
	    float: left;
	    height:234px;
    width: 230px;
    margin-right: 10px;
    margin-bottom: 25px;
}


.hedd {
	float: left;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #F3F3F3;
}

.img1 {
	width: 224px;
	float: left;
}
.img1 >a > img
{
  width:100%;   
    
 }









@media screen and (min-width:320px) and (max-width:500px){
	
	#wrapper4 {
	
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	height:auto;
	padding:5%;
}
.first {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	
	margin-bottom: 50px;
}

.hedd {
	float: left;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #F3F3F3;
}
.img1 {
	width:100%;
	float: left;
	
}
	
	.img1 > img
{
  width:100%;   
    
 }
	
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	@media screen and (min-width:501px) and (max-width:800px){
		
		
			#wrapper4 {
	
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height:auto;
}
.first {
	float:left;
	width: 45%;
	margin-left:2px;
	margin-bottom: 50px;
}
.hedd {
	float: left;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #F3F3F3;
}
.img1 {
	width:100%;
	float: left;
}
	
	
		.img1 > img
{
  width:100%;   
    
 }
	
	
		}
		
		
		
		
			@media screen and (min-width:801px) and (max-width:1000px){
	
	
	
					
			#wrapper4 {
	
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height:auto;
}
.first {
	float:left;
	width: 30%;
	margin-left:2px;
	margin-bottom: 50px;
}
.hedd {
	float: left;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #F3F3F3;
}
.img1 {
	width:100%;
	float: left;
}
	
	
		.img1 > img
{
  width:100%;   
    
 }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
			}