ul.course_list {
    clear: both;
/*    float: right; */
    list-style-type: none;
    margin: 0 0 1em;
    padding: 0;
    overflow: hidden;
}

ul.course_list li a {
display: block;
padding: 10px;
margin: 0 0 5px 0;
background: #036f9d;
color:#fff;
}
ul.course_list li a:hover {
background: #029DDD;
text-decoration:none;
}
ul.course_list li { 
  width:49%;
  float: right;
/*  display: inline-block; */
  vertical-align: top;
}
ul.course_list li:nth-child(2n+1) {
  width:49%;
  margin-right: 2%;
  float:left;
}


@media (max-width: 640px) {
ul.course_list li, ul.course_list li:nth-child(2n+1) {width:100%;}
}