@media (max-width:1299px) {    
    .container {padding: 0 20px;}
   .topPart .left {padding-right: 30px;}
   .topPart .left .inner {max-width: 360px;}
   .bannerHd  {font-size: 42px;}
   .since {font-size: 20px;}
   .topPart .right {padding-left: 130px;}
   .topPart .right .inner .hd {font-size: 22px;}
}

@media (max-width:999px) {    
    .topPart .container {padding: 0;}
    .topPart:after {display: none;}
    .topPart:before {display: none;}
    .topPartInner {max-height: inherit; height: auto;}
.topPart .left {width: 100%; padding: 0; background: #D5E9FF; text-align: center; padding: 30px;}
.topPart .right {width: 100%; border-top: 10px solid #fff; padding: 30px;}
}

@media (max-width:599px) {   
    .topPart .left {padding: 20px;}
    .logo img {width: 240px;}
    .bannerHd {font-size: 32px;}
    .topPart .right {padding: 20px;}
    .topPart .right .inner .hd {font-size: 18px;}
    .topPart .right .inner {padding: 20px 0;}
    .footer .container {height: auto; padding: 15px;}
    .copy {width: 100%; text-align: center; font-size: 12px;}
    .social {justify-content: center; width:100%; gap: 10px; padding-top: 10px;}
}