.hide-text {
    display: none;
}

.readmore {
    color: #ff6400;
    background-color: rgba(0, 0, 0, .5);
    border: #ff6400 solid .5px;
    margin: 0% 0% 7%;
    text-transform: uppercase;
}

.monitor_button {
    transform: scale(1.03, 1.03);
    transition: .5s;
}

.monitor_button2 {
    transform: scale(1.03, 1.03);
    transition: .5s;
    position: relative;
    z-index: 200;
}

.monitor_button:hover {
    transform: scale(1, 1);
    transition: .2s;
    cursor: pointer;
}

.monitor_button2:hover {
    transform: scale(1, 1);
    transition: .2s;
    cursor: pointer;
}

.monitor_button:hover img {
    opacity: 0;
}

.monitor_button2:hover img {
    opacity: 0;
}

.monitor_button_active {
    opacity: 0;
}

.monitor_part1_inside {
    background-size: 100%;
    background-repeat: no-repeat;
}

.monitor_part1 {
    background-size: 100%;
    background-repeat: no-repeat;
}

.monitor_part2_inside_gameassist_ani {
    animation: monitor_part2_inside_gameassist_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_ani {
    0% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/46.gif');
    }
    5% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }
    20% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }
    25% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/46.gif');
    }
    26% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/47.gif');
    }
    31% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }
    45% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }
    50% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/47.gif');
    }
    51% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/37.jpg');
    }
    56% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }
    70% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }
    75% {
        transition: 3s;
        -webkit-filter: brightness(0);
        background-image: url('../img/monitor/37.jpg');
    }
    76% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/14.jpg');
    }
    81% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }
    95% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }
    100% {
        transition: 3s;
        -webkit-filter: brightness(0);
        background-image: url('../img/monitor/14.jpg');
    }
}

.monitor_part2_inside_gameassist_button1_ani {
    animation: monitor_part2_inside_gameassist_button1_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button1_ani {
    0% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }
    25% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }
    26% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    50% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    51% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    75% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    76% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    100% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
}

.monitor_part2_inside_gameassist_button2_ani {
    animation: monitor_part2_inside_gameassist_button2_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button2_ani {
    0% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    25% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    26% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }
    50% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }
    51% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    75% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    76% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    100% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
}

.monitor_part2_inside_gameassist_button3_ani {
    animation: monitor_part2_inside_gameassist_button3_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button3_ani {
    0% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    25% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    26% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    50% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    51% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }
    75% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }
    76% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    100% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
}

.monitor_part2_inside_gameassist_button4_ani {
    animation: monitor_part2_inside_gameassist_button4_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button4_ani {
    0% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    25% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    26% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    50% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    51% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    75% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
    76% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }
    100% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }
}

