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

    .t746 .t-slds__arrow_wrapper {
        width: 50% !important;
        height: 100% !important;
        top: 0 !important;
        bottom: auto !important;
    }

    .t746 .t-slds__arrow_wrapper-left {
        left: 0 !important;
        right: auto !important;
    }

    .t746 .t-slds__arrow_wrapper-right {
        right: 0 !important;
        left: auto !important;
    }

    .t746 .t-slds__arrow {
        width: 32px !important;
        height: 32px !important;
        top: 50% !important;
        margin-top: -16px !important;
        transform: none !important;
    }

    .t746 .t-slds__arrow-left {
        left: 10px !important;
        right: auto !important;
    }

    .t746 .t-slds__arrow-right {
        right: 10px !important;
        left: auto !important;
    }

    .t746 .t-slds__arrow_body {
        width: 16px !important;
    }

    .t746 .t-slds__arrow_body svg {
        width: 16px !important;
        height: auto !important;
    }

}