@media screen and (max-width:767px) {
    html, body { font-size: 12px; }

    /* GLOBAL */
    .Button { width: 100%; }
        .Button:hover { }

    /* ScrollToTop */
    .ScrollToTopWrapper { height: 32px; right: 10px; width: 140px; }
        .ScrollToTopWrapper .ScrollToTopContent { }
            .ScrollToTopWrapper .ScrollToTopContent:before { }

    /* FOOTER */
    .OuterFooterWrapper .FooterItem { float: left; width: 100%; padding: 20px; padding-bottom: 0; }

    /* FILTERWRAPPER */
    .FilterWrapper { }
        .FilterWrapper label { float: left; padding-top: 0px; margin-right: 20px; }
        .FilterWrapper .CustomDropDownListOuterWrapper { width: 100%; margin-right: 40px; }
        .FilterWrapper .ButtonsWrapper { float: left; width:100%;  }
        .FilterWrapper .Button { float: right; width: 100%; margin-top: 0px; margin-bottom:20px; }
        .FilterWrapper .DateEditWrapper { width:100%; margin-bottom:20px; }

    .DateEditWrapper .dxeButtonEditSys.dxeButtonEdit_Moderno { width:100% }
    .DateEditWrapper .dxeEditArea_Moderno.dxeEditAreaSys {  }
    .CustomDropDownListOuterWrapper.ddlTimeTo, .CustomDropDownListOuterWrapper.ddlTimeFrom {
        /*border: 1px solid red;*/
        margin-top: 5px;
        margin-right: 0px;
        float: right;
    }


    .FilterWrapper .TextWrapper {
        width: 100%;
    }

    /* LANGUAGE */
    .LanguageWrapper { left: 60px; }

    /* ACCOUNT */
    .AccountWrapper .CustomDropDownListOuterWrapper { width: 140px; padding: 2px; }

    /* SUMMARY */
    .SummaryWrapper { float: left; width: 100%; margin-bottom: 40px; }
        .SummaryWrapper h2 { border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; }
        .SummaryWrapper .SummaryItem { float: left; margin-bottom: 15px; }
            .SummaryWrapper .SummaryItem.Col3 { width: 100%; }

    /* FORM */
    .Form .FormRow.Half
    {
        float: left;
        width: 100%;
        clear: left;
    }

    /* GRID */
    .Grid { }

        .Grid td.dxgv { padding: 5px 6px 6px; }
        .Grid .dxgvHeader_Moderno { padding: 5px 6px 6px; }

        .Grid.Invoice tr.dxgvArm td:nth-child(1) { width: 80px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(2) { width: 80px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(3) { width: 80px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(4) { width: 80px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(5) { width: 80px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(6) { width: 80px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(7) { width: 80px !important; }
        .Grid.Invoice tr.dxgvArm td:nth-child(8) { width: 60px !important; }

    .GridWrapper-CardTransactions .GridButtonRow {
        margin-top: 20px;
    }

    .GridWrapper-CardTransactions .btnSaveGridLayout {
        position: relative;
        top: 0;
        left: 0;
        padding: 10px 30px;
    }
    .GridWrapper-CardTransactions .btnClearFilters {
        position: relative;
        top: 5px;
        left: 0px;
        padding: 10px 30px;
    }

    .AccountWrapper label { padding-top: 8px; padding-right: 5px; }
    .CustomDropDownListInnerWrapper .Selected::before { font-size: 24px; right: 0; padding-top: 5px; }
     .CustomDropDownListInnerWrapper .Selected span {}
  .btnSaveUserDetail {margin-bottom:10px;}

  /* IFRAME YOUTUBE */
    .FrameWrapper {  }
    .FrameWrapper .iFrameYoutube {height:304px;}

    .LoginWrapper, .LoginInfoWrapper { width: 100%; margin-left: 0; }
    .Form .FormGroup.Half {width:100%;}
    .Form .Button { margin-bottom: 10px; }
    a.Button { display:block; }

    .MassUpdateButtonPanel {
        margin-top: 20px;
        margin-bottom: 0px;
    }

        .MassUpdateButtonPanel input {
            margin-bottom: 10px;
        }

    .cardBlock {
        display: flex;
        gap: 30px;
        align-items: flex-start;
        flex-direction:column;
    }

    
}