@charset "utf-8";

@media (max-width: 1600px) {
	.quick-top.show {right: 15px;}
}

@media (max-width: 1024px) {
	
}

@media (max-width: 768px) {
	#header .contact {width: 100px;}
	#header .logo > a {width: 180px; background-size: 180px auto;}
	
	#footer {padding: 40px 0;}
	#footer .container .top {flex-wrap: wrap; gap: 20px;}
	#footer .container .top .ft_logo {max-width: 100%;}
	#footer .container .right .info {padding-bottom: 40px;}
	#footer .container .terms {flex-wrap: wrap; gap: 20px;}
	#footer .container .terms ul {width: 100%;}
	
	.quick-top .btn-top {width: 55px; height: 55px; background-size: 15px auto;}
}

@media (max-width: 480px) {
	#header .contact {width: 80px; font-size: 12px; line-height: 28px; top: 40px;}
	#header .logo > a {width: 150px; background-size: 150px auto;}
	
	#footer .container .right .info {padding-bottom: 20px;}
	#footer .container .terms {padding-top: 20px;}
	#footer .container .terms ul {display: flex; gap: 5px;}
	#footer .container .terms > ul > li {display: block; width: 150px;}
	#footer .container .terms > ul > li ~ li {margin-left: 0; margin-top: 0px;}
	#footer .container .terms > ul > li > a {font-size: 14px; width: 100%;}
	#footer .container .right .info ul li:nth-of-type(1)::after {display: none;}
	
	.quick-top {bottom: 80px;}
}