@media(max-width:767px){
}
/* mobile portrait only */
@media(max-width:479px){
}
/* medium mobiles */
@media(min-width:479px) and (max-width:736px){
}
/* tablet or larger */
@media(min-width:768px){
    .top-menu ul li {
        padding: 0 16px;
    }    
}
/* tablet only */
@media(min-width:768px) and (max-width:991px){
}
/* less than all sizes */
@media(max-width:991px){ 
}
/* desktops all sizes */
@media(min-width:992px){
    .top-menu ul li {
        padding: 0 24px;
    }    

}
/* large desktops only */
@media(min-width:1200px){
}