@media all and (max-width: 1169px){.wrap{width: calc(100% - 30px);}}
@media all and (max-width: 1024px){
    .logo{float: none; margin: 0 auto;}
    .menu{position: fixed; top: 0; bottom: 0; left: -320px; float: none; width: 320px; margin: auto; background-color: #fff; box-shadow: 0 0 30px rgb(0 0 0 / 25%); z-index: 99992;}
    .menu ul{padding-top: 100px;background: white;}
    .menu ul li{float: none;}
    .menu ul li+li{margin-left: 0; border-top: 1px solid #d7d7d7;}
    .menu ul li a{padding: 0 15px; line-height: 50px;}
    .menu-2{left: 0;}    
    .menu-mobile{display: block;}
    .click{ float: none; margin: auto 0;}
    .click a{position: relative; font-size: 0;}
    .click a:nth-child(1){padding: 0 19px;}
    .click a:nth-child(1):after{content: '\f007'; width: 38px; font-family: 'Font Awesome 6 Pro'; font-weight: 300;}
    .click a:nth-child(1):after, .click a:nth-child(2) i{position: absolute; top: 0; left: 0; font-size: 16px; text-align: center;}
    .click a:nth-child(2){margin-left: 5px; padding: 0 20px; letter-spacing: 0;}
    .click a:nth-child(2) i{left: -20px; width: 40px; margin-right: 0; line-height: 40px;}
    .popup-open{width: 120px; padding-left: 0; overflow: initial;}
    .popup-open i{position: initial; top: initial; left: initial; width: auto; text-align: left; line-height: 1;}
}
@media all and (max-width: 768px){.footer-logo{float: none; display: none; margin-right: 0;} .footer-face{width: 300px;}}
@media all and (max-width: 580px){
    .footer-logo{display: block;}
    .footer-info, .footer-face,.footer-bottom p:nth-child(1), .footer-bottom p:nth-child(2){float: none;}
    .footer-info{margin: 30px 0;}
    .footer-face{width: 100%;}
}
@media all and (max-width: 480px){.footer-logo, .footer-info, .footer-face{width: 100%;}}
@media all and (max-width: 414px){
    .header{padding-top: 84px;}
    .logo{width: 120px;}
    .click{top: 17px;}
    .click a:nth-child(1){padding: 0 14px; line-height: 28px;}
    .click a:nth-child(1):after{width: 28px;}
    .click a:nth-child(1):after, .click a:nth-child(2) i{font-size: 14px;}
    .click a:nth-child(2){padding: 0 15px; line-height: 30px;}
    .click a:nth-child(2) i{left: -15px; width: 30px; line-height: 30px;}
    .footer-bottom p{display: inline;}
    .footer-logo{display: none;}
    .footer-info{margin:0 0 30px;}
    .popup-open{width: 0; padding-left: 40px; overflow: hidden;}
    .popup-open i{position: absolute; top: 0; left: 0; width: 40px; text-align: center; line-height: 40px;}
}
@media all and (max-width: 320px){.menu{left: -280px; width: 280px;} .menu-2{left: 0;}}