﻿@media screen and (max-width:1000px) {
    html, body { font-size: 14px;  }

    .ViewModeDesktop { display: none; }
    .ViewModeMobile { display: block; }

    .InnerHeaderContentWrapper { width: 100%; max-width: 980px; position: static; }
    .InnerCategoriesWrapper { width: 100%; max-width: 980px; }
    .InnerContentWrapper { width: 100%; max-width: 980px; }
    .InnerFooterWrapper { width: 100%; max-width: 980px; }

    .MainMenuWrapper { display: none; }

    .BurgerMenu { display: inline-block; }

    .MobileView { display: block; position: absolute; left: 0; right: 0; background: #fff; z-index: 12; border-top: 2px solid #d5d3d3; border-bottom: 2px solid #d5d3d3; padding-top: 5px; }
        .MobileView ul { float: left; width: 100%; padding: 20px; box-sizing: border-box; padding-top: 0; }
            .MobileView ul li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; }
                .MobileView ul li a { float: left; width: 100%; text-align: center; display: block; padding: 17px 0 14px 0; max-width:none; }
                    .MobileView ul li a.Selected { background: #2f2e2e; color: #fff; }
                .MobileView ul li .SubMenu { display: none; position: relative; top: 0; left: 0; }
                    .MobileView ul li .SubMenu.Selected { display: block; background: #2f2e2e; float: left; width: 100%; border-top: 1px solid #e5e5e5; }
                    .MobileView ul li .SubMenu ul { padding: 0; }
                        .MobileView ul li .SubMenu ul li { }
                            .MobileView ul li .SubMenu ul li:last-child { border: 0px; }
    .MainMenuWrapper.MobileView > ul > li > a + .SubMenu ul li a { padding: 10px 0; }

    .MainMenuWrapper ul li a.Selected:after { display: none; }

    /* LANGUAGE */
    .LanguageWrapper {
        left: 80px;
        top: 30px;
    }

    /* CUSTOM DROPDOWNLIST */
    .CustomDropDownListOuterWrapper { width: 200px; }

    /* FORM */
    .Form .FormRow { float: left; width: 100%; clear: left; }
    .Form .FormRow.Half { float: left; width: 100%; clear: left; }

    /* GRID */
    .Grid { width: 100%; }

        .Grid td.dxgv { padding: 5px 6px 6px; }
        .Grid a.Icon span:not(.IPBTooltip) { display: none; }
        .Grid a.Icon { }

        .Grid.Invoice tr.dxgvArm td:nth-child(1) { width: 100px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(2) { width: 100px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(3) { width: 100px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(4) { width: 100px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(5) { width: 100px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(6) { width: 100px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(7) { width: 100px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(8) { width: 60px !important; }

    .GridWrapper-CardTransactions .btnSaveGridLayout {
        padding: 8px 30px;
    }

    .ScrollToTopWrapper { right: 20px; width: 160px; }

    .FrontPageWrapper {width:100%; margin-bottom:20px;}

    /* IFRAME YOUTUBE */
    .FrameWrapper { width:100%; }
    .FrameWrapper .iFrameYoutube { width:100%; height:418px;}
    .UserInfoWrapper {
        padding-top: 15px;
    }

    .bilder { width: 35%; margin-right: 100px; }
}
