@media only screen and (max-width : 4000px) {
	font-size: 20px; 
}

@media only screen and (max-width : 1600px) {
}

@media only screen and (max-width : 1200px) {
	body { font-size: 15px; }
	.btn-arrow { width: 75px; height: 75px; }
	
}

@media only screen and (max-width : 854px) {
	body { font-size: 14px; }
	#menu {	min-height: 40px; }
	.logo {max-height: 45%;}
}

@media only screen and (max-width : 768px) {
	.desktop-select { display: none; }
	.mobile-select { display: table; }
	.desktop { display:none }
	body { font-size: 12px; }
	.btn-arrow { width: 50px; height: 50px; }
	.fav_btn, .fav_btn:hover {font-size: 30px;}
}

@media only screen and (max-width : 640px) {
	#header_left { width: 50px; }
	#header_right { width: 50px; }
	 #header_left img { width: 30px; height: auto; }
	 body { font-size: 10px; }
	 .btn_hp { width: 90%; }
}

@media only screen and (max-width : 414px)  and (max-height: 736px) {
	.logo { width: 100%; max-width: 100%; }
}

@media only screen and (max-width : 640px)  and (max-height: 320px) {
	#loading { width: 200px;height: 230px; }
	.circle { width: 150px; }
}

@media only screen and (max-width : 480px) {
	.return { display: none; }
	body { font-size: 10px; }
}

@media only screen and (max-width : 320px) {
	body { font-size: 8px; }
}


@media only screen and (max-width : 640px)  and (min-height: 1136px) {
	body { font-size: 15px; }
}