/* {{Wn/bn/শৈলী পৃষ্ঠা}} */
/* Apply a common style to elements with background white */
.main_table_upper, .main_table_lower {
width: 100%;
background: white;
padding: 0;
}
.main_table_upper {
vertical-align: top;
margin-top: .5em;
}
.main_table_lower {
vertical-align: bottom;
margin-top: .5em;
}
.main-header {
vertical-align: top;
width: 100%;
}
.main_section {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}
.main_box {
flex: 1;
margin: 5px;
min-width: 240px;
background: #fff;
border: 1px solid #c8ccd1;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.lead_big, .latest_news, .lead_normal, .portal_box, .news_compilation, .featured_contant, .main_write, .main_about, .main_epithet {
vertical-align: top;
padding: 2px;
padding-bottom: 4px;
}
.news_compilation {
min-width: 64%;
}
.lead_big {
width: 65%;
}
.latest_news {
width: 35%;
padding-right: 1px;
}
.lead_normal {
padding: 3px 6px 3px 6px;
border-top: 1px solid #c8ccd1;
width: 32.5%;
}
.portal_box {
padding-top: 6px;
}
.main_write, .main_about, .main_epithet {
width: 33.333%;
}
/* Add a class for larger headings */
.minihead {
font-size: 120%;
font-weight: bold;
}
/* Media query for responsive design */
@media screen and ( max-width: 720px ) {
body.skin-minerva td,
body.skin-minerva .mp-column,
body.skin-minerva tr,
body.skin-minerva tbody,
body.skin-minerva table {
display: block !important;
float: none !important;
width: 100% !important;
box-sizing: border-box;
}
}
@media only screen and (max-width: 390px) {
.nomobile {
display: none !important;
}
}
@media only screen and (min-width: 391px) {
.mobile-only {
display: none !important;
}
}