@media screen and (min-width: 680px) and (max-width: 960px) {
    #div-lateral {
        width: 280px !important;
        overflow-y: scroll;
        height: 100%;
        z-index: 1000;
    }
}

/*Styles for screen 600px and lower*/
@media screen and (min-width: 376px) and (max-width: 667px) {
    #div-lateral .nav ul {
        padding: 0;
        margin: 0 auto;
        width: 350px;
        height: 40px;
    }

    #div-lateral .nav li {
        width: 33%;
        display: inline;
        float: left;
        position: relative;
    }

}


/*Styles for screen 600px and lower*/
@media screen and (max-width: 375px) {

    #div-lateral {
        width: 100% !important;
        overflow-y: scroll;
        height: 100%;
        z-index: 1000;
    }

    .nav {
        font-family: "kievit Regular", Helvetica, Tahoma, sans-serif;
  		height: auto;
  	}
  	.nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
}