@media screen and (min-width:1241px) and (max-width:1500px) {

    .glass-hub { padding: 40px; zoom: 0.9; }
    .brand-title { font-size: 42px; }
    .co-full-name { font-size: 18px; margin-bottom: 24px; }
    .status-msg { padding: 12px 0; font-size: 18px; margin-bottom: 24px; }
    .info-text { font-size: 18px; line-height: normal; margin-bottom: 24px; }
    .ca-button { margin-bottom: 28px; }
    .icon-container { padding-top: 28px; }
    .icon-circle { margin-bottom: 8px; }

}

@media screen and (min-width:1025px) and (max-width:1240px) {

    .glass-hub { padding: 40px; zoom: 0.9; }
    .brand-title { font-size: 42px; }
    .co-full-name { font-size: 18px; margin-bottom: 24px; }
    .status-msg { padding: 12px 0; font-size: 18px; margin-bottom: 24px; }
    .info-text { font-size: 18px; line-height: normal; margin-bottom: 24px; }
    .ca-button { margin-bottom: 28px; }
    .icon-container { padding-top: 28px; }
    .icon-circle { margin-bottom: 8px; }

}

@media screen and (min-width:992px) and (max-width:1024px) {

    .glass-hub { padding: 40px; zoom: 0.9; }
    .brand-title { font-size: 42px; }
    .co-full-name { font-size: 18px; margin-bottom: 24px; }
    .status-msg { padding: 12px 0; font-size: 14px; margin-bottom: 24px; }
    .info-text { font-size: 18px; line-height: normal; margin-bottom: 24px; }
    .ca-button { margin-bottom: 28px; }
    .icon-container { padding-top: 28px; }
    .icon-circle { margin-bottom: 8px; }

}

@media screen and (min-width:768px) and (max-width:991px) {

    .glass-hub { padding: 40px; zoom: 0.9; }
    .brand-title { font-size: 42px; }
    .co-full-name { font-size: 18px; margin-bottom: 24px; }
    .status-msg { padding: 12px 0; font-size: 18px; margin-bottom: 24px; }
    .info-text { font-size: 18px; line-height: normal; margin-bottom: 24px; }
    .ca-button { margin-bottom: 28px; }
    .icon-container { padding-top: 28px; }
    .icon-circle { margin-bottom: 8px; }

}

@media (max-width: 767px) {

    .glass-hub { padding: 38px 20px; border-radius: 30px; }
    .brand-title { font-size: 42px; }
    .icon-container { gap: 20px; padding-top: 28px; }
    .icon-circle { width: 55px; height: 55px; font-size: 1.2rem; }
    .co-full-name, .status-msg { margin-bottom: 24px; }
    .info-text { line-height: 1.4; }
    .ca-button { margin-bottom: 28px; }
    .status-msg { font-size: 18px; }

}

@media screen and (max-width:575px) {

    .glass-hub { padding: 28px 20px; border-radius: 26px; }
    .brand-title { font-size: 32px; }
    .co-full-name { font-size: 18px; }
    .co-full-name, .status-msg { margin-bottom: 18px; }
    .status-msg { font-size: 18px; }
    .info-text { margin-bottom: 28px; }
    .btn-premium { padding: 20px; font-size: 12px; }

}

@media screen and (max-width:480px) {

    .glass-hub { padding: 18px; border-radius: 16px; }
    .ca-button .btn-premium i { font-size: 14px; }
    .icon-circle { width: 48px; height: 48px; }

}