@media (max-width: 1200px) {
    .blackbox-content {
        flex-direction: column;
        align-items: center;
    }
    .blackbox-lc {
        width: 100%;
        order: 2;
        text-align: center;
        align-items: center;
        padding: 20px;
    }
    .donate-row {
        display: block;
        width: 45%;
    }
    .bank-info {
        flex-direction: column;
      
    }
    .about-content-r {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .about-content-l {
        width: 70%;
    }
}
@media (max-width: 682px) {
    .donate-row {
        width: 100%;
    }
}