.AudioColumns { width: 100%; max-width: 100%; margin: 0 auto; font-size: 1em; line-height: 1.7em; } .AudioColumns ul { list-style-type: none; margin-bottom: 20px; padding: 0px; float: left; width: 25%; } .AudioColumns ul li { padding-left: 20%; } .AudioColumns ul li:first-child { background-color: #3F59D0; color: #fff; padding: 15px 0px 15px 0px; font-weight: bold; margin-bottom: 15px; padding-left: 20%; } .AudioColumns ul a { color:#0066ff; text-decoration: none; } .AudioColumns ul a:hover { text-decoration: underline; } /*mobile styles for single column */ @media only screen and (min-width:320px) and ( max-width: 767px ){ .AudioColumns ul li:first-child { padding-left: 10%; margin-left: -20px; } .AudioColumns ul { width: 98%; font-size: 1em; } .AudioColumns ul li { padding-left: 5%; } } /*tablet styles for 2 columns*/ @media only screen and (min-width:768px) and (max-width:959px) { .AudioColumns ul li:first-child { padding-left: 10%; margin-left: -17px; } .AudioColumns ul { width: 47.3%; font-size: 1em; } .AudioColumns ul:nth-child(2n+3) { clear: both; } .AudioColumns ul li { padding-left: 5%; } } /*desktop style for 4 columns*/ @media only screen and (min-width:769px) { .AudioColumns ul:nth-child(4n+5) { clear: both; } }

Emotional Intelligence

Load More