.hwdropdown_container { 
    position:relative;
}

.hwdropdown {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: #FFF;
    line-height: 2;
    border: solid 1px #DDDDDD;
    padding: 20px 0px 20px 10px;
    max-height: 400px;
    overflow: auto;
    color:#FFF;
    width: 500px !important;
}

    .hwdropdown li {
        list-style-type: none;
        cursor: pointer;
        transition: linear 0.5s;
        padding: 10px 0px;
        width: 100%;
        border-bottom: solid 1px #D2D2D2;
        text-align:center;
    }

        /*.hwdropdown li:hover {
            background-color: #DDDDDD;
            transition: linear 0.5s;
        }*/

    .hwdropdown .all {
        text-align: center;
        width: 100%;        
        border-bottom: none;
    }

@media only screen and (max-width:600px) {
    .hwdropdown {
        width: 300px !important;
    }

    .hwdropdown li img {
        width: 50%;
    }
}