@media (prefers-color-scheme: dark) {
    :root {
        --dots: #fff;
        --btn-txt: #313131;
        --text: #fff;
        --text-1: #fff;
        --body: #313131;
        --rek-body: #0C0C0C;
    }

    .playstation__img::before {
        content: url(../image/svg/playstation__img.svg);
    }

    .dropdown__menu {
        background: #000;
    }

    .header__logo::before {
        content: url(../image/svg/dark-logo.svg);
    }


    .header__logo-about::before {
        content: url(../image/svg/dark-logo.svg);
    }

}

@media (max-width: 1200px) {
    .lg {
        grid-column: 4 span;
    }
    .md {
        grid-column: 4 span;
    }
    .sm {
        grid-column: 2 span;
    }
    .sm1 {
        grid-column: 2 span;
    }
}

@media (max-width: 1200px) {
    .header__lbl {
        max-width: 265px;
    }
    .carousel-inner {
        padding-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-template-areas:
            'lg lg lg lg'
            'md md md md'
            'sm sm sm sm'
            'sm1 sm1 sm1 sm1'

        ;
        gap: 30px;
    }
}