@media (max-width: 768px) {
    .d,
    .pd,
    .ep,
    .iq,
    .im,
    .sw,
    .sf,
    .bd,
    .kyc,
    .kyc-w9,
    .kyc-poi,
    .kyc-poa,
    .kyc-selfie {
        width: auto;
    }
    header > div:first-of-type {
        border-bottom: 1px solid rgb(var(--border-primary));
        box-shadow: 0 16px 32px 16px white;
    }
    header > div:nth-of-type(2) {
        display: none;
    }
    body:not(.reg) header > div:first-of-type {
        margin-bottom: 60px;
    }
    .c {
        min-height: calc(100vh - 125px);
    }
    .c > div:first-of-type > div:first-of-type {
        padding: 0px 60px 0px 60px;
    }
    .rc-prompt {
        margin: 0px 32px;
    }
    .rc-prompt .rc-modal-btns {
        flex-direction: column-reverse;
        width: 100%;
    }
    .rc-prompt .rc-modal-btn {
        width: inherit;
    }
    header > div:first-of-type > svg {
        width: 80%!important;
    }
    .ct, .ic, .fl, .es {
        width: 100%;
    }
    .ct > h1,
    .ic > h1,
    .fl > h1 {
        justify-content: center;
        align-items: flex-end;
        margin-bottom: 44px;
        font-size: 28px;
        display: flex;
    }
    .ct > div:first-of-type,
    .ic > div:first-of-type {
        grid-template-columns: 1fr;
    }
    .fl {
        justify-content: center;
    }
    .fl > h1 {
        height: 85px;
    }
    .fl p {
        width: unset;
    }
    .fl > div:first-of-type {
        grid-template-columns: 1fr;
    }
    .fl .btn {
        width: 100%;
    }
    #br {
        display: none;
    }
    .btns {
        flex-direction: column-reverse!important;
    }
    .btn {
        width: 100%!important;
    }
    #es-msg {
        margin: 0px 0px 160px 0px !important;
    }
    .pd > p:first-of-type {
        text-wrap: auto!important;
    }
    .pd > div:first-of-type, .ep > div:nth-of-type(2) {
        grid-template-columns: 1fr;
        width: inherit;
    }
    .pd > div:nth-of-type(2) {
        grid-template-rows: 32px 32px;
        transition-delay: 0.3s;
    }
    .pd > div:nth-of-type(3),
    .ep > div:nth-of-type(4) {
        grid-template-rows: 70px 0px 0px 0px;
        grid-template-columns: 1fr;
        width: inherit;
    }
    .pd > div:nth-of-type(3).checked, 
    .ep > div:nth-of-type(4).checked {
        grid-template-rows: 1fr;
    } 
    .pd > div:nth-of-type(4),
    .ep > div:nth-of-type(5) {
        grid-template-rows: 200px 1fr!important;
        grid-template-columns: 1fr;
        width: inherit;
    }
    .pd > div:nth-of-type(4), .ep > div:nth-of-type(5) {
        grid-template-rows: 1fr 1fr;
    }
    .pd > div:nth-of-type(4) > div, .ep > div:nth-of-type(5) > div {
        grid-template-columns: 1fr;
    }
    .pd > div:nth-of-type(5), .ep > div:nth-of-type(6) {
        width: inherit;
    }
    .pd > div:nth-of-type(5) > div:nth-of-type(2), .ep > div:nth-of-type(6) > div:nth-of-type(2),
    .pd > div:nth-of-type(5) > div:first-of-type, .ep > div:nth-of-type(6) > div:first-of-type {
        grid-template-columns: 1fr;
        width: inherit;
        gap: 24px;
    }
    .pd > div:nth-of-type(6) {
        grid-template-columns: 1fr;
    }
    .pd > div:nth-of-type(7) > div:first-of-type, .ed > div:nth-of-type(6) > div:first-of-type {
        grid-template-columns: 1fr;
    }
    .iq > div:first-of-type,
    .iq dropdown-input,
    .iq slider-input {
        width: inherit;
    }
    .id-cy,
    .id-ia {
        flex-direction: column;
        width: inherit;
        gap: 16px;
    }
    #id > p:first-of-type {
        text-align: left;
    }
    .id-ia > text-input {
        width: 100%!important;
    }
    .im-m {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .im > p:last-of-type {
        margin: 16px 0px 40px 0px;
        font-size: 16px;
    }
    .im-rp > div {
        height: 20px;
        width: 20px;
    }
    .im-s > div:last-of-type {
        display: block;
    }
    .im-s-s > div > div:first-of-type {
        font-size: 12px;
    }
    .pending-uploads-container {
        width: inherit;
    }
    .pending-uploads > div > div:first-of-type > div:first-of-type > div:first-of-type {
        max-width: 170px;
    }
    .pending-uploads > div > div:nth-of-type(2) p {
        text-wrap: auto!important;
    }
    .pending-uploads > div > div:nth-of-type(2) > div:nth-of-type(2) > div,
    .pending-uploads > div > div:nth-of-type(2) > div:nth-of-type(3) > div {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }
    .pending-uploads-container .btn {
        margin: 60px 0px 0px 0px!important;
    }
    .uploads > div {
        padding: 0px 20px 0px 20px;
    }
    .uploads > div > div:nth-of-type(2) > div:first-of-type {
        font-size: 10px;
    }
    .sf > div:first-of-type {
        margin: 40px 0px 80px 0px!important;
        grid-template-columns: 1fr;
        row-gap: 16px;
    }
    .bd > div:first-of-type {
        grid-template-columns: 1fr;
    }
    .bd > p:first-of-type,
    .kyc-home > p:first-of-type,
    .kyc-home > p:nth-of-type(2),
    .kyc-home > p:nth-of-type(3),
    .kyc-home > p:nth-of-type(4),
    .kyc-home > p:nth-of-type(5) {
        text-wrap: unset;
        width: inherit;
    }
    .kyc-home > div:first-of-type {
        margin: 10px 0px 50px 0px!important;
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .kyc-home > div:first-of-type > div > div:first-of-type {
        font-size: 20px;
    }
    .kyc-home > div:first-of-type > div > div:nth-of-type(2) > div:nth-of-type(2) {
        font-size: 16px;
    }
    .kyc-profiles > div:first-of-type > div {
        padding: 0px 16px 0px 16px;
        height: 150px;
    }
    .kyc-gb {
        margin: 0px 0px 36px 0px;
    }
    .kyc-selfie > div h1, .kyc-poi > div h1, .kyc-poa > div h1, .kyc-w9 > div h1 {
        text-wrap: auto;
    }
    .kyc-selfie > p#selfie-rules {
        margin: 0px 0px 16px 0px;
    }  
    .kyc-doc-uploader > p:first-of-type {
        text-align: left;
        text-wrap: auto;
    }
    .kyc-doc-uploader document-uploader {
        width: inherit;
    }
    .kyc-profiles > p:first-of-type {
        text-wrap: wrap;
    }
    .kyc-profiles > div:first-of-type > div.complete {
        padding: 0px 32px 0px 16px;
    }
    .kyc-profiles > div:first-of-type > div rc-icon:first-of-type,
    .kyc-profile > div:nth-of-type(2) rc-icon {
        margin: 0px 12px 0px 0px;
    }
    .kyc-profiles > div:first-of-type > div.complete > rc-icon:first-of-type {
        margin: 0px 20px 0px 4px;
    }
    .kyc-profile > p {
        text-wrap: auto;
    }
    .kyc-additional-requirements h1 rc-icon {
        display: none;
    }
    .kyc-profile > p:nth-of-type(3) {
        margin: 0px 0px 50px 0px!important;
    }
    .kyc-profile > div:nth-of-type(3) > div {
        height: 80px;
    }
    .kyc-profile > div:nth-of-type(3) {
        gap: 16px;
    }
    .kyc-poi > div:nth-of-type(3),
    .kyc-poi > div:nth-of-type(5) {
        width: inherit;
    }
    .kyc-poi > div:nth-of-type(3) > div:first-of-type,
    .kyc-poa > div:nth-of-type(3) > div:first-of-type {
        grid-template-columns: 1fr;
    }
    .kyc-poi > div:nth-of-type(4) {
        grid-template-columns: 1fr;
        width: inherit;
        row-gap: 24px;
    }
    .kyc-poi > div:nth-of-type(6) p,
    .kyc-poi > div:nth-of-type(7) p,
    .kyc-poa > div:nth-of-type(5) p,
    .kyc-poa > div:nth-of-type(6) p {
        text-wrap: auto;
    }
    .kyc-poi > div:nth-of-type(3) h1,
    .kyc-poa > div:nth-of-type(3) h1 {
        margin: 0px 0px 16px 0px!important;
    }
    .kyc-poa > div:nth-of-type(3) > div:first-of-type {
        gap: 40px;
    }
    .kyc-additional-requirements > div:nth-of-type(2) > div {
        padding: 0px 16px 0px 20px;
    }
    .kyc-additional-requirements > div:nth-of-type(2) > div.uploaded,
    .kyc-profile > div:nth-of-type(3) > div.uploaded {
        height: 100px;
    }
    .kyc-additional-requirements > div:nth-of-type(2) > div > rc-icon:first-of-type {
        margin: 0px 16px 0px 0px;
    }
    .kyc-additional-requirements > div:nth-of-type(2) > div > div:first-of-type > div:first-of-type {
        font-size: 14px;
    }
    .kyc-additional-requirements > div:nth-of-type(2) > div > div:first-of-type > div:nth-of-type(2) {
        font-size: 12px;
    }
    .d > div:first-of-type {
        margin: 0px 0px 60px -18px!important;
        justify-self: center;
        width: inherit;
    }
}
@media (max-width: 710px) {
    .kyc-doc-uploader > div:first-of-type > div:first-of-type > div:first-of-type {
        max-width: 300px;
    }
    .uploads > div > div:first-of-type > div > div:nth-of-type(2) {
        max-width: 250px;
    }
}
@media (max-width: 600px) {
    .c > div:first-of-type > div:first-of-type {
        padding: 0px 32px 0px 32px;
    }
}
@media (max-width: 550px) {
    .kyc-doc-uploader > div:first-of-type > div:first-of-type > div:first-of-type {
        max-width: 250px;
    }
    .uploads > div > div:first-of-type > div > div:nth-of-type(2) {
        max-width: 200px;
    }
}
@media (max-width: 500px) {
    .iq > div:nth-of-type(2) {
        row-gap: 48px;
    }
    .kyc-poi > div:nth-of-type(6) > div,
    .kyc-poi > div:nth-of-type(7) > div,
    .kyc-poa > div:nth-of-type(5) > div,
    .kyc-poa > div:nth-of-type(6) > div,
    .iq > div:nth-of-type(2) > div > div {
        flex-direction: column-reverse;
    }
    .iq .iq-btn {
        width: 100%!important;
    }
    .im-s-t5 > div:nth-of-type(3) > div {
        font-size: 14px;
    }
    .kyc-doc-uploader > div:first-of-type > div:first-of-type > div:first-of-type,
    .uploads > div > div:first-of-type > div > div:nth-of-type(2) {
        max-width: 136px;
    }
}
@media (max-width: 450px) {
    .im-s-t5 > div:nth-of-type(3) > div {
        font-size: 12px;
    }
    .kyc-doc-uploader > div:first-of-type > div:first-of-type > div:first-of-type,
    .uploads > div > div:first-of-type > div > div:nth-of-type(2) {
        max-width: 136px;
    }
}

@media (max-width: 400px) {
    .sf > div:first-of-type {
        margin: 50px 0px 80px 0px!important;
    }
}