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

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

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

    .udseries .BG {
        max-width: unset;
    }

    .udseries .BG img {
        width: 100%;
        max-height: unset;
        height: unset;
    }

    .udseries .pattern {
        display: none;
    }

    #pg5,
    .pg5 {
        padding: 7.5rem 5rem;
    }

    .pg5 .imgs {
        flex-direction: column;
    }
}

@media screen and (max-width:1200px) {
    .calculator .text {
        padding: 0 2.5rem;
    }

    .calculator ul {
        flex-direction: column;
        gap: 1.5rem;
    }

    .calculator ul li:has(select) {
        width: 100%;
    }

    .calculator ul li:has(div>img) label {
        display: none;
    }

    .calculator ul li div:has(>img) img {
        rotate: 90deg;
    }

    .calculator ol {
        padding: 0 2.5rem 0 4rem;
    }

    #aorusseries,
    .aorusseries {
        flex-direction: column;
        padding: 0 2.5rem;
    }

    .aorusseries .pattern {
        display: none;
    }

    .aorusseries section {
        margin: 5rem 0 0 0;
        flex-direction: column;
    }

    #udseries,
    .udseries {
        flex-direction: column-reverse;
        padding: 0 2.5rem;
    }

    .udseries .pattern {
        display: none;
    }

    #pg5,
    .pg5 {
        padding: 7.5rem 2.5rem;
        flex-direction: column;
    }

    .pg5 .text {
        max-width: 700px;
        display: flex;
        flex-direction: column;
    }

    .pg5 .text br {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    .calculator .logos {
        display: grid;
        grid-template-areas: 'pg5 pg5 pg5 pg5' '. . . .' '. . . .';
    }

    .calculator .logos img:nth-child(1) {
        grid-area: pg5;
        width: unset;
    }
}

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