@media (orientation: portrait) {
    .KeyVisual img {
        display: none;
    }

    .KeyVisual img.rwd {
        display: block;
    }

    #dimen,
    .dimen {
        padding: 10vw 0;
    }

    .dimen>div.imgs {
        overflow: hidden;
        justify-content: flex-end;
        width: 90%;
    }

    .dimen>div.imgs img {
        width: 200%;
    }

    .dimen>div.text {
        padding: 0 10vw;
        flex-direction: column;
    }

    .dimen>div.text br {
        display: none;
    }
}

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

    #KeyFeature,
    .KeyFeature {
        padding: 0 5rem;
    }
}

@media screen and (max-width:1366px) {
    .AirFlow .text {
        padding: 0 5rem;
        margin: 5rem 0 0 0;
    }

    .Compatibility>div aside .btns-group {
        display: grid;
        grid-template-columns: 35px 1fr 35px;
        gap: 1vw;
    }

    .Compatibility>div aside .btns-left,
    .Compatibility>div aside .btns-right {
        width: 35px;
        height: 35px;
    }

    .Compatibility>div aside .btns-right>div,
    .Compatibility>div aside .btns-left>div {
        margin: 0;
    }

    .Compatibility>div aside .text {
        max-width: 80%;
    }

    .Compatibility>div aside .imgs div p {
        bottom: -35px;
        left: unset;
    }

    .Visual>div .text {
        padding: 0 5rem;
        margin: 5rem 0 0 0;
    }

    .RGB section:nth-child(odd),
    .RGB section:nth-child(even) {
        flex-direction: column;
        gap: 2rem;
    }

    .RGB section .text {
        width: 90%;
    }

    .RGB section:nth-child(even) .text {
        align-items: flex-start;
    }

    .RGB section:nth-child(even) .text h3,
    .RGB section:nth-child(even) .text p {
        text-align: left;
    }

    .RGB section .imgs {
        width: 60%;
    }

    #Easyinstall,
    .Easyinstall {
        padding: 5rem 0;
    }

    .Easyinstall>section {
        gap: 5rem;
        max-width: 1000px;
    }

    .Easyinstall>section>div:nth-child(odd),
    .Easyinstall>section>div:nth-child(even) {
        flex-direction: column;
        gap: 1rem;
    }

    .Easyinstall>section>div .img,
    .Easyinstall>section>div .text {
        width: 90%;
        padding: 0;
    }

    .Easyinstall>section>div:nth-child(even) .text h4,
    .Easyinstall>section>div:nth-child(even) .text p {
        text-align: left;
    }

    .io>img {
        width: 200%;
    }

    .InnerGIGABYTEContent .dots {
        display: none;
    }
}

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

    .InnerGIGABYTEContent h4 {
        font-size: 1rem;
        line-height: 1.5;
    }

    .InnerGIGABYTEContent h5 {
        font-size: 1rem;
        line-height: 1.5;
    }

    .InnerGIGABYTEContent p,
    .InnerGIGABYTEContent a,
    .InnerGIGABYTEContent ul,
    .InnerGIGABYTEContent li {
        font-size: .9rem;
        line-height: 1.8;
    }

    #KeyFeature,
    .KeyFeature {
        padding: 10vh 2.5rem;
    }

    .KeyFeature>div {
        flex-direction: column-reverse;
        min-height: unset;
    }

    .KeyFeature>div .text {
        width: 100%;
        padding: 0 5rem;
    }

    .KeyFeature>div .img {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .io>img {
        width: 250%;
    }
}

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

    .KeyFeature>div .text {
        padding: 0;
    }

    .AirFlow .text {
        padding: 0 2rem;
    }

    .Compatibility>div {
        margin: 7rem 0;
    }

    .Visual>div .text {
        padding: 0 2rem;
    }

    #RGB,
    .RGB {
        gap: 4rem;
        padding: 7rem 2rem;
    }

    .RGB section .text {
        width: 100%;
    }

    .RGB section .imgs {
        width: 100%;
    }

    #Easyinstall,
    .Easyinstall {
        gap: 2rem;
    }

    .Easyinstall>section {
        padding: 0 1rem;
        gap: 3rem;
    }
}