@media all and (max-width:1399px){
    .top-content img {
        height: 63px;
    }
    .middle-width {
        padding: 39px 0;
        box-sizing: border-box;
        height: 100%;
        padding-bottom: 13px;
    }
    .middle-content h1 {
        font-size: 42px;
    }
    .middle-content a {
        max-width: 342px;
        width: 100%;
        height: 66px;
        border-radius: 8px;
        color: #FBFBFB;
        font-weight: bold;
        font-size: 31px;
    }
    .client-div h2 {
        font-size: 19px;
    }
    .client-div a {
        font-size: 18px;
    }
    .black {
        margin-top: 6px;
        margin-bottom: 9px;
        text-align: center;
    }
    .middle-width {
        max-width: 475px;
        height: 100%;
    }
    .bottom-content span {
        font-size: 16px;
    }
}

@media all and (max-width:575px){
    .header-content span {
        font-size: 15px;
    }
    .top-content img {
        height: 64px;
    }
    .middle-width {
        padding-top:30px;
        padding-bottom: 0;
    }
    .bottom-content span {
        font-size: 15px;
        border-top: 1px solid #A50E0E;
        padding: 11px 0;
        margin-top: 0;
    }
    .middle-content h1 {
        font-size: 43px;
        max-width: 355px;
        margin: 0 auto;
        margin-bottom: 15%;
    }
    .middle-content a {
        max-width: 346px;
        height: 61px;
        border-radius: 8px;
        font-size: 38px;
    }
    .middle-content a img {
        height: 37px;
    }
    .client-div h2 {
        font-size: 18px;
        margin-bottom: 14%;
    }
    .star img {
        width: 17px;
        height: auto;
        margin: 0 2px;
    }
    .client-div a {
        font-size: 15px;
    }
    .c2 {
        background: transparent;
        border-radius: 9px;
        padding: 17px 0;
    }
    .client-div {
        border-radius: 9px;
        background-image: none;
        padding: 1px;
        overflow: hidden;
        background: none;
    }
    .bottom-content {
        margin-top: -16%;
    }
}


@media all and (max-width:391px){
    .header-content span {
        font-size: 13px;
    }
    .bottom-content {
        margin-top: 0%;
    }
    .client-div h2 {
        font-size: 18px;
        margin-bottom: 0%;
    }
    .middle-content h1 {
        font-size: 43px;
        max-width: 355px;
        margin: 0 auto;
        margin-bottom: 9%;
        margin-top: 13%;
    }
}