#searchArea{
background:#eeeeee;
padding: 2.5em;
margin-bottom: 30px;
position: relative;
}
#searchArea:before{
position: absolute;
top: 100%;
left: 49%;
content: '';
width: 0;
height: 0;
border: 15px solid transparent;
border-top: 15px solid #eeeeee;
}
#searchArea ul{
padding-left: 0;
margin-bottom: 0;
display: flex;
}
#searchArea ul li{
list-style:none;
width:50%;
}
#searchArea label{
font-family: Oswald,'Lucida Grande',sans-serif;
font-size: 1.75em;
font-weight: normal;
vertical-align: sub;
}
#searchArea select#yourmodel,
#searchArea select#genre{
margin-left: 1em;
padding: 0.5em;
width: 70%;
font-size: 1.2em;
font-weight: normal;
border: 1px solid #cccccc;
}
/*from here*/
#resultArea {min-height: 276px;}
#resultArea .resultTxt{font-size: 18px;}
#resultArea ul{
padding: 0;
min-height: 276px;
display:flex;
flex-wrap: wrap;
padding-inline-start: 0;
box-sizing: border-box;
}
/*till here*/
/*
#resultArea ul{
padding: 0;
display:flex;
flex-wrap: wrap;
padding-inline-start: 0;
box-sizing: border-box;
}*/
#resultArea ul li{
flex-basis:20%;
max-width:20%;
padding:0.5% 0.5% 1.5%;
list-style:none;
font-size:1.5vw;
font-weight: normal;
}
#resultArea ul li img{
display:block;
width:100%;
margin-bottom:0.1vw;
}

@media (min-width: 1200px) {
#resultArea ul li{
    font-size: 16px; /*�ő�l*/
  }
}

@media (max-width: 991px){
#searchArea{
	padding: 1.5em 1.5em 2.5em;
}
#searchArea:before{
	left: 48%;
}
#searchArea ul{
    display: block;
}
#searchArea ul li {
    width: 100%;
	margin-bottom: 20px;
}
#searchArea ul li:last-child{
	margin-bottom: 0;
}
#searchArea select#yourmodel,
#searchArea select#genre{
    width: 100%;
    display: block;
    margin-left: 0;
}
}

@media (max-width: 767px) {
#searchArea:before{
	left: 47%;
}
#resultArea ul li{
    flex-basis: 50%;
	max-width: 50%;
	padding: 1.5%;
	font-size: 1.2em;
}
}