@media screen and (min-width: 1920px) {
    .slag-slide {
        padding: 0 1vw;
    }

    .slag-slide h4,
    .slag-slide p {
        width: 80%;
    }
}

@media screen and (max-width: 1440px) {

    .slag-slide h3 {
        font-size: 6rem;
        line-height: 6rem;
    }

    .slag-slide.windforce h3 {
        font-size: 5rem;
        line-height: 5rem;
    }
}

@media screen and (max-width: 1200px) {
    .intro img {
        width: calc(100% * 2.6);
    }

    .intro h3 {
        font-size: 2.5rem;
        line-height: 1.2;
        text-align: center;
        letter-spacing: 2px;
    }

    .intro ul {
        flex-wrap: wrap;
        gap: 8.5vw;
    }

    .intro ul li {
        gap: 2.5vw;
    }

    .intro li h4 {
        font-size: 2.9rem;
        line-height: 2.9rem;
    }

    .intro li p {
        font-size: 1.2rem;
    }

    .intro .yt {
        width: 100%;
        border: none;
    }

    .intro .yt>iframe {
        padding: 0px 20px;
    }

    .main-text>div {
        transform: unset;
    }

    .main-text .text1 {
        top: 22%;
        right: unset;
    }

    .main-text .text2 {
        top: 34%;
        left: unset;
    }

    .main-text .text3 {
        top: 52%;
        left: unset;
    }

    .main-text>div h3 {
        font-size: 1.5rem;
        text-align: center;
    }

    .main-text>div h4 {
        font-size: .9rem;
        text-align: center;
    }

    .main-text .spacer video {
        height: 70%;
    }

    .slags .spacer {
        background-size: cover;
    }

    .slag-slide {
        justify-content: center;
        flex-direction: column-reverse;
        gap: 5vw;
        padding: 0 10vw;
    }

    .slag-slide div {
        gap: 5vw;
    }

    .slag-slide img {
        width: 45%;
        height: unset;
        margin: unset;
    }

    .slag-slide.windforce h3 {
        font-size: 2.5rem;
        line-height: 2.5rem;
        font-weight: 100;
    }

    .slag-slide h3 {
        font-size: 2.5rem;
        line-height: 2.5rem;
        font-weight: 100;
    }

    .slag-slide h3,
    .slag-slide h4,
    .slag-slide p {
        text-align: center;
    }

    .rgb-btn-colorpicker {
        flex-direction: column;
        padding: 4.5vw 4vw;
    }

    #wheelPicker {
        display: none;
    }

    .rgb-imgs {
        width: 85vw;
    }

    .InnerGIGABYTEContent>div.dots {
        display: none;
    }
}

@media screen and (max-width: 960px) {

    .intro p {
        padding: 0 5vw;
    }

    .intro ul {
        margin: 6vw 0;
        gap: 7vw;
    }

    .slag-slide {
        padding: 0 5vw;
    }

    .slag-slide img {
        width: 80%;
    }

    .rgb {
        padding: 15vw 5vw;
        background-position: center center;
    }

    .rgb-text {
        gap: 3vw;
    }

    .rgb-learn-more .link {
        padding: 1.5vw 4vw;
    }
}

@media screen and (max-width: 700px) {

    .intro li h4 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .slag-slide h3 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .slag-slide.windforce h3 {
        font-size: 2.3rem;
        line-height: 2.3rem;
    }

    .slag-slide p {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }

    .slag-slide img {
        z-index: 99;
    }

    .rgb-btns>div {
        width: 70px;
    }

    .rgb-btns img {
        width: 50px;
    }

}