@media all {
.top-banner-table, #mp-topbanner{
display: table;
width: calc(100% - 10px);
}
.top-banner-row {
display: table-row;
}
.top-banner-cell {
padding: 3px 10px;
}
.top-banner-body {
display: table-row-group;
}
.MainPageLogo {
background-repeat: no-repeat;
background-position: -5px -25px;
width: 100%;
border: 1px solid #a7d7f9;
vertical-align: top;
border-radius: 3px;
}
.top-banner-content {
width: 100%;
margin-bottom: 1px;
vertical-align: top;
font-size: 100%;
background: transparent;
line-height: 1.5em;
}
.top-banner-stats {
font-size:100%;
padding: 0;
padding-right:5px;
line-height: 1.6em;
vertical-align: top;
}
.top-banner-stats p{
margin: 0.5em 0 0 0;
}
.top-banner-links {
display:table-caption;
caption-side:bottom;
text-align: center;
font-size: 100%;
margin: 0;
}
}
/* কেবল ডেস্কটপ ইন্টারফেসের জন্য */
@media all and ( min-width: 720px ) {
.top-banner-cell{
display: table-cell;
}
.top-banner-intro{
height: 1em;
padding-left: 5px;
}
.top-banner-links{
line-height: 1em;
padding:0;
}
.top-banner-stats{
text-align: right;
}
}
/* কেবল মোবাইল ইন্টারফেসের জন্য */
@media all and ( max-width: 719px ) {
.top-banner-cell{
display: block;
}
.top-banner-intro{
padding: 0px 6px;
}
.top-banner-links{
line-height: 1.5em;
padding: 0px 6px;
}
.top-banner-stats{
padding: 0px 6px;
text-align: left;
}
}