@media screen and (min-width: 1301px) {
	.select-text{
		width: 88%;
	}/*
	.select-icon{
		width: 8%;
	}*/
}
@media screen and (min-width: 1024px) and (max-width: 1300.9px) {
	.select-text{
		width: 88%;
	}/*
	.select-icon{
		width: 8%;
	}*/
}
@media screen and (min-width: 721px) and (max-width: 1023.9px) {
	.select-text{
		width: 85%;
	}/*
	.select-icon{
		width: 10%;
	}*/
}
/*@media screen and (min-width: 721px) {*/
	.select {
		/*border: 1px solid #000;*/
	}
	.select-button{
		padding: 2%;
		position: relative;
		transition: 0.3s;
	}
	.select-text,
	.select-icon{
		display: inline-block;
		vertical-align: middle;
	}
	.select-cont{
		top: 140%;
		min-height: 10px;
		max-height: 200px;
		overflow: auto;
	}
	.select-cont div{
		border-bottom: 2px solid #9D5C2B;
	}
	.select-cont div:last-child{
		border-bottom: none;
	}
	.select-button,
	.select-cont,
	.select-cancel{
		border: 2px solid #9D5C2B;
		border-radius: 5px;
		background-color: #fff;
	}
	.select-cont,
	.select-cancel{
		position: absolute;
		right: -2px;
		width: 100%;
		z-index: 2;
		display: none;
		box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
		overflow-x: hidden;
	}
	
	.select-cont div,
	.select-cancel{
		color: #333;
		padding: 2.5% 0;
		transition: 0.3s;
		text-align: center;
	}
	.select-button:active,
	.select-button:hover,
	.select-cont div:active,
	.select-cont div:hover{
		color: #fff;
		background-color: #9D5C2B;
	}
	.select-cancel:active,
	.select-cancel:hover{
		color: #fff;
		background-color: #ff3333;
	}
	.select-button:hover > .select-icon{
		filter: invert(100%);
	}

/*}*/
@media screen and (max-width: 720.9px) {
	.select-text{
		width: 85%;
	}
}
@media screen and (min-width: 360px) and (max-width: 720.9px) {

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

}