/* For screens larger than 320px (mobile devices) */
@media screen and (max-width: 767px) {
    .ks-toggle-reveal.ks-toggle .ks-toggle-icon-on {
        color: #007AFF;
        cursor: pointer;
        font-size: 14px;
        order: 0;
    }

    .ks-toggle-reveal.ks-toggle .ks-toggle-icon-off {
        color: #FFFFFF;
        cursor: pointer;
        font-size: 14px;
        order: 0;
    }

    .ks-toggle-reveal.ks-toggle.ks-on {
        background-color: #FFFFFF;
    }

    .ks-toggle-reveal.ks-toggle {
        height: 36px;
        border-radius: 18px;
        width: max-content;
        background-color: #007AFF;
        margin-top: 14px;
        min-width: 200px;
    }

    .ks-toggle-reveal .ks-toggle-icon span {
        display: block;
        margin-left: 15px;
        margin-right: 15px;
    }

    .ks-toggle-reveal .ks-toggle-label {
        display: block;
        white-space: nowrap;
        margin-left: 5px;
        padding-right: 10px;
        font: normal normal normal 16px/20px "SF Pro Display";
    }

    .ks-toggle-reveal .ks-toggle-label-off {
        color: #FFFFFF;
    }

    .ks-toggle-reveal .ks-toggle-label-on {
        color: #007AFF;
    }

    .ks-toggle-reveal.ks-toggle.ks-on .ks-toggle-icon-off {
        display: none;
    }

    .ks-toggle-reveal.ks-toggle .ks-toggle-icon-on {
        display: none;
    }

    .ks-toggle-reveal.ks-toggle .ks-toggle-icon-off {
        display: block;
        width: 28px;
        margin-left: -5px;
    }

    .ks-toggle-reveal.ks-toggle.ks-on .ks-toggle-icon-on {
        display: block;
        width: 28px;
        margin-left: -5px;
    }

    #kspublicContactRow2PanelCell2Button1, #kspublicContactRow2PanelCell2Button2 {
        text-align: left;
    }

}

/* For screens larger than 768px (tablets) */
@media screen and (min-width: 768px) {
    .ks-toggle-reveal.ks-toggle .ks-toggle-icon-on {
        color: #007AFF;
        cursor: pointer;
        font-size: 14px;
        order: 0;
    }

    .ks-toggle-reveal.ks-toggle .ks-toggle-icon-off {
        color: #FFFFFF;
        cursor: pointer;
        font-size: 14px;
        order: 0;
    }

    .ks-toggle-reveal.ks-toggle.ks-on {
        background-color: #FFFFFF;
    }

    .ks-toggle-reveal.ks-toggle {
        height: 36px;
        border-radius: 18px;
        width: max-content;
        background-color: #007AFF;
        margin-top: 14px;
        min-width: 200px;
    }

    .ks-toggle-reveal .ks-toggle-icon span {
        display: block;
        margin-left: 15px;
        margin-right: 15px;
    }

    .ks-toggle-reveal .ks-toggle-label {
        display: block;
        white-space: nowrap;
        margin-left: 5px;
        padding-right: 10px;
        font: normal normal normal 16px/20px "SF Pro Display";
    }

    .ks-toggle-reveal .ks-toggle-label-off {
        color: #ffffff;
    }

    .ks-toggle-reveal .ks-toggle-label-on {
        color: #007AFF;
    }

    .ks-toggle-reveal.ks-toggle.ks-on .ks-toggle-icon-off {
        display: none;
    }

    .ks-toggle-reveal.ks-toggle .ks-toggle-icon-on {
        display: none;
    }

    .ks-toggle-reveal.ks-toggle .ks-toggle-icon-off {
        display: block;
        width: 28px;
        margin-left: -5px;
    }

    .ks-toggle-reveal.ks-toggle.ks-on .ks-toggle-icon-on {
        display: block;
        width: 28px;
        margin-left: -5px;
    }

}