.monitor_part2_inside_gameassist_button1_text_ani {
    animation: monitor_part2_inside_gameassist_button1_text_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button1_text_ani {
    0% {
        transition: 3s;
        color: #ff6400;
    }
    25% {
        transition: 3s;
        color: #ff6400;
    }
    26% {
        transition: 3s;
        color: #6d6c6c;
    }
    50% {
        transition: 3s;
        color: #6d6c6c;
    }
    51% {
        transition: 3s;
        color: #6d6c6c;
    }
    75% {
        transition: 3s;
        color: #6d6c6c;
    }
    76% {
        transition: 3s;
        color: #6d6c6c;
    }
    100% {
        transition: 3s;
        color: #6d6c6c;
    }
}

.monitor_part2_inside_gameassist_button2_text_ani {
    animation: monitor_part2_inside_gameassist_button2_text_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button2_text_ani {
    0% {
        transition: 3s;
        color: #6d6c6c;
    }
    25% {
        transition: 3s;
        color: #6d6c6c;
    }
    26% {
        transition: 3s;
        color: #ff6400;
    }
    50% {
        transition: 3s;
        color: #ff6400;
    }
    51% {
        transition: 3s;
        color: #6d6c6c;
    }
    75% {
        transition: 3s;
        color: #6d6c6c;
    }
    76% {
        transition: 3s;
        color: #6d6c6c;
    }
    100% {
        transition: 3s;
        color: #6d6c6c;
    }
}

.monitor_part2_inside_gameassist_button3_text_ani {
    animation: monitor_part2_inside_gameassist_button3_text_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button3_text_ani {
    0% {
        transition: 3s;
        color: #6d6c6c;
    }
    25% {
        transition: 3s;
        color: #6d6c6c;
    }
    26% {
        transition: 3s;
        color: #6d6c6c;
    }
    50% {
        transition: 3s;
        color: #6d6c6c;
    }
    51% {
        transition: 3s;
        color: #ff6400;
    }
    75% {
        transition: 3s;
        color: #ff6400;
    }
    76% {
        transition: 3s;
        color: #6d6c6c;
    }
    100% {
        transition: 3s;
        color: #6d6c6c;
    }
}

.monitor_part2_inside_gameassist_button4_text_ani {
    animation: monitor_part2_inside_gameassist_button4_text_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button4_text_ani {
    0% {
        transition: 3s;
        color: #6d6c6c;
    }
    25% {
        transition: 3s;
        color: #6d6c6c;
    }
    26% {
        transition: 3s;
        color: #6d6c6c;
    }
    50% {
        transition: 3s;
        color: #6d6c6c;
    }
    51% {
        transition: 3s;
        color: #6d6c6c;
    }
    75% {
        transition: 3s;
        color: #6d6c6c;
    }
    76% {
        transition: 3s;
        color: #ff6400;
    }
    100% {
        transition: 3s;
        color: #ff6400;
    }
}

.voice_clear img {
    animation: voice_clear 10s infinite;
    -webkit-filter: hue-rotate(90deg)brightness(2);
}

@keyframes voice_clear {
    0% {
        -webkit-filter: hue-rotate(90deg)brightness(2);
    }
    41% {
        -webkit-filter: hue-rotate(90deg)brightness(2);
        opacity: 1;
    }
    50% {
        -webkit-filter: hue-rotate(90deg);
        opacity: 0;
    }
    59% {
        -webkit-filter: hue-rotate(90deg)brightness(2);
        opacity: 0;
    }
    69% {
        opacity: 1;
    }
    100% {
        -webkit-filter: hue-rotate(90deg)brightness(2);
    }
}

.voice_notice img {
    animation: voice_notice 10s infinite;
}

@keyframes voice_notice {
    0% {
        -webkit-filter: brightness(1.8)hue-rotate(90deg);
    }
    2% {
        -webkit-filter: brightness(1)hue-rotate(90deg);
    }
    4% {
        -webkit-filter: brightness(1.6)hue-rotate(90deg);
    }
    8% {
        -webkit-filter: brightness(1.4)hue-rotate(90deg);
    }
    10% {
        -webkit-filter: brightness(1.9)hue-rotate(90deg);
    }
    11% {
        -webkit-filter: brightness(1.5)hue-rotate(90deg);
    }
    12% {
        -webkit-filter: brightness(1.8)hue-rotate(90deg);
    }
    16% {
        -webkit-filter: brightness(1)hue-rotate(90deg);
    }
    17% {
        -webkit-filter: brightness(1.7)hue-rotate(90deg);
    }
    19% {
        -webkit-filter: brightness(1.4)hue-rotate(90deg);
    }
    21% {
        -webkit-filter: brightness(1.7)hue-rotate(90deg);
    }
    23% {
        -webkit-filter: brightness(1)hue-rotate(90deg);
    }
    25% {
        -webkit-filter: brightness(1.8)hue-rotate(90deg);
    }
    26% {
        -webkit-filter: brightness(1.4)hue-rotate(90deg);
    }
    30% {
        -webkit-filter: brightness(1.8)hue-rotate(90deg);
    }
    32% {
        -webkit-filter: brightness(1.6)hue-rotate(90deg);
    }
    33% {
        -webkit-filter: brightness(1.7)hue-rotate(90deg);
    }
    34% {
        -webkit-filter: brightness(1)hue-rotate(90deg);
    }
    38% {
        -webkit-filter: brightness(1.8)hue-rotate(90deg);
    }
    39% {
        -webkit-filter: brightness(1.2)hue-rotate(90deg);
    }
    40% {
        -webkit-filter: brightness(1.6)hue-rotate(90deg);
    }
    41% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.voice_bg {
    background-image: url('../img/monitor/32.jpg');
    animation: voice_bg 8s infinite;
}

@keyframes voice_bg {
    0% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }
    20% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }
    40% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 1;
    }
    60% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 1;
    }
    80% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }
    100% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }
}

@keyframes voice_bg_play {
    0% {
        transition: 3s;
        opacity: 0;
        padding: 0% 0 0 0;
    }
    71% {
        transition: 3s;
        opacity: 0;
        padding: 0% 0 0 0;
    }
    73% {
        transition: 3s;
        opacity: 1;
        padding: 0% 0 57% 0;
    }
    81% {
        transition: 3s;
        opacity: 1;
        padding: 0% 0 57% 0;
    }
    84% {
        transition: 3s;
        opacity: 0;
        padding: 0% 0 0% 0;
    }
    100% {
        transition: 3s;
        opacity: 0;
        padding: 0 0 0 0;
    }
}

.voice_bg_sm {
    animation: voice_bg_sm 8s infinite;
}

@keyframes voice_bg_sm {
    0% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }
    20% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }
    40% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 1;
    }
    60% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 1;
    }
    80% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }
    100% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }
}

.voice_mic {
    animation: voice_mic 10s infinite;
}

