/* footer */
#footer {background: #e30613;}
#footer .inner {padding: 42px 0;}
.footer-info {display: flex; flex-wrap: wrap; margin-bottom: 3px;}
.footer-info li, .footer-info p {position: relative; font-size: 13px; font-weight: 300; line-height: 1.85; color: #fff;}
.footer-info li + li {margin-left: 10px; padding-left: 10px;}
.footer-info li + li::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 12px; background: #fff;}
#footer .copyright {font-size: 13px; font-weight: 300; color: #ffb0b0;}
#top-btn {position: fixed; right: 20px; bottom: 20px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border: 1px solid #333; color: #333; font-size: 15px; background: rgba(255, 255, 255, .5); z-index: 9; transition: .3s; pointer-events: none; opacity: 0;}
#top-btn:hover {border-color: #000; background: #000; color: #fff;}
.scrolled #top-btn {opacity: 1; pointer-events: auto;}

/* media query */
@media screen and (max-width: 1700px) {
    #footer .inner {padding: 42px 20px;}
}

@media screen and (max-width: 1300px) {
    #footer .inner {padding: 40px 60px;}
    .footer-info {max-width: 80%;}
    .footer-info li:nth-child(6) {margin-left: 0; padding-left: 0;}
    .footer-info li:nth-child(6)::before {display: none;}
}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1024px) {
    #footer .inner {padding: 35px 50px;}
    .footer-info {max-width: none; margin-bottom: 5px;}
    .footer-info li {width: 100%; text-align: center;}
    .footer-info li + li {margin-left: 0; padding-left: 0;}
    .footer-info li + li::before {display: none;}
    #footer .copyright {text-align: center;}

}

@media screen and (max-width: 768px) {
    #footer .inner {padding: 35px 30px;}
}