@media screen and (max-width: 980px){
	img{
		max-width: 100%;
	}
	.outer_box{
		height: auto;
	}
	.main_list{
		height: auto;
		display: block;
	}
	.main_list_items{
		display: block;
		width: 100%;
		height: auto;
	}
	.main_list_item_list{
		display: none;
	}
	.main_list_item_header{
		display: none;
		transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
	}
	.main_list_item_list{
		margin: 0;
	}
	.main_list_item_list:active{
		background: linear-gradient(to right, #036fd2,#174897);
    background: -webkit-linear-gradient(to right, #036fd2,#174897);
	}
	.active .main_list_item{
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
	}
	.list_item_list_num>h3{
		top: 10%;
		color: #222;
		font-size: .36rem;
	}
	.list_item_list_num>h6{
		top: 20%;
		font-size: .28rem;
		margin-top: .1rem;
	}
	.main_list_items:hover{
		background-color: #191919;
	}
	.main_list_item_icons{
		height: auto;
		padding: .3rem 0;
	}
	.main_list_items:hover .main_list_item_icons{
		opacity: 1;
	}
	.main_list_item{
		transform: translateY(0);
    -webkit-transform: translateY(0);
	}
	.shadow{
		display: none;
	}
}