@media (min-width: 376px) {
    .site-logo img {
        width: 77px;
    }

    .header-bar-warp {
        padding: 0
    }

    .user-panel {
        font-size: 40px;
    }

    .banner-slide1-title {
        margin-top: -180px
    }

    .banner-slide1-title h1 {
        font-size: 90px;
        letter-spacing: 9px;
        line-height: 110px;
    }

    .banner-slide2-title {
        margin-top: -180px
    }

    .banner-slide2-title .sub-server-name {
        font-size: 60px;
        padding-top: 200px;
    }

    .banner-slide2-title .server-name {
        font-size: 90px;
        letter-spacing: 9px;
        line-height: 110px;
    }

    .hero-slider .owl-nav {
        display: none;
    }

    .post-text .title {
        padding: 30px 0;
        font-size: 50px;
        letter-spacing: 5px;
    }

    .post-text .title::before {
        right: calc(100% + -145px);
        top: 60px;
        transform: rotate(346deg);
    }

    .post-text .title::after {
        left: calc(100% + -145px);
        top: 60px;
        transform: rotate(14deg);
    }

    .box-content {
        padding-bottom: 90px;
        position: relative;
    }

    .box-content:before {
        height: 40px;
        width: 100%;
        left: 0;
        top: -10px;
    }

    .box-content:after {
        height: 40px;
        width: 100%;
        left: 0;
        bottom: 55px;
    }

    .box-content>.content {
        padding: 0 17px;
    }

    .box-content>.content>.item {
        padding: 15px;
    }

    .signature {
        font-size: 30px;
        padding: 0 10px;
        letter-spacing: 1px;
    }
    .box-new-list {
        padding-bottom: 230px;
    }
    .box-new-list .new-title {
        font-size: 35px;
        letter-spacing: 2px;
    }

    .box-new-list .new-title:before {
        width: 50px;
        height: 50px;
        left: -10px;
        top: 8px;
    }

    .box-new-list .new-title:after {
        width: 150px;
        height: 19px;
        left: calc(100% + 10px);
        top: 24px;
    }

    .footer-section .container {
        position: relative;
        padding: 0;
    }

    .footer-menu li a {
        font-size: 24px;
        margin: 0;
        font-size: 23px;
        margin: 0;
        padding: 0px 5px 30px 5px;
    }

    .footer-section img {
        width: 100px;
    }
}