@media only screen and (max-width: 992px) {
    .header-box {
        height: 101px;
    }
    .box-1 {
        padding: 15px;
    }
    .search-box input {
        padding: 0 15px;
        font-size: 16px;
    }
    .search-list a {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
        padding-bottom: 10px;
    }
    .box-1 .col-box-1 {
        width: 40%;
    }
    .list-1 {
        flex-wrap: wrap;
    }
    .box-2-2 .list-1 {
        padding-bottom: 0;
    }
    .box-2-2 {
        display: block;
    }
    .box-2-2 .title-1 {
        padding-bottom: 10px;
    }
    .box-2 .list-1 li {
        width: 100%;
        border: none;
        padding-right: 0;
        margin-right: 0;
    }
    .box-2-2 .title-1 {
        font-size: 20px;
    }
    .box-2-1 {
        margin-right: 15px;
    }
    .box-2-2 .list-1 {
        flex-wrap: wrap;
    }
    .box-2 {
        display: block;
    }
    .box-2-2 {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .box-1 {
        display: block;
    }
    .box-1 .col-box-2 {
        border: none;
        padding: 17px 0 14px 0;
    }
    .box-2 {
        display: block;
        width: 100%;
    }
    .box-1 .col-box-1 {
        width: 100%;
        padding-right: 0;
    }
    .box-2-1 {
        width: 100%;
    }
    .box-2-2 {
        padding-top: 15px;
    }
    .box-3 {
        padding-left: 0;
    }
    .header-box {
        display: block;
        text-align: center;
        padding-top: 13px;
    }
    .header-box .logo {
        display: inline-block;
        margin-bottom: 9px;
    }
    .header-box {
        height: auto;
        padding-bottom: 10px;
    }
    .h-banner {
        margin-left: 0;
    }
}