.click-search {
    background: url(../images/icon-search.png) no-repeat scroll center;
    width: 18px;
    height: 18px;
    float: right;
    margin-top: 12px;
    margin-right: 8px;
    cursor: pointer;
    display: none;
}
#search_form{
    position: relative;
    margin-top: 5px;
}
#search_form input, #search-mobile input {
    background-color: #fff;
    border: medium none;
    border-radius: 4px;
    color: #7b7b7b;
    font-size: 12px;
    height: 30px;
    padding: 0 2%;
    width: 96%;
    font-family: "Segoeui";
    font-size: 13px;
}
#search_form .button-search,
#search-mobile .button-search {
    background: #72ae2e url("../images/icon-search.png") no-repeat scroll 10px center;
    color: #ffffff;
    font-family: "Segoeui";
    font-size: 13px;
    cursor: pointer;
    height: 26px;
    padding: 0px 10px 0px 30px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 2px;
    width: auto;
}
@media screen and (max-width:1024px){
    .block-search .form-search {
        width: 38%;
    }
}
@media screen and (max-width:966px){
    .block-search .form-search {
        width: 48%;
        float: right;
    }
}
@media screen and (max-width:568px){
    .block-search .form-search {
        width: auto;
        float: right;
        margin-right: 5px;
        position: relative;
    }
    .click-search {
        display: block;
    }
    #search-form{
        display: none;
        position: absolute;
        right: 0;
        width: 305px;
        top: -4px;
        z-index: 99;
    }
#search_form input, #search-mobile input {
        height: 38px;
    }
    #search_form .button-search, #search-mobile .button-search {
        font-size: 17px;
        height: 34px;
    }
}