@media only screen and (max-width: 992px) {
    .logo_1 h2 {
        font-size: 19px;
    }
}

@media only screen and (max-width: 768px) {
    .logo_1 a {
        position: absolute;
        width: 100%;
        height: 400px;
    }
}



@media only screen and (max-width: 576px) {
    .sub_logo_1 {
        width: 150px;
        height: 150px;
    }
    .logo_1::after {
        height: 170px;
        width: 170px;
    }
    .logo_1 a {
        position: absolute;
        width: 100%;
        height: 300px;
    }
    .logo_1 h2 {
        font-size: 15px;
        line-height: 25px;
    }
    .sub_logo_1 {
        width: 80%;
    }
    .logo_1::after {
        height: 170px;
        width: 89%;
    }
    .logo_1 h2 {
        width: 100%;
    }
}