@media screen and (min-width: 1200px) {
    .hide-on-desktop {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .hide-on-tablet {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }

    .mob-row-lh-blue .sd-button-default a {
        background-color: #5b9ad4 !important;
    }

    .mob-row-lh-blue .sd-button-default.blue.arrow-yes a::after {
        color: #22244a !important;
    }

    .mob-row-lh-blue,
    .mob-row-fov-blue,
    .mob-row-black,
    .mob-row-light-grey,
    .mob-row-green,
    .mob-row-green,
    .mob-row-purple,
    .mob-row-cyan,
    .mob-row-powder-blue,
    .mob-row-sky-blue,
    .mob-row-orange,
    .mob-row-yellow,
    .mob-row-salmon {
        position: relative;
    }

    .mob-row-lh-blue:after {
        background-color: #22244A;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }

    .mob-row-fov-blue:after {
        background-color: #5297B6;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }

    .mob-row-black:after {
        background-color: #000;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }

    .mob-row-light-grey:after {
        background-color: #F5F4F4;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }

    .mob-row-green:after {
        background-color: #5db77c;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }

    .mob-row-purple:after {
        background-color: #703B70;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }

    .mob-row-cyan:after {
        background-color: #1CB4C5;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }

    .mob-row-powder-blue:after {
        background-color: #B2DCDA;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }

    .mob-row-sky-blue:after {
        background-color: #209BD8;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }

    .mob-row-salmon:after {
        background-color: #ED696D;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }

    .mob-row-yellow:after {
        background-color: #F2B038;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }

    .mob-row-orange:after {
        background-color: #F18805;
        content: '' !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        position: absolute;
    }
}