if(window.innerWidth < 767){
	if(window.innerWidth < 480){
		if(box.style.left === '-9999px'){
			box.style.left='0px';
			box.style.top='45px';
			box.style.width='280px';
			btn.style.right='-44px';
			btn.style.top='5px';
			btn.style.transform='rotate(180deg)';
			if(btn.style.right === '-9639px'){
				btnId.add("rotateBtn");
			}
		}else{
			box.style.left='-9999px';
			btn.style.top='15px';
			btnId.remove("rotateBtn");
			btn.style.right='-9759px';
			btn.style.transform='rotate(0deg)';
		}
	}
	if(box.style.left === '-9999px'){
		box.style.left='-20px';
		btn.style.right='-44px';
		btn.style.transform='rotate(180deg)';
		if(btn.style.right === '-9639px'){
			btnId.add("rotateBtn");
		}
	}else{
		box.style.left='-9999px';
		btnId.remove("rotateBtn");
		btn.style.right='-9639px';
		btn.style.transform='rotate(0deg)';
	}
}
else{
	if(box.style.left === '-9999px'){
		box.style.left='0px';
		box.style.top='45px';
		btn.style.right='-44px';
		btn.style.top='5px';
		btn.style.transform='rotate(180deg)';
		if(btn.style.right === '-9639px'){
			btnId.add("rotateBtn");
		}
	}else{
		box.style.left='-9999px';
		btn.style.top='15px';
		btnId.remove("rotateBtn");
		btn.style.right='-9639px';
		btn.style.transform='rotate(0deg)';
	}
}
}