/* Normal desktop :1366px. */
@media (min-width: 1170px) and (max-width: 1400px) {
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
}


/* small mobile :320px. */
@media (max-width: 767px) {
    .header-container .logo img {
        width: 80px;
        padding: 7px;
        height: auto;
        margin-left: 15px;
    }
    .language_top {
        text-align: right;
        /* width: 100%; */
        position: absolute;
        right: 68px;
        top: 24px;
    }
    .lang-flag {
        width: 28px;
        height: 28px;
    }
    .flag_1 {
        width: 24px;
    }
    .header {
        top: 20px;
    }
    .img-header-text {
        max-width: 100%;
        font-size: 30px;
        line-height: 40px;
    }

    .mobile-logo img{
        width:100%;
        height:auto;
    }
    .menu li a {
        color: #0f1b2d;
    }
    .menu li a img {
        color: #0f1b2d;
        filter: none;
        opacity: 1;
    }
    .hamburger {
        display: block;
        z-index: 1002;
        transition: all 0.3s ease;
        width: 50px;
        height: 50px;
        background: linear-gradient(90deg, rgb(229 195 132 / 96%) 0%, rgb(216 187 119 / 96%) 50%, rgb(215 179 76 / 96%) 100%);
        border-radius: 50%;
        position: relative;
        cursor: pointer;
    }
    .h2-cn {
        font-size: 30px;
    }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .header-container .logo img {
        width: 80px;
        padding: 7px;
        height: auto;
        margin-left: 15px;
    }
    .language_top {
        text-align: right;
        /* width: 100%; */
        position: absolute;
        right: 68px;
        top: 24px;
    }

    .lang-flag {
        width: 28px;
        height: 28px;
    }

    .flag_1 {
        width: 24px;
    }

    .header {
        top: 20px;
    }
    .img-header-text {
        max-width: 100%;
        font-size: 30px;
        line-height: 40px;
    }

    .mobile-logo img {
        width: 100%;
        height: auto;
    }

    .menu li a {
        color: #0f1b2d;
    }

        .menu li a img {
            color: #0f1b2d;
            filter: none;
            opacity: 1;
        }

    .hamburger {
        display: block;
        z-index: 1002;
        transition: all 0.3s ease;
        width: 50px;
        height: 50px;
        background: linear-gradient(90deg, rgb(229 195 132 / 96%) 0%, rgb(216 187 119 / 96%) 50%, rgb(215 179 76 / 96%) 100%);
        border-radius: 50%;
        position: relative;
        cursor: pointer;
    }

    .h2-cn {
        font-size: 30px;
    }
}