.page-searchbtn {
-webkit-flex-basis: auto;
flex-basis: auto;
padding: 20px;
border-left: 0;
}

.page-searchbtn > div {
display: -webkit-box;
display: flex;
position: relative;
width: 100%;
margin-left: auto;
}

.page-searchbtn a {
display: inline-block;
position: absolute;
top: 50%;
left: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.page-searchbtn img {
width: 20px;
height: 20px;
}

.page-searchbtn input[type="text"] {
width: 100%;
height: 60px;
padding-right: 15px;
padding-left: 45px;
border: 1px solid #004831;
border-radius: 40px;
color: #004831;
font-size: 18px;
font-weight: 700;
outline: none;
}

.page-searchbtn input[type="text"]:placeholder-shown { padding-right: 45px; color: #004831; text-align: center;}
.page-searchbtn input[type="text"]::-webkit-input-placeholder { color: #004831; text-align: center;}
.page-searchbtn input[type="text"]::-moz-placeholder { padding-right: 45px; color: #004831; opacity: 1; text-align: center;}
.page-searchbtn input[type="text"]:-ms-input-placeholder { padding-right: 45px; color: #004831; text-align: center;}

.page-searchbtn input[type="text"]:focus:placeholder-shown { color: transparent;}
.page-searchbtn input[type="text"]:focus::-webkit-input-placeholder { color: transparent;}
.page-searchbtn input[type="text"]:focus::-moz-placeholder { color: transparent; opacity: 1;}
.page-searchbtn input[type="text"]:focus:-ms-input-placeholder { color: transparent;}

.page-searchbtn input[type="text"]:focus {
color: #004831 !important;
text-align: left;
}

.page-searchbtn input[type="submit"] {
display: inline-block;
position: absolute;
top: 50%;
left: 15px;
width: 20px;
height: 20px;
border: 0;
color: transparent;
background: url(/assets/img/icon_search_grren.png) center / contain no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.page-searchbtn > .w330px {
    width: 100%!important;
}
}