.box-scenic { padding: 1rem; }
.box-scenic > div.row { align-items: flex-start; }
.box-scenic > div.row > * { 
	width: calc(100% - 1rem); 
	margin-bottom: .875rem; 
	margin-left: .5rem;
	margin-right: .5rem;
	
	padding-top: .75rem; 
	padding-bottom: .75rem; 
	
	border-radius: .625rem;
	border: 2px solid #CCC;
}
.box-scenic > div.row > div img { max-width: 640px; border-radius: .625rem; }
.box-scenic > div.row > div > div { text-align: center; }
.box-scenic > div.row > div > div:nth-child(2) {
	font-size: 18px;
	font-weight: 500;
	padding: .5rem 0;
}
.box-scenic > div.row > div > div:nth-child(2) > a { text-decoration: none; }
.box-scenic > div.row > div > div:nth-child(2) > a:hover { text-decoration: none; color: #F22; }

.box-scenic2 { padding: 1rem 1rem 1.5rem; }
.box-scenic2 > div.row > * { width: 100%; }

.box-scenic2 > div.row > div:nth-child(1) {
	width: calc(100% - 1rem);
	margin-bottom: .875rem; 
	margin-left: .5rem;
	margin-right: .5rem;
	
	padding-top: .75rem; 
	padding-bottom: .75rem; 
	
	border-radius: .625rem;
	border: 2px solid #CCC;
}

.box-scenic2 > div.row > div:nth-child(1) a { cursor: pointer; }
.box-scenic2 > div.row > div:nth-child(1) img { max-width: 640px; border-radius: .625rem; }
.box-scenic2 > div.row > div:nth-child(1) > div:nth-child(2)  { 
	text-align: center; 
	font-size: 18px;
	font-weight: 500;
	padding: .5rem 0;
}

.scenic-categy {
	display: inline-block;
	width: auto;
	margin: .25rem 0;
	padding-right: 1.25rem;
	
	color: #FFF;
    background-color: #007BFF;
    border-color: #007BFF;
}
.scenic-categy:hover {
	color: #FFF;
    background-color: #0069D9;
    border-color: #0062CC;
}
select {
	-moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
	background: url(../img/arr_down.png) no-repeat 97% rgba(51, 51, 51, 0.05);	
}
select::-ms-expand { display: none; }
option { color: black; background-color: #FFF }

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

@media screen and (min-width: 414px) {
	
}

@media screen and (min-width: 576px) {
	.box-scenic > div.row > * { width: calc(50% - 1rem); }
}

@media screen and (min-width: 768px) {
	.box-scenic > div.row > * { width: calc(33.333333% - 1rem); }
	
	.box-scenic2 > div.row > div:nth-child(1) { width: 184px; }
	.box-scenic2 > div.row > div:nth-child(2) { width: calc(100% - 200px); line-height: 30px; letter-spacing: 3px; padding: 0 1rem; }
}

@media screen and (min-width: 992px) {
	.box-scenic2 > div.row > div:nth-child(1) { width: 224px; }
	.box-scenic2 > div.row > div:nth-child(2) { width: calc(100% - 240px); }
}

@media screen and (min-width: 1200px) {
	.box-scenic2 > div.row > div:nth-child(1) { width: 264px; }
	.box-scenic2 > div.row > div:nth-child(2) { width: calc(100% - 280px); }	
}