.animated-searchbox {
    display: none;
    min-height: 90px;
    margin-top: 35px;
}

.addsearch-input {
    width: 100%;
    border: 2px solid #CCCCCC;
    border-radius: 0px;
    padding: 10px;
    padding-left: 50px;
    cursor: crosshair;
}

.close-btn {
    margin-top: 2.25px;
    margin-left: -33.5px;
}

.addsearch-image {
    display: none;
}

.addsearch-container {
    float: right;
    margin: 0px;
    border: solid 1px #7ca6ba;
}

.addsearch {
    float: right;
    padding: 2.5px;
    color: #000000;
    background-image: url('/Images/Icons/Search-Icon.png');
    background-repeat:no-repeat;
}

@media only screen and (max-width: 460px) {
    .addsearch-image {
        display: block;
        margin-left: -40px;
        float: right;
        padding: 3px;
    }
}

@media only screen and (max-width: 460px) {
    .addsearch-container {
        float: none;
        border: solid 1px #7ca6ba;
        margin-top: -15px;
        
    }
}

@media only screen and (max-width: 460px) {
    .addsearch {
        width: 100%;
        float: none;
        border: none;
        padding: 3px;
        margin-bottom: -30px;
    }
}

@media only screen and (max-width: 320px) {
    .addsearch {
        width: 100%;
        float: none;
        border: solid 1px #7ca6ba;
        padding: 3px;
        margin-bottom: -20px;
    }
}