@media only screen and (min-width: 3840px) and (max-width: 4092px)
{
   /**
    * menuitem
    */
   .menuitem-button {
      font-size: 28px;
      height: 88px;
      line-height: 88px;
   }

   .menuitem-icon {
      height: 88px;
      margin-left: 24px;
      width: 36px;
   }
   .menuitem-dashboard .menuitem-icon {
      background-position: 0 24px;
      background-size: 818px;
   }
   .menuitem-flights .menuitem-icon {
      background-position: -72px -48px;
      background-size: 818px;
   }
   .menuitem-admin .menuitem-icon {
      background-position: -676px -648px;
      background-size: 818px;
   }
   .menuitem-help .menuitem-icon {
      background-position: -142px -116px;
      background-size: 818px;
   }

   .menuitem-label {
      margin-left: 24px;
      margin-right: 24px;
   }

   .menuitem-highlight {
      height: 4px;
   }

   .menuitem-dropdown-icon {
      background-position: -324px -298px;
      background-size: 818px;
      height: 88px;
      margin-right: 20px;
      width: 36px;
   }

   .menuitem-collapsible .menuitem-label {
      margin-right: 16px;
   }

   .status-bar {
      height: 56px;
      max-height: 56px;
   }

   /**
    * logo-module
    */
   .logo-module {
      height: 90px;
      padding: 20px;
      width: 240px;
   }


   /**
    * datetime-module
    */
   .datetime-module {
      height: 90px;
      margin-right: 40px;
   }

   .datetime-module > .date-field {
      font-size: 40px;
      padding: 0px 20px 6px 0px;
   }

   .datetime-module > .time-field {
      font-size: 60px;
      padding: 0px 20px 0px 0px;
   }

   .datetime-module > div {
      height: 90px;
   }

   .logged-in {
      font-size: 24px;
   }

   .logged-in:before {
      width: 2px;
   }

   /**
    * User module
    */
   .user-icon {
      background-position: -180px -154px;
      background-size: 818px;
      height: 88px;
      margin-right: 24px;
      width: 36px;
   }

   .user-info {
      margin-right: 24px;
   }

   .logged-in-cell {
      margin-bottom: 10px;
      margin-top: 10px;
   }

   .user-module-button {
      padding: 6px 10px 0px 0px;
   }

   .user-module-button.settings-button {
      padding: 6px 28px 0px 10px;
   }

   .user-module-button.settings-button > .settings-button-icon {
      background-position: -324px -322px;
      background-size: 818px;
      height: 28px;
      width: 28px;
   }

   /*
    * Time Controller
    */
   #play_controller {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      height: 58px;
      padding-left: 16px;
      padding-right: 32px;
      padding-top: 16px;
      width: 1040px;
   }

   #time_controller_container {
      height: 124px;
      padding-top: 24px;
   }

   #time_controller_holder {
      width: 1800px;
   }

   .time_controller_preset_buttons {
      font-size: 24px;
      padding-left: 40px;
      text-shadow: 2px 2px 0px rgba(0,0,0,0.5);
      width: 260px;
   }
   .time_controller_preset_buttons:first-child {
      padding-left: 0px;
      width: 300px;
   }

   #time_controller {
      font-size: 24px;
      height: 40px;
      width: 1200px;
   }

   .time_slider_top {
      height: 40px;
      margin-bottom: 10px;
   }

   .time_slider_calendar_button {
      border-radius: 8px;
      height: 40px;
      width: 66px;
   }

   .time_slider_calendar_label {
      height: 40px;
      padding-left: 20px;
   }
   .time_slider_calendar_label_right {
      padding-right: 20px;
   }

   .time_slider_label_holder {
      height: 40px;
   }

   .time_resize_holder {
      width: 66px;
   }

   .time_resize_button_left {
      border-radius: 8px 0px 0px 8px;
      margin-right: 2px;
   }

   .time_resize_button_right {
      border-radius: 0px 8px 8px 0px;
   }

   .time_slider_container {
      height: 40px;
      margin-left: 6px;
      margin-right: 6px;
      width: 1056px;
   }

   .time_slider_block {
      height: 40px;
      margin-left: 1px;
    }

   .time_slider_block_first {
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      margin-left: 0px;
   }

   .time_slider_block_last {
      border-bottom-right-radius: 8px;
      border-top-right-radius: 8px;
   }

   .time_resize_holder {
      width: 66px;
   }
   .time_resize_button {
      width: 32px;
   }
   .time_resize_button_left {
      border-radius: 8px 0px 0px 8px;
      margin-right: 2px;
   }
   .time_resize_button_right {
      border-radius: 0px 8px 8px 0px;
   }

   .time_slider_bar {
      border-spacing: 2px 0px;
      left: 72px;
      top: 92px;
   }
   .time_slider_bar > .time_slider_bg {
      height: 8px;
   }
   .time_slider_bar > .time_slider_bg > .time_slider_zoom_button {
      border-radius: 4px;
      height: 24px;
      margin-bottom: 8px;
      margin-top: -8px;
      width: 24px;
   }
   .time_slider_bar > .time_slider_resize_button {
     height: 24px;
     top: -12px;
     width: 30px;
   }
   .time_slider_bar > .time_slider_resize_button.time_slider_resize_button_left {
      left: -16px;
   }
   .time_slider_bar > .time_slider_resize_button.time_slider_resize_button_right {
      right: -16px;
   }
   .time_slider_bar > .time_active_period_label {
      padding-top: 6px;
   }

   .time_controller_indicator {
      height: 46px;
      top: 20px;
      width: 42px;
    }

   .live_button {
      padding: 0px 16px;
      margin-right: 10px;
   }

   .time_menu_button {
      border-radius: 8px;
      font-size: 26px;
      height: 46px;
      line-height: 44px;
      margin-top: 8px;
      text-shadow: 2px 2px 0px #FFFFFF;
   }

   .playback_holder {
      background-position: 200px;
      background-size: 300px 84px;
      height: 42px;
      padding: 8px 36px 8px 0px;
   }

   .playback_button {
      font-size: 24px;
      height: 42px;
      width: 42px;
   }

   .rewind_button {
      background-position: -4px 0px;
      background-size: 300px 84px;
   }
   .rewind_button:hover {
      background-position: -4px -42px;
      background-size: 300px 84px;
   }
   .play_button {
      background-position: -64px 0px;
      background-size: 300px 84px;
   }
   .play_button:hover {
      background-position: -64px -42px;
      background-size: 300px 84px;
   }
   .pause_button {
      background-position: -124px 0px;
      background-size: 300px 84px;
   }
   .pause_button:hover {
      background-position: -124px -42px;
      background-size: 300px 84px;
   }
   .stop_button {
      background-position: -244px 0px;
      background-size: 300px 84px;
   }
   .stop_button:hover {
      background-position: -244px -42px;
      background-size: 300px 84px;
   }
   .forward_button {
      background-position: -184px 0px;
      background-size: 300px 84px;
   }
   .forward_button:hover {
      background-position: -184px -42px;
      background-size: 300px 84px;
   }

   .current_time_holder {
      padding-left: 32px;
   }
   .current_time_holder .current_time,
   .current_time_holder .current_period {
      font-size: 24px;
   }

   .open_menu_button {
      background-position: 0px -46px;
      background-size: 46px 92px;
      padding: 0px 16px 0px 44px;
   }
   .open_menu_button:hover {
      background-position: 0px 0px;
      background-size: 46px 92px; 
   }
   .time_menu_button_active:hover {
      background-position: 0px -46px;
      background-size: 46px 92px;
   }

   /*
    * grid item
    */
   .grid-item-container > .grid-item-content {
      border-radius: 12px 0px 12px 12px;
      padding: 62px 12px 12px 12px;
   }

   .grid-item-container > .grid-item-header {
      border-top-left-radius: 12px;
      height: 50px;
   }

   .grid-item-header > .header-title {
      font-size: 24px;
      line-height: 48px;
      padding-left: 12px;
   }

   .grid-item-tools-container > .grid-item-tools {
      width: 60px;
   }

   .list-button > .button-icon > svg {
      padding: 6px;
   }

   .list-button > .button-list {
      top: 50px;
   }

   .tools-list > .grid-item-tool {
      height: 48px;
      padding-right: 12px;
   }

   .grid-item-tool > .tool-icon {
      padding: 0 12px;
      width: 48px;
   }

   .grid-item-tool > .tool-icon > svg {
      padding: 8px;
   }

   .grid-item-tool > .tool-label {
      line-height: 48px;
      font-size: 24px;
   }

   /**
    * Carousel Ticker
    */
   .ticker-bar {
      height: 120px !important;
   }

   .carouselTicker__wrap {
      padding: 10px 0;
   }

   .carouselTicker__item {
      border-radius: 10px 0px 10px 10px;
      height: 100px;
      margin-right: 20px;
      padding: 10px 0;
      width: 400px;
   }

   .carouselTicker__item > .item-content > p {
      font-size: 24px;
      padding-left: 10px;
      padding-right: 10px;
   }


   /* ======================= *
    * ## Weather Component ##
    * ======================= */

   [chart=weather][object='chart'] > .wind > .direction_text,
   [chart=weather][object='chart'] > .wind > .speed,
   [chart=weather][object='chart'] > .wind > .gust,
   [chart=weather][object='chart'] > .condition > .text,
   [chart=weather][object='chart'] > .temp_vision > .vision > .text {
      font-size: 30px;
      height: 48px;
      line-height: 48px;
   }

   [chart=weather][object='chart'] > .wind > .direction_svg {
      padding: 48px 0 96px 0;
   }

   [chart=weather][object='chart'] > .wind > .speed {
      bottom: 48px;
   }

   [chart=weather][object='chart'] > .temp_vision > .temperature {
      font-size: 100px;
   }

   [chart=weather][object='chart'] > .condition > .svg,
   [chart=weather][object='chart'] > .temp_vision > .vision > .svg {
      padding-bottom: 48px;
   }


   /* ============================= *
    * ## Weather Component Small ##
    * ============================= */

   .small [chart='weather'][object='chart'] .wind,
   .small [chart='weather'][object='chart'] .temp_vision {
      height: 80px;
   }

   .small [chart='weather'][object='chart'] .wind > .direction_text,
   .small [chart='weather'][object='chart'] .wind > .speed,
   .small [chart='weather'][object='chart'] .temp_vision > .temperature {
      font-size: 30px;
      line-height: 80px;
   }

   /* condition */
   .small [chart='weather'][object='chart'] .condition {
      padding: 80px 0px;
   }

   .small [chart='weather'][object='chart'] .temp_vision > .temperature {
      font-size: 60px;
   }

   .small [chart='weather'][object='chart'] .temp_vision > .vision > .svg { padding-bottom: 32px; }
   .small [chart='weather'][object='chart'] .temp_vision > .vision > .text {
      font-size: 30px;
      height: 32px;
      line-height: 32px;
   }

   /**
    * HighCharts
    */
   .highcharts-plot-line-label {
      font-size: 20px !important
   }

   .highcharts-label.highcharts-totalText span {
      font-size: 36px !important;
   }
}