@keyframes voice_mic {
    0% {
        opacity: 1;
    }
    41% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.voice_headset {
    animation: voice_headset 10s infinite;
}

@keyframes voice_headset {
    0% {
        opacity: 0;
    }
    59% {
        opacity: 0;
    }
    69% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.feature_logo_size {
    height: 95px;
}

.feature_logo_size1 {
    height: 70px;
}

.monitor_feature_group1 {
    padding: 0%;
    min-height: none;
}

.monitor_feature_group2 {
    padding: 0;
    min-height: none;
}

.amd_icon {
    width: 10%;
    max-width: 150px;
}

.monitor_feature_1 {
    padding: 10% 5% 0 0;
}

.tenbit_icon {
    width: 100%;
    max-width: 400px;
}

.DCI_icon {
    width: 100%;
    max-width: 350px;
}

.monitor_feature_group2 {
    padding: 0% 2% 0% 2%;
}

.monitor_feature_group2_1 {
    padding: 12% 0 0 5%;
}

.aorus_exclusive_icon {
    width: 100%;
    max-width: 220px;
    filter: drop-shadow(0 0 10px #000);
    padding-top: 4%;
}

.ANC_play_icon {
    width: 100%;
    max-width: 220px;
    filter: drop-shadow(0 0 10px #000);
    padding-top: 4%;
    padding-left: 15%;
    filter: drop-shadow(0px 0px 0px #ff6400);
}

.ANC_play_icon:hover {
    filter: drop-shadow(0px 0px 3px #ff6400);
    cursor: pointer;
}

.ANC_close_icon {
    width: 100%;
    max-width: 220px;
    filter: drop-shadow(0 0 10px #000);
    padding-top: 4%;
    padding-left: 15%;
    filter: drop-shadow(0px 0px 0px #ff6400);
}

.ANC_close_icon:hover {
    filter: drop-shadow(0px 0px 3px #ff6400);
    cursor: pointer;
}

.RGB_feature {
    padding: 0 0 0 0%;
}

.tenbit_sm_icon {
    width: 100%;
    max-width: 300px;
}

.design_concept_feature {
    padding: 0 0% 0 0%;
}

.ergonimic_design {
    padding: 7% 4% 0 4%;
}

.tech_feature {
    padding: 0 4% 0 4%;
    margin: 0;
}

.tech_feature_content {
    padding: 1.5% 2% 0 0;
    margin: 0;
}

@media screen and (min-width: 1700px) {}

@media screen and (min-width: 1500px) and (max-width: 1700px) {
    .amd_icon {
        width: 20%;
        max-width: 100px;
    }
    .monitor_feature_1 {
        padding: 7% 5% 0 0;
    }
    .DCI_icon {
        width: 100%;
        max-width: 260px;
    }
    .aorus_exclusive_icon {
        padding-top: 1%;
        max-width: 150px;
    }
}

@media screen and (min-width: 1350px) and (max-width: 1500px) {
    .amd_icon {
        width: 20%;
        max-width: 100px;
    }
    .monitor_feature_1 {
        padding: 5% 5% 0 0;
    }
    .tenbit_icon {
        width: 100%;
        max-width: 320px;
    }
    .DCI_icon {
        width: 100%;
        max-width: 220px;
    }
    .feature_logo_size {
        height: 90px;
    }
    .feature_logo_size1 {
        height: 65px;
    }
    .ergonimic_design {
        padding: 7% 4% 0 4%;
    }
    .aorus_exclusive_icon {
        max-width: 140px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1350px) {
    .monitor_feature_group1 {
        padding: 0%;
    }
    .amd_icon {
        width: 20%;
        max-width: 100px;
    }
    .monitor_feature_1 {
        padding: 5% 2% 0 0;
    }
    .tenbit_icon {
        width: 100%;
        max-width: 350px;
    }
    .DCI_icon {
        width: 100%;
        max-width: 200px;
    }
    .feature_logo_size {
        height: 70px;
    }
    .feature_logo_size1 {
        height: 55px;
    }
    .aorus_exclusive_icon {
        width: 100%;
        max-width: 130px;
        padding-top: 0;
        display: none;
    }
    .monitor_feature_group2 {
        padding: 0% 2% 0% 2%;
    }
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
    .RGB_feature {
        padding: 5% 4% 0 2%;
    }
    .tenbit_sm_icon {
        width: 70%;
        max-width: 500px;
    }
    .design_concept_feature {
        padding: 0 3% 0 3%;
    }
    .ergonimic_design {
        padding: 7% 4% 0 4%;
    }
    .tech_feature_content {
        padding: 0% 2% 0 0;
        margin: 0;
    }
}

@media screen and (max-width: 900px) {
    .ergonimic_design {
        padding: 7% 4% 0 4%;
    }
    .tech_feature {
        padding: 7% 4% 0 4%;
        margin: 0;
    }
    .tech_feature_content {
        padding: 0% 2% 0 0;
        margin: 0;
    }
}