@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;
	}
}