/* 
    1390px ve 1730px site-container olmas� i�indir.
*/

:root {
    --site-container-width-value: 85vw;
    --site-container-width: clamp(0vw, var(--site-container-width-value), 1920px);
}

@media (max-width: 1023px) {
    :root {
        --site-container-width-value: 90vw;
    }
}


.grid-container {
    display: grid;
    grid-template-columns: [left-start] calc((100% - var(--site-container-width)) / 2) [mid-start right-start] minmax(0,1fr) [left-end mid-end] calc((100% - var(--site-container-width)) / 2) [right-end];
    grid-template-rows: auto;
}

    .grid-container .grid-full {
        grid-column: full;
    }

    .grid-container .grid-mid {
        grid-column: mid;
    }

    .grid-container .grid-right {
        grid-column: right;
    }

    .grid-container .grid-left {
        grid-column: left;
    }

@media (max-width:767px) {

    .grid-container > .grid-right {
        grid-column: mid;
    }
}