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

:root {
    --container-lg-width: 1370px;
}

@media (min-width:2000px) {
    :root {
        --container-lg-width: 1730px;
    }
}

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



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



@media (max-width:768px) {

    .grid-container {
        display: block;
        margin: auto;
        width: 90%;
    }
}