﻿@media screen and (max-width: 1023px) {
    body {
        background-color: white;
    }

    #main {
        margin-left: -10px
    }

    .mc1 {
        width: 780px;
        background: none;
        margin-top: -30px;
    }
    .mc3 {
        background: none;
    }
    .mc4 {
        width: 750px;
    }

    .header {
        width: 780px;
        margin-left: 0px;
        margin-bottom: 15px;
        background: White url("/images/HeaderLogoMobile.png") 0px 0px no-repeat;
    }

    .mobileMenuButton {
        display: initial;
        position: absolute;
        left: 367px;
        top: 25px;
        width: 51px;
        padding-top: 53px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
        background: White url("/images/HamburgerMenu2.png") 0px 0px no-repeat;
    }

    .menu {
        display: none;
    }
    .menuMobileVisible {
        display: initial;
        float: none;
    }
    .menuGroupActiveContainer,
    .menuGroupContainer {
        margin-left: 275px;
    }
    .mobileMenuZoom {
        zoom: 2.5;
    }
    .mobileMenuZoom > .menuGroupActiveContainer,
    .mobileMenuZoom > .menuGroupContainer {
        margin-left: 50px;
    }

    .menuGroupDisabled,
    .menuGroupInactive,
    .menuGroupActive,
    .menuItemActive {
        zoom: 1.001;
    }

    .infoPanelFullWidth {
        width: 728px;
    }

    .loginInfo {
        left: 523px;
    }
    .content {
        width: 750px;
        margin-left: 0px;
        float: none;
    }
    .contentMobileHidden {
        display: none;
    }
}
