@media screen and (max-width: 430px) {
    .gold-box{
        font-size:10px;
    }
    .gold-table th {
        font-size: 10px;
    }
    #typing {
        min-height: clamp(52px,12.79vw,55px);
    }

    .char {
        font-size: clamp(10px, 3.48vw, 15px);
    }

    .flash {
        font-size: clamp(9px, 3.25vw, 14px);
    }

    .firstbar .search {
        margin: 2% 20%;
    }

    #popuplar-article-non {
        margin-left: 0;
    }

        #popuplar-article-non ul li {
            padding: 10px 0;
        }

    #popuplar-article-deafault img {
        max-width: 100%;
        height: auto;
    }
    .featured {
        height: 200px !important;
    }
}

@media screen and (min-width: 430px) and (max-width: 576px) {
    .gold-box {
        font-size: 10px;
    }
    .gold-table th {
        font-size: 10px;
    }
    #popuplar-article-non {
        margin-left: 0;
    }

    #typing {
        min-height: clamp(55px,12.76vw,62px);
    }

    .char {
        font-size: clamp(15px, 3.48vw, 18px);
    }

    .flash {
        font-size: clamp(14px, 3.24vw, 16px);
    }

    .firstbar .search {
        margin: 2% 20%;
    }

    #popuplar-article-non {
        margin-left: 0;
    }

        #popuplar-article-non ul li {
            padding: 10px 0;
        }

    #popuplar-article-deafault img {
        max-width: 100%;
        height: auto;
    }
    .featured {
        height: 300px !important;
    }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
    .gold-box {
        font-size: 10px;
    }
    .gold-table th {
        font-size: 10px;
    }
    #typing {
        min-height: clamp(69px,11.95vw,75px);
    }

    .char {
        font-size: clamp(22px, 3.81vw, 24px);
    }

    .flash {
        font-size: clamp(18px, 3.11vw, 20px);
    }

    .firstbar .search {
        margin: 2% 20%;
    }

    #popuplar-article-non {
        margin-left: 0;
    }
    #popuplar-article-non ul {
        margin-left: 0;
    }
        #popuplar-article-non ul li {
            padding: 10px 0;
        }

    #popuplar-article-deafault img{
        max-width: 100%;
        height: auto;
    }
    .featured {
        height: 400px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    #typing {
        min-height: clamp(75px,9.75vw,82px);
    }

    .char {
        font-size: clamp(24px, 3.12vw, 26px);
    }

    .flash {
        font-size: clamp(20px, 2.6vw, 22px);
    }

    .menu ul > li > a {
        font-size: 12px;
    }

    .firstbar .search {
        margin: 2% 30%;
    }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
    #typing {
        min-height: clamp(80px,8.05vw,90px);
    }

    .char {
        font-size: clamp(25px, 2.51vw, 27px);
    }

    .flash {
        font-size: clamp(22px, 2.21vw, 24px);
    }

    .menu ul > li > a {
        font-size: 13px;
    }
}

@media screen and (min-width: 1201px) {
    .menu ul > li > a {
        font-size: 14px;
    }
}