%1

#info { width: 300px; height: auto; background-color: rgb(36, 60, 89); border-radius: 20px; color: #FFFFFF; margin: 0 auto; font-weight:bold; } #info > p { text-align: center; width: 100%; } .bundle { float: left; text-align: center; } .speaker { float:left; width: 22%; text-align: center; }

@media screen and (max-width: 768px) { #info, #description { clear: both; margin: 0 auto !important; width: 100% !important; text-align: center; } #player_wrapper { width: 100% !important; height: 260px !important; } } #player_wrapper { margin: 0 auto; }