.search-form{
	margin-bottom: 20px;
}
.search-reset{
	position: absolute;
    width: 20px;
    right: 21px;
    font-size: 20px;
    margin: 0;
    height: 50px;
    cursor: pointer;
    border: 0;
    background: transparent;
    color: #f86d57;
    font-weight: bold;
}
.search-form form{
	position: relative;
    width: 100%;
    height: 52px;
    border: 1px solid #eeeeee;
    border-radius: 25px;
}
.search-form input.search {
    width: 100%;
    padding: 20px;
    border: 0;
    font-size: 16px;
	color:#313131;
    margin: 0;
    height: 48px;
    border-radius: 25px;
}
.search-form input.search-submit {
	position: absolute;
	z-index: 10;
    width: 25px;
	right: 21px;
    background: url(/assets/images/icons/baseline-search-24px.svg) no-repeat center;
    -webkit-appearance: button;
    cursor: pointer;
	border: 0;
    font-size: 1rem;
    margin: 0;
    height: 50px;
    text-indent: -9999px;
}
.search-reset + input {
    right: 46px!important;
}
.search-form button{
	display: none;
}

@media screen and (max-width: 768px){
	.search-form{
		width: calc(100% - 75px);
		float:left;
	}
	.search-submit{
		display: none;
	}
	.search-form button{
		display: block;
		position: absolute;
		top:12px;
		left:21px;
	}
	.search-form button svg{
		width: 25px;
		height: 25px;
		fill:#999
	}
	.search-form form{
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.search-form input.search {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		height: 50px;
		padding-left: 68px;
	}
}