.shopsty{
		
		background-color:#f4f4f4;
		
	}	
	.shop1{
		font-size:20px;
		color:#464646;
	}
	
	a.shop3{
		text-decoration: none;
		color:#464646; 
		padding:25px;
	}
	a.shop3:hover{color:#ffcc14;}
	
	.shop4{
		
		margin-left:210px;
		padding:25px;
	}
	.shop5{
		
		color:#ffcc14;
		
		
	}
	.shop6{
		
		text-align: center;
		padding:25px;
	}
	
	.box1{
		border:2px solid #f4f4f4;
		margin:20px;
		padding:30px;
	}
	

	.boximg{
		border:2px solid #f4f4f4;
		height:80px;
		width:100px;
		
	}
	.disp{display:none;}
	
	a.rev{
		border:2px solid #464646;
		background-color:#f4f4f4;
		color:#464646;
		text-decoration: none;
		padding:10px;
		border-radius:5px;
		font-size:16px;
	}
	
	a.rev:hover{
		
		border:2px solid #464646;
		background-color:#464646;
		color:#f4f4f4;
		
	}
a.rev:active{
	border:2px solid #464646;
		background-color:#464646;
		color:#f4f4f4;
}
	
	.revsty{margin-top:40px;}
	.descbox{border:2px solid #f4f4f4;
	         margin-top:12px;
		     margin-left:13px;
	}
	
	.revbox{
		display:none;
		
	}
	
@media screen and (width: 360px){
	
	.med1{
		
		
		text-align: center;
	}
	
	.med2{
		
		
		margin: 10px;
	}
	
	.med3{
		
		
		padding: 40px;
	}
	
	.disp{
		
		padding: 40px;
		display: none;
		
	}
	
	
	
	
	
} 	

@media screen and (width: 375px){
	
	.med1{
		
		
		text-align: center;
	}
	
	.med2{
		
		
		margin: 10px;
	}
	
	.med3{
		
		
		padding: 40px;
	}
	
	.disp{
		
		padding: 40px;
		display: none;
		
	}
	
	
	
	
	
} 	
@media screen and (width: 414px){
	
	.med1{
		
		
		text-align: center;
	}
	
	.med2{
		
		
		margin: 10px;
	}
	
	.med3{
		
		
		padding: 50px;
	}
	
	.disp{
		
		padding: 60px;
		display: none;
		
	}
	
	
	
	
	
}
@media screen and (width: 320px){
	
	.med1{
		
		
		text-align: center;
	}
	
	.med2{
		
		
		margin: 10px;
	}
	
	.med3{
		
		
		padding: 20px;
	}
	
	.disp{
		
		padding: 20px;
		display: none;
		
	}
	
	.med4{
		height:30px;
		width:40px;
		border:2px solid #f4f4f4;
		
	}
	
	
	
}