.top_nav > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 16px;
}

.top_nav > .container::before,
.top_nav > .container::after {
    display: none;
}

.top_nav > .container > .left,
.top_nav > .container > .right {
    float: none;
    width: auto;
}

.top_nav > .container > .left {
    flex: 0 0 auto;
    padding: 0;
}

.top_nav > .container > .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 2px 12px;
    min-width: 0;
    padding: 4px 0;
}

.top_nav > .container > .right > .tpbut {
    float: none;
    order: 2;
    margin: 0;
    white-space: nowrap;
}

.top_nav > .container > .right > .tplinks {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 2px 12px;
    float: none;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.top_nav > .container > .right > .tplinks > li {
    float: none;
    margin: 0;
    white-space: nowrap;
}

.top_nav .tplinks li strong {
    margin-inline-end: 0;
}

.top_nav .tplinks li .sgh-international-phone {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 3px;
    font-weight: 500;
}

.top_nav .tplinks li .sgh-international-phone i {
    color: #dadcdd;
}

@media (max-width: 767px) {
    .top_nav > .container {
        width: 100%;
        padding: 2px 12px 4px;
    }

    .top_nav > .container > .right {
        flex-basis: 100%;
        justify-content: flex-start;
    }

    .top_nav > .container > .right > .tplinks {
        justify-content: flex-start;
        flex: 1 0 100%;
        order: 3;
        gap: 0 10px;
    }

    .top_nav > .container > .left .quick-nav,
    .top_nav > .container > .right > .tpbut,
    .top_nav > .container > .right .sgh-notifications-toggle,
    .top_nav > .container > .right > .tplinks > li > :is(a, strong) {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        gap: 4px;
    }

    .top_nav .tplinks li a img {
        float: none;
        margin: 0;
    }

    .top_nav .sgh-notifications-panel {
        inset-inline-start: 0;
        inset-inline-end: auto;
        max-width: calc(100vw - 24px);
    }

    .top_nav .popover {
        max-width: calc(100vw - 24px);
    }
}

#frmCheckout #paymentGatewaysContainer {
    min-width: 0;
}

#frmCheckout #paymentGatewaysContainer .sgh-gateway-unavailable {
    display: none !important;
}

#frmCheckout .sgh-worldwide-gateways {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(145px, 100%), 1fr));
    gap: 10px;
    width: 100%;
}

#frmCheckout .sgh-worldwide-gateways > label.radio-inline {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 48px;
    margin: 0;
    padding: 10px 12px;
    text-align: start;
    overflow-wrap: anywhere;
}

#frmCheckout .sgh-worldwide-gateways > label.radio-inline > * {
    flex: 0 0 auto;
}

#frmCheckout .sgh-worldwide-gateways > label.radio-inline > input[type="radio"] {
    position: static;
    margin: 0;
}

#frmCheckout .sgh-gcc-note {
    margin: 8px 0 0;
}

@media (max-width: 479px) {
    #frmCheckout .sgh-worldwide-gateways {
        grid-template-columns: minmax(0, 1fr);
    }

    #frmCheckout #paymentGatewayInput,
    #frmCheckout #creditCardInputFields {
        min-width: 0;
        max-width: 100%;
    }
}