@charset "utf-8";

/* CSS Document */
.custom-select { height:45px; float:left; text-align:left; background:#44c0bb; border-radius:8px; margin:-10px 0 0 25px; position:relative;}
.custom-select select { display:none;}
.custom-select:after { content:""; width:12px; height:6px; background:url(../images/header-arrow1.png) no-repeat; transform:translateY(-50%); position:absolute; top:50%; right:16px;}
.custom-select:before { background:#fff;}
.select-items div,.select-selected { font-size:16px; font-weight:400; color:#fff; cursor:pointer; padding:10px 28px 8px 25px;}
.select-items { background-color:#1f3231; border-radius:8px; position:absolute; top:100%; left:0; right:0; z-index:99; max-height: 165px; overflow: hidden; overflow-y: scroll;}
.select-items div { padding:8px 16px;}
.select-items div:hover { background:#44c0bb;}
.select-hide { display:none;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.custom-select { width:100%; text-align:center; float:none; margin:auto;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.custom-select { width:100%; text-align:center; float:none; margin:auto;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.custom-select { width:100%; text-align:center; float:none; margin:auto;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.custom-select { margin:-12px 0 0 15px;}
.select-items div, .select-selected { font-size:14px; padding:12px 28px 10px 25px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.custom-select { margin:-12px 0 0 20px;}
.select-items div, .select-selected { font-size:15px; padding:12px 28px 10px 25px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.custom-select:after { right:20px;}
.select-items div,.select-selected { font-size:16px;}
}