@media(max-width:1200px) {
    .SHeaderWrapper {
        width: 100%;
    }

        .SHeaderWrapper.SHeaderLoggedIn .SHeader .SMainLogo {
            left: 5px;
        }

    #NotificationSummary {
        right: 5px;
    }
}

@media(max-width:1000px) {
    .jQry div.MainTable {
        width: 100%;
        padding-top: 140px;
    }

    .SHeader .SHeaderContainer,
    .SHeader .SNavContainer {
        background: #fff;
        box-sizing: border-box;
        max-width: initial;
        /*padding: 0 20px;*/
        padding: 0 5px;
        width: 100vw
    }

    .LandingPage.no-sub-nav.PageLoggedOut .SHeader .SHeaderContainer,
    .LandingPage.no-sub-nav.PageLoggedOut .SHeader .SNavContainer {
        padding: 0 20px;
    }

    .SHeaderWrapper.SHeaderLoggedIn .SHeader .SNavContainer {
        min-width: auto
    }

    .SHeader .SSubNav .SSubNavWrapper {
        width: 100%
    }

    .SHeader .SReaNav {
        right: 20px
    }

    .SHeader .SLoginContainer {
        width: 100%
    }

    .SGrid {
        width: 100%;
        text-align: center
    }

    .SMainNavOpen .SHeaderWrapper.SHeaderMobile .SMobileMenu .SMobileNav {
        -webkit-transform: translate3d(250px, 0px, 0px);
        -moz-transform: translate3d(250px, 0px, 0px);
        -ms-transform: translate3d(250px, 0px, 0px);
        -o-transform: translate3d(250px, 0px, 0px);
        transform: translate3d(250px, 0px, 0px)
    }

    .SHeader .SHeaderContainer {
        height: 60px
    }

    .SHeader .SMainLogo {
        top: 12px;
        left: 0;
        margin-left: 0;
        width: auto;
        transform: none;
    }

        .SHeader .SMainLogo a {
            width: 145px;
        }

    .SHeader .SMainEDI {
        opacity: 0;
        top: -10px
    }

    .SHeader .SReaNav {
        right: 10px;
        top: 7px
    }

        .SHeader .SReaNav .SUserMenu > li:last-child a {
            background: #cd0000 none repeat scroll 0 0;
            color: #fff
        }

    .SHeader .SNavContainer {
        padding: 0;
        width: 100%
    }

    .SHeader .SMainNav {
        text-align: center;
        /*min-width: 800px*/
    }

    .SHeader .SNavContainer.SNavSub .SMainNav {
        text-align: left
    }

    .SHeaderTablet .SHeader .SNavContainer.SNavSub .SMainNav .SNavOnlineNow {
        padding-right: 15px !important
    }

    .SHeader .SSubNav {
        display: none
    }

    .SHeaderWrapper.SHeaderTablet.SHeaderLoggedIn .SHeaderContainer .SMainLogo {
        top: 15px
    }

        .SHeaderWrapper.SHeaderTablet.SHeaderLoggedIn .SHeaderContainer .SMainLogo a {
            width: 145px
        }

    .SHeaderWrapper.SHeaderTablet.SHeaderLoggedIn .SHeader.SHeaderShrink .SHeaderContainer .SMainLogo {
        margin: auto auto auto 25px
    }

    .no-sub-nav DIV.MainTable {
        padding-top: 92px;
    }
}

@media (max-width: 850px) {
    .jQry DIV.MainTable {
        padding-top: 92px;
    }
}

/*@media(max-width:850px) {*/
@media(max-width:768px) {
    .jQry div.MainTable {
        padding-top: 60px;
    }

    .SHeader .SMainLogo {
        left: 50%;
        transform: translateX(-50%);
    }
        .SHeader .SMainLogo a {
            width: 156px;
        }

}

@media(max-width:784px) {
    div.MainTable {
    }

    .SHeaderWrapper.SHeaderLoggedIn .SHeader .SMainLogo {
        /*height: 47px;*/
        width: auto;
        /*left: 30px;*/
        left: 0;
        right: auto;
        top: 14px;
        margin-left: 0
    }

    .SHeader .SMainNav {
        text-align: left
    }

    .SHeaderMobile .SHeader .SBurgerToggle {
        opacity: 1;
        left: -15px;
        top: 6px;
        pointer-events: initial
    }

    .SHeaderMobile .SHeader .SReaNav {
        right: 10px;
        top: 7px
    }

    .Content.Home {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        -webkit-transition: -webkit-transform 500ms ease;
        -moz-transition: -moz-transform 500ms ease;
        -o-transition: -o-transform 500ms ease;
        transition: transform 500ms ease;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .ModalActive .SJoinHeroOpen .Content.Home {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-backface-visibility: initial;
        -moz-backface-visibility: initial;
        -ms-backface-visibility: initial;
        -o-backface-visibility: initial;
        backface-visibility: initial
    }

    .SHeaderWrapper.SHeaderLoggedIn .SHeader .SMainNav UL {
        /* width: 100%; */
        margin: 0 15px;
    }

    .SHeaderWrapper.SHeaderDesktop .SHeader .SNavContainer.SNavSub .SNavOnlineNow {
        margin: 0 5px 0 0;
    }
}



@media(max-width:769px) {
    .SHeaderWrapper.SHeaderLoggedIn .SHeader .SMainLogo {
        left: 32px;
    }
}

@media(max-width:600px) {
    .SHeaderMobile .SHeader .SMainLogo {
        /*left: 50%;
    margin-left: -93px*/
        left: 32px;
        transform: none;
    }

    .SHeader .SMobileMenuButtons {
        position: fixed;
        border: 0;
        display: block;
        font-size: 14px;
        overflow: hidden;
        text-align: center;
        width: 100%;
        z-index: 1
    }

    .SHeader .SReaNav {
        display: none
    }

    .SMainNavOpen {
        height: 100%;
        overflow: hidden
    }

        .SMainNavOpen body {
            height: 100%;
            overflow: hidden
        }

        .SMainNavOpen .BlurBackground {
            display: block
        }
}