﻿


@media (min-width: 1500px) {
    .content-screen {
        width: 1380px !important;
    }

    body:has(.mk-content-fullwidth) .content-screen {
        width: 98vw !important;
    }
}
@media (min-width: 1300px) {
    .content-screen {
        width: 1280px !important;
    }
}

@media (min-width: 1200px) {
    .content-screen {
        width: 1170px;
    }
}
@media (min-width: 992px) {
    .content-screen {
        width: 970px;
    }
}
@media (min-width: 768px) {
    .content-screen {
        width: 750px;
    }
}
.content-screen {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2rem;
}

.mk-col1{width: 8.3333333%}
.mk-col2{width: 16.6666666%}
.mk-col3{width: 24.9999999%}
.mk-col4{width: 32.3333333%}
.mk-col5{width: 41.66666666666667%}
.mk-col6{width: 48%}
.mk-col7{width: 58.3333333%}
.mk-col8 {width: 66.66666666666667%}

.mk-col1.full-width{min-width: 8.3333333%}
.mk-col2.full-width{min-width: 16.6666666%}
.mk-col3.full-width{min-width: 24.9999999%}
.mk-col4.full-width{min-width: 33.3333333%}
.mk-col5.full-width{min-width: 41.66666666666667%}
.mk-col6.full-width{min-width: 48%}
.mk-col7.full-width{min-width: 58.3333333%}
.mk-col8.full-width {min-width: 66.66666666666667%}


.f_w100 { width: 100%; }
.f_w96 { width: 96%; }
.f_w90 { width: 90%; }
.f_w80 { width: 80%; }

.flrow { display: flex; flex-direction: row; }
.flcol { display: flex; flex-direction: column; }

.flrow.wrap {
    flex-wrap: wrap;
}

.flrow.gap-1 {
    gap: 1rem;
}


.flrow.gap-1c25 {
    gap: 1.25rem;
}

.flrow.gap-1c5 {
    gap: 1.5rem;
}



.flrow.start {
    justify-content: start;
    justify-items: start;
    align-content: start;
    align-items: start;
}

.flitem {
    display: flex;
}
