.tvue-widget-layout-sources {
display: none !important;
} @media (min-width: 1200px) {
.tvue-layout-container {
width: calc(100% - 32px) !important;
max-width: 1840px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.tvue-layout-row.tvue-has-left {
display: grid !important;
grid-template-columns: 300px minmax(0, 1fr) 300px !important;
column-gap: 24px !important;
align-items: start !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.tvue-layout-row:not(.tvue-has-left) {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 300px !important;
column-gap: 24px !important;
align-items: start !important;
}
.tvue-left-column,
.tvue-right-column {
width: 300px !important;
min-width: 300px !important;
max-width: 300px !important;
flex: 0 0 300px !important;
box-sizing: border-box !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.tvue-main-column {
width: auto !important;
max-width: none !important;
min-width: 0 !important;
flex: 1 1 auto !important;
box-sizing: border-box !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.tvue-layout-row.tvue-has-left > .tvue-left-column { grid-column: 1; }
.tvue-layout-row.tvue-has-left > .tvue-main-column { grid-column: 2; }
.tvue-layout-row.tvue-has-left > .tvue-right-column { grid-column: 3; }
.tvue-layout-row:not(.tvue-has-left) > .tvue-main-column { grid-column: 1; }
.tvue-layout-row:not(.tvue-has-left) > .tvue-right-column { grid-column: 2; }
}
.tvue-left-column,
.tvue-right-extra {
box-sizing: border-box;
}
.tvue-left-column .widget,
.tvue-right-extra .widget {
width: 100%;
max-width: 300px;
box-sizing: border-box;
}
.tvue-right-extra {
width: 100%;
max-width: 300px;
margin: 0 0 22px 0;
} .tvue-bottom-zone {
width: 100%;
min-height: 300px;
box-sizing: border-box;
margin: 28px auto 0;
padding: 18px 0;
clear: both;
}
.tvue-bottom-zone-inner {
width: 100%;
min-height: 264px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 300px));
justify-content: space-between;
align-content: start;
gap: 20px;
}
.tvue-bottom-zone .widget {
width: 100%;
max-width: 300px;
box-sizing: border-box;
} @media (max-width: 1199px) {
.tvue-layout-row {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
.tvue-main-column {
order: 1 !important;
width: 100% !important;
max-width: 100% !important;
}
.tvue-left-column {
order: 2 !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 24px;
}
.tvue-right-column {
order: 3 !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 24px;
}
.tvue-left-column .widget,
.tvue-right-extra,
.tvue-right-extra .widget,
.tvue-bottom-zone .widget {
width: 100%;
max-width: 100%;
}
.tvue-bottom-zone-inner {
grid-template-columns: 1fr;
}
}