#div_content{
    width:60%;
    margin: 0 auto;
    min-height:200px;
    height: auto;
}

#div_content div{
    margin-bottom:8px;

}
.clear{
    clear:both;
    margin-top: 20px;
}

#searchResult{
    list-style: none;
    padding: 0px;
    width: 250px;
    position: relative;
    margin: 0;
}

#searchResult li{
    z-index: 100000;
    background: #4e73df;
    padding: 4px;
    margin-bottom: 1px;
    color: white;
}

#searchResult li:nth-child(even){
    z-index: 100000;
    background: #4e73df;
    color: white;
}

#searchResult li:hover{
    cursor: pointer;
}


/* media query */
@media screen and (max-width:800px){
    .container{
        width:80%;
    }
}

@media screen and (max-width:480px){
    .container{
        width: 95%;
    }

    #div_content{
        width: 90%;
    }

   

    #searchResult{
        width: 80%;
    }
}