@charset "UTF-8";

.searchList {
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
	gap: 20px;
}

.searchList-item {
	background-color: #c9cdd0;
	color: #4e5861;
	flex: 1;
	margin: 20px auto;
	text-align: center;
}

.searchList-item.current {
	background-color: #3a4149;
}

.searchList-item.current a {
	color: #f8fcfd;
  	text-decoration: none;
}

.searchList-item a {
	display: block;
	padding: 15px 0;
  	text-decoration: none;
}



@media print, screen and (min-width: 769px) {

	.searchList {
		/*width: 940px;*/
		margin: 0 auto;
		margin-bottom: 60px;
	}

	.searchList-item a {
		padding: 19px 0;
		text-decoration: none;
	}

	.searchList-item {
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}

	.searchList-item:hover {
		background-color: #0c1831;
	}

	.searchList-item:hover a {
		color: #fff;
		opacity: 1;
	text-decoration: none;
	}

	.searchList-item:first-child,
	.searchList-item:nth-child(2),
	.searchList-item:nth-child(3),
	.searchList-item:nth-child(4),
	.searchList-item:nth-child(5),
	.searchList-item:nth-child(6),
	.searchList-item:nth-child(7) {
		margin-top: 0;
	}
}



@media screen and (max-width: 768px) {

	.searchList {
		margin: 0 auto 40px;
		/*display: table;*/
		width: 98%;
		gap: 20px 6%;
	}

	.searchList-item {
		width: 29.3%;
		/*margin-left: 3%;*/
		margin-top: 0;
		font-size: 12px;
		/*float: left;*/
		flex: initial;
	}

	.searchList-item:first-child,
	.searchList-item:nth-child(2),
	.searchList-item:nth-child(3),
	.searchList-item:nth-child(4),
	.searchList-item:nth-child(5),
	.searchList-item:nth-child(6) {
		margin-bottom: 0;
	}

	.searchList-item:nth-child(7) {
		margin-bottom: 30px;
	}

}