@media all and (max-width: 1200px) {
    .header-logo { position: relative; margin: 0; left: 0; top: 0; }
}
@media all and (min-width: 600px) {
    .histogram-element:first-child .histogram-legend { right: auto !important; left: -0.813em !important; }
    .histogram-element:last-child .histogram-legend { left: auto !important; right: -0.813em !important; }
}
@media all and (max-width: 768px) {
    .popup { width: 100% !important; }
    .data-table tr td { padding-left: 0.5em; padding-right: 0.5em; }
    .data-table th { padding-left: 0.5em; }
    .data-table-center th, .data-table-center td { text-align: center !important; }
}
@media all and (max-width: 600px) {
    .table-scroll .data-table, .data-table-add-scroll .data-table { width: 100%; }
    .data-table-scroll .data-table tr td { padding-left: 0.2em; padding-right: 0.2em; width: auto !important; }
    .data-table-scroll th { padding-left: 0.2em; padding-right: 0.2em; }
    .data-table-scroll.active-scroll thead th:last-child, .data-table-scroll.active-scroll .table-scroll tr td:last-child { padding-right: 0.8em; }
    .data-table-scroll .data-table .data-table-check { width: 40px !important; }
    .data-table-scroll .data-table .data-table-icon{ width: 2em !important; }
    .data-table tr td:first-child { width: 25% !important; }
    .data-table-add-scroll .data-table .data-table-date { width: 23% !important; }
    .histogram-legend > div > div { min-height: 4.3em; }
}
@media all and (max-width: 480px) {
    .histogram-legend { width: 22.2em; left: -7.6em; }
}
@media all and (max-width: 450px) {
    body { font-size: 12px !important; }
    .page-wrap { padding-left: 0.8em; padding-right: 0.8em; }
    .todo-content { padding: 1.5em 0.5em 1.813em; }
    .todo-block .f-15 { font-size: 0.8em; }
    .f-17 { font-size: 1em; }
    .f-25 { font-size: 1.5em; }
    .data-table-block-scroll { overflow: auto; }
    .data-table, .data-table-block-scroll .data-table { width: 450px; }
    .todo-block .f-37 { font-size: 2em; }
    .done-list > div { padding-left: 0.5em; padding-right: 0.5em; }
    .data-table .f-20 { font-size: 1em; }
    .date-box { font-size: 0.8em; }
    .small-button, .todo-block .button { font-size: 0.9em; }
    .data-table tr td { padding: 0.5em 0 0.5em 0.5em; }
    .content-box .content-form-field { padding-left: 0; flex-wrap: wrap; }
    .content-form-field label { float: none; width: 100% !important; margin: 0 !important; }
    .content-form-field .field-wrap { float: none; padding: 0 !important; }
    .form-line label span { display: inline-block; width: auto; }
    .form-line > label span:after { top: 0.4em; }
    .popup .popup-content { padding-left: 1.5em; padding-right: 1.5em; }
    .lead-sheets-slider { padding-left: 2.5em; padding-right: 2.5em; }
    .content-box .data-table tr td { border: 0; }
    .content-box .data-table tr { border-top: 1px solid #e3cb9e; border-bottom: 0; }
    .content-box .data-table tr:first-child { border-top: 0; }
    .admin-home-links > div { margin: 0.5em 0; padding: 0 0.5em; }
    .admin-home-link span { height: 6em; }
    .admin-home-box .m-b-13 { margin-bottom: 0.5em; }
    .admin-home-box h2 .f-19 { font-size: 0.85em; }
    .admin-data-table tr td:first-child:after, .admin-data-table tr td:last-child:after { display: none; }
    .admin-data-table { padding: 0 1.063em; }
    .admin-data-table tr { border-top: 1px solid #d5d5d5; border-bottom: 0; }
    .admin-data-table tr:first-child { border: 0; }
    .manage-file-line { display: block; }
    .manage-file-line > div { display: block; width: 100% !important; text-align: left !important; }
    .commercial-info-list { display: block; margin: 0; }
    .commercial-info-list > div { display: block; margin-left: 0; margin-right: 0; width: 100%; }
    .platforms-data-table th { padding: 0.4em 0.5em; font-size: 0.6em; }
    .platforms-data-table td { font-size: 0.6em; }
    .platforms-data-table { width: 100%; }
    .platforms-data-table .f-13 { font-size: 1.2em; }
    .filters-list li { width: 50%; }
    .page-header { padding-top: 50px; }
    .header-logo { position: absolute; top: 0.5em; width: 100%; left: 0; text-align: center; }
    .header-logo img { max-width: 20em; }
    .calendar-elements-list span { min-width: 6.5em; }
    .calendar-table th { padding-left: 0.2em; padding-right: 0.2em; }
    input[type=text], input[type=tel], input[type=email], input[type=search], input[type=password], textarea { font-size: 1.2em; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 1.2em; }
    .histogram-elements { padding-left: 2%; padding-right: 2%; }
    .histogram-element { min-width: 3.8em; width: 22%; padding-top: 0.4em; padding-right: 0.2em; padding-left: 0.2em; }
    .histogram-element.active:after { width: 100%; }
    .histogram-legend > div > div { margin-left: 0.2em; margin-right: 0.2em; padding-left: 0.2em; padding-right: 0.2em; }
    .histogram-block { padding-bottom: 3em; margin-right: 0; }
    .histogram-element { padding-bottom: 3em; }
    .histogram-date { font-size: 0.87em;  bottom: 1.5em; }
    .histogram-element.active:after { bottom: -3px; }
    .histogram-box-date { margin-right: 0; }
    .table-scroll .data-table, .data-table-scroll th, .data-table-add-scroll .data-table { font-size: 10px; }
    .data-table .product-icon { width: 1.5em; }
    .action-period-select input{padding-left: 0.3em;padding-right: 0.3em; text-align: center;}
    .histogram-label-horizonatal { bottom: 1.5em; }
}
@media all and (max-width: 380px) {
    .lead-sheet-data .lead-sheet-data-label { width: auto; margin: 0 0 5px 0; float: none; padding-right: 1em; display: inline-block; }
    .lead-sheet-data .lead-sheet-data-info { width: 100%; padding: 0; float: none; }
    .lead-sheet-data { display: block; }
    
}