@media screen and (max-width: 1024px) {
    span.warning-msg {
        display: block;
    }

    span.warning-msg.show {
        width: 100%;
    }
}

/* begin JIRA CCDM-13 */

@media screen and (max-width: 767px) {
    .footop-main {
        flex-direction: column;
        row-gap: 30px;
    }

    .footop-main .foot-logo,
    .footop-main .foot-logo-dipu,
    .footop-main .foot-cnt {
        flex: 0 1 auto;
    }
}

/* end JIRA CCDM-13 */

/* JIRA CCDM-21 */
@media screen and (max-width: 768px) {
    .tooltip .tooltiptext::after {
        left: 52%;
    }

    h4 .tooltip .tooltiptext {
        width: 300px;
    }
}

@media screen and (max-width: 767px) {
    .com-cnt h3 br {
        display: block;
    }

    .tooltip .tooltiptext::after {
        right: 84%;
        left: 52%;
    }

    h4 .tooltip .tooltiptext {
        transform: translate(-19%, -4%);
        max-width: calc(100vw - 50vw);
        white-space: normal;
        word-wrap: break-word;
    }

    .person-form .form-box .chk-box h4 {
        letter-spacing: 0.5px;
    }
}