@media screen and (max-width:1200px) {
    .InnerGIGABYTEContent h3 {
        font-size: 1.5rem;
        letter-spacing: 2px;
        word-spacing: 4px;
    }

    .kft {
        gap: 10vw;
    }

    .kft>div>img:first-child {
        position: absolute;
    }

    .kft>.kft1>img:first-child {
        width: unset;
        height: 250%;
        transform: translateY(30%);
    }

    .kft .kft1>img.kf-card {
        position: relative;
        max-width: unset;
        width: 100%;
        right: 0;
        bottom: 0;
    }

    .kft .kft1 h3 {
        display: none;
    }

    .kft>.kft2 {
        max-height: unset;
        padding: 0 0 5vw;
        background-image: url(../innergigabyteimages/kf-img-bg.jpg);
    }

    .kft>.kft2>div {
        position: relative;
        width: 80%;
        gap: 1vw;
    }

    .kf-logos {
        position: relative;
    }

    .kf-logos img {
        height: 60px;
    }

    #nvslide,
    .nvslide {
        height: 125vh;
        padding: 5vw 2.5vw;
    }

    .nvslide h4,
    .nvslide p {
        text-align: left;
        letter-spacing: 0px;
        font-weight: 400;
    }

    .nv-slider {
        gap: 5vw;
    }

    .ada .img {
        width: 50%;
        height: 100%;
    }

    .adagrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .adagrid>div {
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
    }

    .adagrid>div>div {
        display: flex;
        flex-direction: column;
    }

    .adagrid h4,
    .adagrid p {
        text-align: left;
        letter-spacing: 0px;
    }

    .adagrid img {
        max-width: 35px;
    }

    .wind .spacer .imgs {
        top: 0;
        height: 65%;
    }

    .wind .spacer .imgs canvas,
    .wind .spacer .imgs img {
        transform: translate(0, 0);
        width: 140%;
    }

    .wind .spacer>.intro,
    .wind .spacer>section {
        height: 35%;
        bottom: 0;
    }

    .wind .spacer>.intro .text,
    .wind section .text,
    .wind .sec0 .text {
        width: 100%;
        height: 100%;
        padding: 5vw 10vw;
    }

    .rgb .spacer {
        height: unset;
    }

    .rgb .spacer>section {
        position: relative;
        flex-direction: column;
        gap: 5vw;
    }

    .rgb .spacer>section>div {
        position: relative;
        justify-content: center;
        align-items: center;
        top: unset;
        bottom: unset;
        height: unset;
    }

    .rgb .spacer>section>div.text {
        width: 100%;
    }

    .rgb .text>div,
    .rgb .text>article>div.subside {
        display: none;
    }

    .rgb .imgs>div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .rgb .imgs>img,
    .rgb .imgs>div>* {
        top: 0;
    }

    .dc {
        display: none;
    }

    .exlnt {
        padding: 10vw;
    }

    .exlntbg>img {
        width: unset;
        height: 100%;
    }

    .exlntbg aside {
        display: none;
    }

    .exlnt .title h3 {
        font-size: 1.8rem;
    }

    .exlnt .content {
        max-width: unset;
        display: flex;
        flex-direction: column;
        gap: 5vw;
    }

    .exlnt .content>div,
    .exlnt .content>div.brckt {
        flex-direction: column;
        padding: 5vw;
    }

    .exlnt .content>div.brckt>.img {
        width: 100%;
    }

    .exlnt .content>div.brckt>.text {
        width: 100%;
        justify-content: flex-start;
    }

    .exlnt .content>div.deco1,
    .exlnt .content>div.deco2 {
        display: none;
    }

    .bs {
        padding: 15vw 10vw;
    }

    .bs>img.bg {
        width: unset;
        height: 100%;
    }

    .bs>div {
        display: flex;
        flex-direction: column;
        gap: 5vw;
    }

    .bs aside {
        align-items: flex-start;
        gap: 2.5vw;
    }

    .psu>img {
        height: 100%;
    }

    .psu .psugrid {
        flex-direction: column;
    }

    .gcc {
        padding: 15vw 5vw 0;
    }

    .gcc>div img:not(.gdl) {
        width: 160%;
    }

    .brand {
        margin: 10vw 0 0 0;
    }

    .brand>div {
        margin: 10vw 0 0 0;
        flex-direction: column;
        gap: 50px;
    }

    .brand>div img {
        align-self: center;
    }

    .dots {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    .model-content {
        margin-top: 120px;
        display: none;
    }

    .Rwd #PageMainContent.NotCoverHeader {
        padding-top: 0;
    }

    .topBg #header-bar.new-header-bar,
    .topBg #header-bar.scrolling {
        position: relative;
    }
}