@media screen and (max-width: 1200px) {
    .kft .imgs {
        width: 90%;
        height: 65%;
    }

    .kft .imgs img {
        width: unset;
        height: 55%;
    }

    .kft .imgs img.kft1 {
        left: -28%;
        top: 7%;
    }

    .kft .imgs img.kft2 {
        right: -28%;
        bottom: 7%;
    }

    .kft .content {
        padding: 0 10vw;
        margin: 0 0 20vw 0;
    }

    .kft .text {
        padding-bottom: 3vw;
    }

    .kft .logos {
        position: relative;
    }

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

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

    .nv-slider {
        gap: 5vw;
    }

    .ada .img {
        position: absolute;
        width: 75%;
        opacity: .3;
    }

    .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;
    }

    .titledot {
        max-width: 150px;
    }

    .wind .intro .text {
        gap: 2vw;
    }

    .wind .intro .text article {
        gap: 2vw;
    }

    .wind .bgs img.bg1 {
        width: 50%;
        height: unset;
        right: -23%;
        top: -15%;
    }

    .wind .bgs img.bg2 {
        width: 50%;
        height: unset;
        left: -26%;
        bottom: -8%;
    }

    .wind .intro {
        padding: 0 10vw;
    }

    .wind .scroll .spacer aside {
        opacity: 0;
    }

    .wind .scroll .spacer aside,
    .wind .scroll .spacer section {
        justify-content: center;
        flex-direction: column;
        gap: 5vw;
    }

    .wind .scroll aside .imgs,
    .wind .scroll section .imgs {
        width: 100vw;
        height: 55.73vw;
        transform: translateX(-10%);
        left: 0;
    }

    .wind .scroll section .text {
        width: 100%;
        max-height: 25%;
        gap: 5vw;
        padding: 0 10vw;
        align-self: center;
        max-width: 800px;
    }

    .wind .scroll section .text article>p {
        max-width: 100%;
    }

    .wind .back section {
        width: 100%;
        grid-template-columns: 50% 50%;
        grid-template-rows: 2fr 1fr;
        grid-template-areas:
            'img img'
            'text0 text1';
    }

    .wind .back section>div {
        grid-area: img;
    }

    .wind .back section>div,
    .wind .back section>div .imgs {
        width: 92%;
    }

    .wind .back section>div.text.text0 {
        grid-area: text0;
        width: 200%;
        align-items: flex-start;
        padding: 0 10vw;
    }

    .wind .back section>div.text.text1 {
        grid-area: text1;
        width: 200%;
        align-items: flex-start;
        padding: 0 10vw;
    }

    .wind .back section.active1 {
        transform: translateX(0);
    }

    .wind .back section.active0>div.text {
        transform: translateX(0);
    }

    .wind .back section.active1>div.text {
        transform: translateX(-50%);
    }

    .rgb-text {
        max-width: unset;
        padding: 0 10vw;
        gap: 2vw;
    }

    .rgb-imgs {
        width: 150%;
        transform: translateX(14%);
    }

    .ColorPicker {
        display: none;
    }

    #dc,
    .dc {
        display: none;
    }

    .exlnt .title {
        gap: 2vw;
    }

    .exlnt .exgrid {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3vw;
    }

    .exlnt .exgrid>div {
        max-width: 600px;
        padding: 4vw 0 3vw;
    }

    .bs {
        gap: 2vw;
    }

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

    .bs aside .text {
        gap: 2vw;
    }

    .psu{
        padding: 15vw 5vw 0;
    }
    .psu>div {
        gap: 2vw;
    }
    .psu>div a {
        padding: 0.7vw 2vw;
    }
    .psu .psugrid {
        display: flex;
        flex-direction: column;
        gap: 1vw;
    }

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

    .gcc>div {
        gap: 2vw;
    }

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

    .gcc>div a {
        padding: 0.7vw 2vw;
    }

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

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

    div.dots {
        display: none;
    }
}

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

    .InnerGIGABYTEContent h3 {
        font-size: 1.8rem;
    }

    .text .nvgy {
        width: 150px;
    }

    .kft .imgs img {
        width: unset;
        height: 50%;
    }

    .kft .imgs img.kft1 {
        left: unset;
        right: 5%;
        top: 11%;
    }

    .kft .imgs img.kft2 {
        right: unset;
        left: 10%;
        bottom: 11%;
    }

    .kft .content {
        width: 100%;
        margin: 0 0 30vw 0;
    }

    .kft .text {
        padding-bottom: 8vw;
    }

    .kft .logos {
        gap: 3vw;
    }

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

    .adagrid {
        gap: 3vw;
    }

    .adagrid>div>div {
        gap: 2vw;
    }

    .adagrid h4 {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }

    .nv-slider>.text {
        gap: 4vw;
    }

    .adagrid p {
        line-height: 1;
    }

    .wind .bgs img.bg1 {
        width: 90%;
        height: unset;
        right: -65%;
        top: -10%;
    }

    .wind .bgs img.bg2 {
        width: 70%;
        height: unset;
        left: -41%;
        bottom: -11%;
    }

    .wind .intro .text {
        gap: 4vw;
        padding-top: 15vw;
    }

    .wind .intro .text article {
        gap: 4vw;
    }

    .wind .scroll section .text article {
        gap: 4vw;
    }

    .wind .scroll aside .imgs,
    .wind .scroll section .imgs {
        transform: translateX(0%);
    }

    .wind .back section>div article {
        gap: 4vw;
    }

    .wind .back section {
        grid-template-rows: 1fr 1fr;
    }

    .wind .back section.active0>div.text {
        padding-top: 5vh;
    }

    .wind .back section.active1>div.text {
        padding-top: 5vh;
    }

    .wind .back section>div,
    .wind .back section>div .imgs {
        align-items: flex-end;
    }

    .wind .back img.screen,
    .wind .back img.copper {
        bottom: 10px;
    }

    #rgb,
    .rgb {
        gap: 15vw;
        padding: 30vw 0;
    }

    .rgb-text {
        gap: 4vw;
    }

    .rgb-btns {
        gap: 5vw;
    }

    .rgb-btns>a {
        width: 50px;
        height: 50px;
    }

    .rgb-btns>a span {
        display: none;
    }

    .exlnt .title {
        gap: 4vw;
    }

    .exlnt h3 {
        text-align: center;
    }

    .exlnt section {
        gap: 15vw;
    }

    .exlnt .exgrid {
        gap: 5vw;
    }

    .exlnt .exgrid>div {
        padding: 6vw 0 5vw;
        gap: 5vw;
    }

    .exlnt .exgrid>div article {
        gap: 4vw;
    }

    .bs {
        gap: 4vw;
        padding: 10vw;
    }

    .bs>div {
        gap: 10vw 5vw;
    }

    .bs aside .text {
        gap: 4vw;
    }

    .psu>div {
        gap: 4vw;
    }

    .psu>div a {
        padding: 0.7vw 4vw;
    }


    .gcc>div {
        gap: 4vw;
    }

    .gcc>div a {
        padding: 0.7vw 4vw;
    }

    .gcc>div img:not(.titledot) {
        margin: 8vw 0 0 0;
    }

    .icon img {
        width: 80px;
    }

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

    .brand>div img {
        max-width: 150px;
    }

    .illustration-announce {
        padding: 0 10vw;
        gap: 5vw;
    }

}

@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;
    }
}