.search {
    text-align: center;
    /*margin: 22em 0em 0em 0em;*/
    position: relative;
}

.s-bar {
    width: 34%;
    margin: 0 auto;
    padding: 0.5em 0em 0.5em 0em;
}

    .s-bar input[type="text"] {
        font-size: 16px;
        font-weight: 600;
        color: #000;
        padding: 16px 1px 15px 27px;
        width: 70%;
        text-shadow: rgba(80, 80, 80, 0.08) 1px 1px, rgba(80, 80, 80, 0.07) 2px 2px, rgba(80, 80, 80, 0.09) 3px 3px, rgba(80, 80, 80, 0.04) 4px 4px, rgba(80, 80, 80, 0.06) 5px 5px;
        border-radius: 5px 0px 0px 5px;
        -webkit-border-radius: 5px 0px 0px 5px;
        -moz-border-radius: 5px 0px 0px 5px;
        -o-border-radius: 5px 0px 0px 5px;
        background: rgba(255, 255, 255, 1);
        border: 1px solid #fff;
        outline: none;
        -webkit-appearance: none;
        box-shadow: 0 0 5px rgba(27, 27, 27, 0.5);
    }

@media(max-width:1600px) {
    .s-bar input[type="submit"] {
        font-size: 24px;
        border: 1px solid #18900b;
        box-shadow: 0 0 5px rgba(27, 27, 27, 0.5);
        font-weight: 600;
        color: #fff;
        padding: 14px 12px 19px 12px;
        width: 22%;
        text-align: center;
        text-shadow: rgba(80, 80, 80, 0.08) 1px 1px, rgba(80, 80, 80, 0.07) 2px 2px, rgba(80, 80, 80, 0.09) 3px 3px, rgba(80, 80, 80, 0.04) 4px 4px, rgba(80, 80, 80, 0.06) 5px 5px;
        border-radius: 0px 5px 5px 0px;
        -webkit-border-radius: 0px 5px 5px 0px;
        -moz-border-radius: 0px 5px 5px 0px;
        -o-border-radius: 0px 5px 5px 0px;
        margin: 0px 0px 0px -4px;
        background: #7ac209;
        cursor: pointer;
        /*border: none;*/
        outline: none;
        -webkit-appearance: none;
        background: #7ac209;
        background: -moz-linear-gradient(top, #7ac209 0%, #7ac209 37%, #7ac209 66%, #7ac209 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ac209), color-stop(37%,#7ac209), color-stop(66%,#7ac209), color-stop(100%,#7ac209));
        background: -webkit-linear-gradient(top, #7ac209 0%,#7ac209 37%,#7ac209 66%,#7ac209 100%);
        background: -o-linear-gradient(top, #7ac209 0%,#7ac209 37%,#7ac209 66%,#7ac209 100%);
        background: -ms-linear-gradient(top, #7ac209 0%,#7ac209 37%,#7ac209 66%,#7ac209 100%);
        background: linear-gradient(to bottom, #2fbe15 0%,#2fbe15 37%,#2fbe15 66%,#2fbe15 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac209', endColorstr='#7ac209',GradientType=0 );
    }
}

.s-bar input[type="submit"]:hover {
    opacity: 0.8;
    filter: alpha(opacity=100);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.search i {
    /*background: url(../images/search.png)no-repeat;*/
    width: 31px;
    height: 31px;
    display: block;
    position: absolute;
    top: 30%;
    left: 29%;
    cursor: pointer;
}
/*--meadia quiries start here--*/
@media(max-width:1600px) {
    .search i {
        left: 29%;
    }

    .s-bar {
        width: 65%;
    }
}

@media(max-width:1366px) {
}

@media(max-width:1280px) {
    .s-bar input[type="text"] {
        width: 63%;
    }

    .search i {
        left: 30.2%;
    }
}

@media(max-width:1024px) {
    .s-bar {
        width: 65%;
    }

    .search i {
        left: 25.2%;
    }
}

@media(max-width:768px) {
    .search {
        margin: 0em;
    }

    .s-bar {
        width: 100%;
    }

    .search i {
        left: 19.5%;
    }

    .s-bar input[type="text"] {
        width: 67%;
    }
}

@media(max-width:667px) {
    .s-bar {
        width: 100%;
    }

    .search i {
        left: 18.5%;
    }

    .s-bar input[type="text"] {
        font-size: 16px;
    }

    .s-bar input[type="submit"] {
        font-size: 24px;
    }
}

@media(max-width:640px) {
    .s-bar {
        width: 100%;
    }

    .search i {
        left: 15.5%;
    }
}

@media(max-width:600px) {
    .search i {
        left: 14.5%;
    }
}

@media(max-width:568px) {
    .s-bar input[type="text"] {
        width: 64%;
    }
}

@media(max-width:480px) {
    .s-bar input[type="text"] {
        width: 55%;
        font-size: 15px;
        padding: 14px 1px 17px 6px;
    }

    .s-bar input[type="submit"] {
        width: 30%;
        font-size: 20px;
    }

    .search i {
        top: 17%;
    }
}

@media(max-width:414px) {
    .search i {
        top: 16%;
        left: 13.5%;
    }
}

@media(max-width:320px) {
    .search {
        margin: 0em;
    }

    .s-bar {
        width: 100%;
    }

    .search i {
        left: 43%;
        top: -36%;
    }

    .s-bar input[type="submit"] {
        text-shadow: rgba(80, 80, 80, 0.08) 1px 1px, rgba(80, 80, 80, 0.07) 2px 2px, rgba(80, 80, 80, 0.09) 3px 3px, rgba(80, 80, 80, 0.04) 4px 4px, rgba(80, 80, 80, 0.06) 5px 5px;
    }
}
/*--meadia quiries end here--*/

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder { /* Firefox 18- */
    color: #000;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}