.glyphicon-search:before {
    content: "\e003";
    line-height: 35px;
}


.locations {
    overflow: hidden;
    text-align: left;
}
#left-side {
    float: left;
    width: 30%;
    background: #F6F9FA;
    height: 530px;
    overflow-y: auto;
}
#left-side ul li {
    padding: 20px;
    border-bottom: 1px solid rgba(155, 155, 155, 0.25);
}
#map {
    float: right;
    width: 70%;
    height: 530px;
}
.takepart.loc-web {
    float: right;
}
.list-content {
    overflow: hidden;
    font-size: 17px;
    line-height: 35px;
}
#current {

    position: absolute;
    top: 3px;
    right: 56px;
}
@media all and (max-width: 1150px) {
    #left-side {
        width: 40%
    }
    #map {
        width: 60%;
    }
}
@media all and (max-width: 768px) {
    #left-side {
        width: 100%;
        height: auto;
    }
    #map {
        display: none;
    }
}
@media all and (max-width: 640px) {
    input#current {
        position: relative;
        float: left;
        right: auto;
        top: auto;
        margin: 5px 0 15px;
    }
}