.bb3topics_block_personal_ul 
{
         -moz-column-count: 4;  
         -webkit-column-count: 4;  
         column-count: 4;
         list-style-type: none;
         white-space: nowrap;
         padding-bottom: 5px;
}
.bb3topics_block_personal_ul li 
{
         padding: 10px 10px;
         background: linear-gradient(to left, #cec5b5 0%, #f3efec, #e9e1d9);
         box-shadow: 0 5px 5px 0 rgba(0,0,0, .1);
         margin-bottom: 10px;
         border-radius: 7px;
         overflow: hidden;
         text-overflow: ellipsis;
         font-family: Poppins, "Trebuchet MS", Helvetica, Arial, Sans-serif;
         font-size: 1.2em;
         font-weight: bold;
}
.bb3topics_inner
{
         width: 100%;
         text-align: justify;
}
.bb3topics_inner::after 
{
         position: relative;
         content: "";
         width: 100%;
         display: inline-block;
}
.panel
{
         margin-top: 25px;
         background-color: transparent;
         padding: 0;
}
.bb3topics_block_h
{
         display: inline-block;
}
.bb3topics_header
{
	 font-weight:bold;
         margin-bottom: 10px;
         text-transform: uppercase;
         background: url("/styles/mmg/theme/images/bar.jpg") repeat left top;
         color: #FFFFFF;
         padding: 10px;
         border-radius: 7px;
}
.bb3topics_data 
{
          width: 50px;
          float: left;
          color: #d60;
}
.bb3topics_link
{
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
}
.bb3topics_container
{
	 line-height:1.5em;
         list-style:none;
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
	.bb3topics_block_h
	{
		clear:both;
        	float:none;
		width:100% !important; 
		margin:0px auto;
        }
        .bb3topics_container
        {
                margin-bottom: 10px;
        }
        .bb3topics_inner
        {
                margin-bottom: -20px;
        }
        .bb3topics_block_personal 
        {
                margin-top: 10px;
        } 
}	
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {   
        .panel
        {
                padding: 5px 5px;
        }
        .bb3topics_block_personal_ul 
        {
                -moz-column-count: 2;
                -webkit-column-count: 2;
                column-count: 2;
        }
        .bb3topics_block_personal 
        {
                padding-left: 5px;
                padding-right: 5px;
                margin-top: 0px;
        }
}