.bdtp-box{
padding:6px 10px;
border-radius:6px;
display:inline-block;
}

/* 10 styles */

.style1{background:#f5f5f5;}
.style2{background:#222;color:#fff;}
.style3{background:#008000;color:#fff;}
.style4{background:#0044cc;color:#fff;}
.style5{background:#ff6600;color:#fff;}
.style6{background:#111;color:#0f0;}
.style7{background:#eee;border:1px solid #ccc;}
.style8{background:#000;color:#ffd700;}
.style9{background:#006666;color:#fff;}
.style10{background:#8b0000;color:#fff;}

/* Mobile responsive */

@media(max-width:768px){
.bdtp-box{
font-size:16px!important;
padding:5px 8px;
}
}