/* General styles for all screen sizes */
.portal-kadro {
/* nenion */
}
/* Styles for screens with a maximum width of 768px (mobile devices) */
@media screen and (max-width: 768px) {
.left-column {
float: none;
width: 100%;
}
.right-column {
float: none;
width: 100%;
}
}
/* Styles for screens with a minimum width of 769px (desktops, laptops, and tablets in landscape mode) */
@media screen and (min-width: 769px) {
.left-column {
float: left;
width: 58%;
}
.right-column {
float: right;
width: 40%;
}
}
/* Tabuloj */
.responsive-wikitable table {
width: 100%;
table-layout: fixed;
}
.responsive-wikitable td {
word-wrap: break-word;
}
@media (max-width: 769px) {
.responsive-wikitable {
font-size: 14px;
}
.responsive-wikitable table {
display: block;
}
.responsive-wikitable table tr {
display: block;
margin-bottom: 10px;
}
.responsive-wikitable table td {
display: block;
border-top: none;
}
.responsive-wikitable table table {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.responsive-wikitable table table tr {
display: flex;
width: 100%;
align-items: center;
margin-bottom: 5px;
}
.responsive-wikitable table table td {
display: block;
padding: 5px;
flex: 1;
}
}