@media screen and (min-width: 128px) {
    html {
        font-size: 7px;
    }
}
@media screen and (min-width: 288px) {
    html {
        font-size: 15px;
    }
}
@media screen and (min-width: 320px) {
    html {
        font-size: 17px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 19px;
    }
}
@media screen and (min-width: 375px) {
    html {
        font-size: 20px;
    }
}
@media screen and (min-width: 411px) {
    html {
        font-size: 21px;
    }
}
@media screen and (min-width: 414px) {
    html {
        font-size: 22px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 25px;
    }
}
@media screen and (min-width: 576px) {
    html {
        font-size: 30px;
    }
}

@media screen and (min-width: 670px) {
    html {
        font-size: 35px;
    }
}
@media screen and (min-width: 720px) {
    html {
        font-size: 38px;
    }
}
@media screen and (min-width: 768px) {
    html {
        font-size: 40px;
    }
}
@media screen and (min-width: 822px) {
    html {
        font-size: 43px;
    }
}
@media screen and (min-width: 960px) {
    html {
        font-size: 50px;
    }
}
@media screen and (min-width: 1024px) {
    html {
        font-size: 53px;
    }
    /* .serch_input{
        width: 0.85rem;
    } */
}
@media screen and (min-width: 1136px) {
    html {
        font-size: 59px;
    }
}
@media screen and (min-width: 1152px) {
    html {
        font-size: 60px;
    }
}
@media screen and (min-width: 1280px) {
    html {
        font-size: 67px;
    }
}
@media screen and (min-width: 1300px) {
    html {
        font-size: 68px;
    }
}
@media screen and (min-width: 1336px) {
    html {
        font-size: 70px;
    }
}
@media screen and (min-width: 1440px) {
    html {
        font-size: 75px;
    }
}
@media screen and (min-width: 1600px) {
    html {
        font-size: 83px;
    }
}
@media screen and (min-width: 1680px) {
    html {
        font-size: 88px;
    }
}
@media screen and (min-width: 1800px) {
    html {
        font-size: 94px;
    }
}
@media screen and (min-width: 1920px) {
    html {
        font-size: 100px;
    }
}
@media screen and (min-width: 2160px) {
    html {
        font-size: 113px;
    }
}
@media screen and (min-width: 2560px) {
    html {
        font-size: 133px;
    }
}
@media screen and (min-width: 2800px) {
    html {
        font-size: 146px;
    }
}
@media screen and (min-width: 3840px) {
    html {
        font-size: 200px;
    }
}
@media screen and (min-width: 4096px) {
    html {
        font-size: 213px;
    }
}
@media screen and (min-width: 4320px) {
    html {
        font-size: 225px;
    }
}
@media screen and (min-width: 5760px) {
    html {
        font-size: 300px;
    }
}