/* ====================== *
 * ## Extra Small (XS) ##
 *
 * @min-width: 0px;
 * @max-width: 576px;
 * ====================== */

@media (max-width: 575px)
{
   img {
      max-width: 100%;
      height: auto !important;
   }

   img[width$="%"] { width: 100%; }


   /* ===================== *
    * ## Noise Container ##
    * ===================== */

   .noise-container-header h1 {
      font-size: 20px;
   }

   .noise-kruimelpad {
      font-size: 14px;
   }

   .noise-kruimelpad ul li:not(:last-child):after {
      padding: 3px;
   }
   
   .nmt-position-photo { min-height: 200px; }


   /* ================ *
    * ## Noise Line ##
    * ================ */

   .nline-xs-bottom:after,
   .nline-xs-left:after,
   .nline-xs-right:after,
   .nline-xs-top:after {
       border-style: solid;
       border-width: 0;
       content: "";
       height: 100%;
       left: 0;
       pointer-events: none;
       position: absolute;
       top: 0;
       width: 100%;
   }

   .nline-xs-left:after { border-left-width: 1px !important; }
   .nline-xs-left-none:after { border-left-width: 0px !important; }
   .nline-xs-right:after { border-right-width: 1px !important; }
   .nline-xs-right-none:after { border-right-width: 0px !important; }
   .nline-xs-bottom:after { border-bottom-width: 1px !important; }
   .nline-xs-bottom-none:after { border-bottom-width: 0px !important; }
   .nline-xs-top:after { border-top-width: 1px !important; }
   .nline-xs-top-none:after { border-top-width: 0px !important; }


   /* ============== *
    * ## Row item ##
    * ============== */

   .row-item.row-item-contain-xs,
   .row-item.row-item-contain-xs .item-container,
   .row-item.row-item-contain-xs .item-content {
       height: 100% !important;
   }

   .row-item.row-item-contain-xs .item-container { float: none !important; }
   .row-item.row-item-contain-xs .item-content div { height: 100% !important; }
   .row-item.row-item-contain-xs .item-header.filled-header + .item-container { padding-top: 33px; }
   .row-item.row-item-contain-xs .item-header:not(.filled-header) + .item-container { padding-top: 48px; }


   .row-item.row-item-expand-xs .item-container {
      float: left !important;
      position: relative !important;
   }
   .row-item.row-item-expand-xs { flex: 1 0 100% !important; }

   .row-item.row-item-expand-xs,
   .row-item.row-item-expand-xs .item-container,
   .row-item.row-item-expand-xs .item-content {
       height: auto !important;
   }


   /* ============= *
    * ## Z-index ##
    * ============= */

   .z-xs-1 { z-index: 1; }
   .z-xs-2 { z-index: 2; }
   .z-xs-3 { z-index: 3; }
   .z-xs-4 { z-index: 4; }
   .z-xs-5 { z-index: 5; }
   .z-xs-6 { z-index: 6; }
   .z-xs-7 { z-index: 7; }
   .z-xs-8 { z-index: 8; }
   .z-xs-9 { z-index: 9; }
   .z-xs-10 { z-index: 10; }
   .z-xs-20 { z-index: 20; }
   .z-xs-30 { z-index: 30; }
   .z-xs-40 { z-index: 40; }
   .z-xs-50 { z-index: 50; }
   .z-xs-60 { z-index: 60; }
   .z-xs-70 { z-index: 70; }
   .z-xs-80 { z-index: 80; }
   .z-xs-90 { z-index: 90; }
   .z-xs-100 { z-index: 100; }
   .z-xs-200 { z-index: 200; }
   .z-xs-300 { z-index: 300; }
   .z-xs-400 { z-index: 400; }
   .z-xs-500 { z-index: 500; }
   .z-xs-600 { z-index: 600; }
   .z-xs-700 { z-index: 700; }
   .z-xs-800 { z-index: 800; }
   .z-xs-900 { z-index: 900; }
   .z-xs-1000 { z-index: 1000; }
}


/* ================== *
 * ## Small (SM) ##
 *
 * @min-width: 576px;
 * @max-width: 768px;
 * ================== */

@media (min-width: 576px)
{
   /* ================ *
    * ## Noise Line ##
    * ================ */

   .nline-sm-bottom:after,
   .nline-sm-left:after,
   .nline-sm-right:after,
   .nline-sm-top:after {
       border-style: solid;
       border-width: 0;
       content: "";
       height: 100%;
       left: 0;
       pointer-events: none;
       position: absolute;
       top: 0;
       width: 100%;
   }

   .nline-sm-left:after { border-left-width: 1px !important; }
   .nline-sm-left-none:after { border-left-width: 0px !important; }
   .nline-sm-right:after { border-right-width: 1px !important; }
   .nline-sm-right-none:after { border-right-width: 0px !important; }
   .nline-sm-bottom:after { border-bottom-width: 1px !important; }
   .nline-sm-bottom-none:after { border-bottom-width: 0px !important; }
   .nline-sm-top:after { border-top-width: 1px !important; }
   .nline-sm-top-none:after { border-top-width: 0px !important; }

   /* ============== *
    * ## Row item ##
    * ============== */

   .row-item.row-item-contain-sm,
   .row-item.row-item-contain-sm .item-container,
   .row-item.row-item-contain-sm .item-content {
       height: 100% !important;
   }

   .row-item.row-item-expand-sm .item-container {
      float: left !important;
      position: relative !important;
   }

   .row-item.row-item-contain-sm .item-container { float: none !important; }
   .row-item.row-item-contain-sm .item-content div { height: 100% !important; }
   .row-item.row-item-contain-sm .item-header.filled-header + .item-container { padding-top: 33px; }
   .row-item.row-item-contain-sm .item-header:not(.filled-header) + .item-container { padding-top: 48px; }

   .row-item.row-item-expand-sm { flex: 1 0 100% !important; }

   .row-item.row-item-expand-sm,
   .row-item.row-item-expand-sm .item-container,
   .row-item.row-item-expand-sm .item-content {
       height: auto !important;
   }


   /* ============= *
    * ## Z-index ##
    * ============= */

   .z-sm-1 { z-index: 1; }
   .z-sm-2 { z-index: 2; }
   .z-sm-3 { z-index: 3; }
   .z-sm-4 { z-index: 4; }
   .z-sm-5 { z-index: 5; }
   .z-sm-6 { z-index: 6; }
   .z-sm-7 { z-index: 7; }
   .z-sm-8 { z-index: 8; }
   .z-sm-9 { z-index: 9; }
   .z-sm-10 { z-index: 10; }
   .z-sm-20 { z-index: 20; }
   .z-sm-30 { z-index: 30; }
   .z-sm-40 { z-index: 40; }
   .z-sm-50 { z-index: 50; }
   .z-sm-60 { z-index: 60; }
   .z-sm-70 { z-index: 70; }
   .z-sm-80 { z-index: 80; }
   .z-sm-90 { z-index: 90; }
   .z-sm-100 { z-index: 100; }
   .z-sm-200 { z-index: 200; }
   .z-sm-300 { z-index: 300; }
   .z-sm-400 { z-index: 400; }
   .z-sm-500 { z-index: 500; }
   .z-sm-600 { z-index: 600; }
   .z-sm-700 { z-index: 700; }
   .z-sm-800 { z-index: 800; }
   .z-sm-900 { z-index: 900; }
   .z-sm-1000 { z-index: 1000; }
}

@media (max-width: 768px)
{
   /* ================ *
    * ## Chart Grid ##
    * ================ */

   .chart-grid {
      grid-template-columns: 1fr;
   }

   /* ======================== *
    * ## Dropdown Component ##
    * ======================== */

   .dropdown-component .display-wrapper .list-toggle {
      padding: 5px;
      width: 30px;
   }


   /* ======================== *
    * ## Flighttracking Map ##
    * ======================== */

   .fl-map-container .fl-map {
      min-height: 300px;
   }

   /* ========== *
    * ## Page ##
    * ========== */

   .page-sidemenu .f3-menu-main .f3-selected-menu-parent,
   .page-sidemenu ul ul .f3-selected-menu-parent,
   .page-sidemenu ul ul .f3-selected-menu-parent li {
      padding-left: 0;
   }

   .row.row-mobile-column { flex-direction: column; }


   /* =========================== *
    * ## Runwway use component ##
    * =========================== */

   .noise-container .runway-use-component { height: 150px; }
}


/* ================== *
 * ## Medium (MD) ##
 *
 * @min-width: 769px;
 * @max-width: 992px;
 * ================== */

@media (min-width: 768px)
{
   /* ================ *
    * ## Chart Grid ##
    * ================ */

   .chart-grid {
      grid-template-columns: 1fr 1fr;
   }


   /* ======================== *
    * ## Flighttracking Map ##
    * ======================== */

   .fl-map-container .fl-map {
      min-height: 400px;
   }


   /* ================ *
    * ## Noise Line ##
    * ================ */

   .nline-md-bottom:after,
   .nline-md-left:after,
   .nline-md-right:after,
   .nline-md-top:after {
       border-style: solid;
       border-width: 0;
       content: "";
       height: 100%;
       left: 0;
       pointer-events: none;
       position: absolute;
       top: 0;
       width: 100%;
   }

   .nline-md-left:after { border-left-width: 1px !important; }
   .nline-md-left-none:after { border-left-width: 0px !important; }
   .nline-md-right:after { border-right-width: 1px !important; }
   .nline-md-right-none:after { border-right-width: 0px !important; }
   .nline-md-bottom:after { border-bottom-width: 1px !important; }
   .nline-md-bottom-none:after { border-bottom-width: 0px !important; }
   .nline-md-top:after { border-top-width: 1px !important; }
   .nline-md-top-none:after { border-top-width: 0px !important; }

   /* ========== *
    * ## Page ##
    * ========== */

   .page-sidemenu ul li a { font-size: 11px; }
   .page-sidemenu .f3-menu-parent > a { font-size: 14px; }
   
   .row.row-mobile-column { flex-direction: row; }


   /* ============== *
    * ## Row item ##
    * ============== */

   .row-item.row-item-contain-md,
   .row-item.row-item-contain-md .item-container,
   .row-item.row-item-contain-md .item-content {
       height: 100% !important;
   }

   .row-item.row-item-contain-md .item-container {
       left: 0 !important;
       position: absolute !important;
       top: 0 !important;
   }

   .row-item.row-item-contain-md .item-container { float: none !important; }
   .row-item.row-item-contain-md .item-container .item-content > div { height: 100% !important; }
   .row-item.row-item-contain-md .item-header.filled-header + .item-container { padding-top: 33px !important; }
   .row-item.row-item-contain-md .item-header:not(.filled-header) + .item-container { padding-top: 48px !important; }

   .row-item.row-item-expand-md .item-container {
      float: left !important;
      position: relative !important;
   }

   .row-item.row-item-expand-md { flex: 1 0 100% !important; }

   .row-item.row-item-expand-md,
   .row-item.row-item-expand-md .item-container,
   .row-item.row-item-expand-md .item-content {
       height: auto !important;
   }


   /* ============= *
    * ## Z-index ##
    * ============= */

   .z-md-1 { z-index: 1; }
   .z-md-2 { z-index: 2; }
   .z-md-3 { z-index: 3; }
   .z-md-4 { z-index: 4; }
   .z-md-5 { z-index: 5; }
   .z-md-6 { z-index: 6; }
   .z-md-7 { z-index: 7; }
   .z-md-8 { z-index: 8; }
   .z-md-9 { z-index: 9; }
   .z-md-10 { z-index: 10; }
   .z-md-20 { z-index: 20; }
   .z-md-30 { z-index: 30; }
   .z-md-40 { z-index: 40; }
   .z-md-50 { z-index: 50; }
   .z-md-60 { z-index: 60; }
   .z-md-70 { z-index: 70; }
   .z-md-80 { z-index: 80; }
   .z-md-90 { z-index: 90; }
   .z-md-100 { z-index: 100; }
   .z-md-200 { z-index: 200; }
   .z-md-300 { z-index: 300; }
   .z-md-400 { z-index: 400; }
   .z-md-500 { z-index: 500; }
   .z-md-600 { z-index: 600; }
   .z-md-700 { z-index: 700; }
   .z-md-800 { z-index: 800; }
   .z-md-900 { z-index: 900; }
   .z-md-1000 { z-index: 1000; }
}

@media (max-width: 800px)
{
   /* ===================== *
    * ## Full row swiper ##
    * ===================== */

   .full-row-swiper .swiper-buttons-container { display: none; }
   .full-row-swiper .role-swiper { margin-bottom: 24px; }
   .full-row-swiper .role-swiper-pagination { opacity: 1; }
}

@media (max-width: 991px)
{
   /* =================== *
    * ## Page sidemenu ##
    * =================== */

   .page-sidemenu ul li a { font-size: 17px; }
   .page-sidemenu .f3-menu-parent > a { font-size: 20px; }
   
   .page-sidemenu ul li > a { border-width: 0px; }
   .page-sidemenu ul li:not(.f3-menu-parent):not(.f3-selected-menu-item) + li:not(.f3-selected-menu-item) > a {
      border-width: 1px 0 0 0;
   }

   .page-sidemenu .f3-menu-main {
      padding-left: 45px;
   }

   .page-sidemenu .f3-menu-main > li > ul {
      padding-left: 2px;
   }

   .page-sidemenu .f3-selected-menu-parent .f3-selected-menu-parent {
      float: left;
      position: relative;
   }

   .page-sidemenu .f3-selected-menu-parent .f3-selected-menu-parent .f3-sub-menu {
      box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px -5px;
      margin-top: 2px;
      max-height: 0;
      overflow: hidden;
      position: absolute;
      top: 100%;

      transition: max-height .25s;
      -webkit-transition: max-height .25s;
   }

   .page-sidemenu .f3-menu-parent > a {
      line-height: 45px;
      padding: 0;
   }
}


/* =================== *
 * ## Large (LG) ##
 *
 * @min-width: 992px;
 * @max-width: 1200px;
 * =================== */

@media (min-width: 992px)
{
   /* ======================== *
    * ## Flighttracking Map ##
    * ======================== */

   .fl-map-container .fl-map {
      min-height: inherit;
   }


   /* ================ *
    * ## Noise Line ##
    * ================ */

   .nline-lg-bottom:after,
   .nline-lg-left:after,
   .nline-lg-right:after,
   .nline-lg-top:after {
       border-style: solid;
       border-width: 0;
       content: "";
       height: 100%;
       left: 0;
       pointer-events: none;
       position: absolute;
       top: 0;
       width: 100%;
   }

   .nline-lg-left:after { border-left-width: 1px !important; }
   .nline-lg-left-none:after { border-left-width: 0px !important; }
   .nline-lg-right:after { border-right-width: 1px !important; }
   .nline-lg-right-none:after { border-right-width: 0px !important; }
   .nline-lg-bottom:after { border-bottom-width: 1px !important; }
   .nline-lg-bottom-none:after { border-bottom-width: 0px !important; }
   .nline-lg-top:after { border-top-width: 1px !important; }
   .nline-lg-top-none:after { border-top-width: 0px !important; }


   /* ========== *
    * ## Page ##
    * ========== */

   .page-sidemenu .f3-menu-main { width: 100%; }

   .page-sidemenu ul li:not(.f3-menu-parent) a { text-align: center; }
   .page-sidemenu ul li > a { border-width: 0 0 0 1px; }

   .page-sidemenu .f3-menu-main > li > ul > li.f3-selected-menu-parent,
   .page-sidemenu .f3-menu-main > li > ul > li > ul { 
      display: flex;
   }

   .page-sidemenu .f3-menu-main > li > ul > li.f3-selected-menu-parent > a {
      align-self: center;
      flex-shrink: 1;
      pointer-events: none;
   }

   .page-sidemenu .f3-menu-main > li > ul > li.f3-selected-menu-parent > ul.f3-sub-menu,
   .page-sidemenu .f3-menu-main > li > ul > li.f3-selected-menu-parent > ul.f3-sub-menu > li {
      //flex-grow: 1;
   }

   .page-sidemenu ul ul .f3-selected-menu-parent .f3-sub-menu {
      align-content: space-evenly;
      flex-wrap: wrap;
   }

   .page-sidemenu .f3-menu-main > li > ul > li.f3-selected-menu-parent > ul.f3-sub-menu:after {
      content: "";
      height: 100%;
      position: absolute;
      top: 0;
      width: 1px;
   }


   /* ============== *
    * ## Row item ##
    * ============== */

   .row-item.row-item-contain-lg,
   .row-item.row-item-contain-lg .item-container,
   .row-item.row-item-contain-lg .item-content {
       height: 100% !important;
   }

   .row-item.row-item-expand-lg .item-container {
      float: left !important;
      position: relative !important;
   }

   .row-item.row-item-contain-lg .item-container { float: none !important; }
   .row-item.row-item-contain-lg .item-container .item-content > div { height: 100% !important; }
   .row-item.row-item-contain-lg .item-header.filled-header + .item-container { padding-top: 33px; }
   .row-item.row-item-contain-lg .item-header:not(.filled-header) + .item-container { padding-top: 48px; }

   .row-item.row-item-expand-lg { flex: 1 0 100% !important; }

   .row-item.row-item-expand-lg,
   .row-item.row-item-expand-lg .item-container,
   .row-item.row-item-expand-lg .item-content {
       height: auto !important;
   }


   /* ============= *
    * ## Z-index ##
    * ============= */

   .z-lg-1 { z-index: 1; }
   .z-lg-2 { z-index: 2; }
   .z-lg-3 { z-index: 3; }
   .z-lg-4 { z-index: 4; }
   .z-lg-5 { z-index: 5; }
   .z-lg-6 { z-index: 6; }
   .z-lg-7 { z-index: 7; }
   .z-lg-8 { z-index: 8; }
   .z-lg-9 { z-index: 9; }
   .z-lg-10 { z-index: 10; }
   .z-lg-20 { z-index: 20; }
   .z-lg-30 { z-index: 30; }
   .z-lg-40 { z-index: 40; }
   .z-lg-50 { z-index: 50; }
   .z-lg-60 { z-index: 60; }
   .z-lg-70 { z-index: 70; }
   .z-lg-80 { z-index: 80; }
   .z-lg-90 { z-index: 90; }
   .z-lg-100 { z-index: 100; }
   .z-lg-200 { z-index: 200; }
   .z-lg-300 { z-index: 300; }
   .z-lg-400 { z-index: 400; }
   .z-lg-500 { z-index: 500; }
   .z-lg-600 { z-index: 600; }
   .z-lg-700 { z-index: 700; }
   .z-lg-800 { z-index: 800; }
   .z-lg-900 { z-index: 900; }
   .z-lg-1000 { z-index: 1000; }
}


@media (min-width: 992px) and (max-width: 1199px)
{
}


/* ====================== *
 * ## Extra Large (XL) ##
 *
 * @min-width: 1200px;
 * ====================== */

@media (min-width: 1200px)
{
   /* ================ *
    * ## Noise Line ##
    * ================ */

   .nline-xl-bottom:after,
   .nline-xl-left:after,
   .nline-xl-right:after,
   .nline-xl-top:after {
       border-style: solid;
       border-width: 0;
       content: "";
       height: 100%;
       left: 0;
       pointer-events: none;
       position: absolute;
       top: 0;
       width: 100%;
   }

   .nline-xl-left:after { border-left-width: 1px !important; }
   .nline-xl-left-none:after { border-left-width: 0px !important; }
   .nline-xl-right:after { border-right-width: 1px !important; }
   .nline-xl-right-none:after { border-right-width: 0px !important; }
   .nline-xl-bottom:after { border-bottom-width: 1px !important; }
   .nline-xl-bottom-none:after { border-bottom-width: 0px !important; }
   .nline-xl-top:after { border-top-width: 1px !important; }
   .nline-xl-top-none:after { border-top-width: 0px !important; }

   
   /* ========== *
    * ## Page ##
    * ========== */

   .page-content {
      padding-left: 180px;
      padding-right: 180px;
   }

   .page-sidemenu ul li a { font-size: 14px; }
   .page-sidemenu .f3-menu-parent > a { font-size: 18px; }


   /* ============== *
    * ## Row item ##
    * ============== */

   .row-item.row-item-contain-xl,
   .row-item.row-item-contain-xl .item-container,
   .row-item.row-item-contain-xl .item-content {
       height: 100% !important;
   }

   .row-item.row-item-expand-xl .item-container {
      float: left !important;
      position: relative !important;
   }

   .row-item.row-item-contain-xl .item-container { float: none !important; }
   .row-item.row-item-contain-xl .item-container .item-content > div { height: 100% !important; }
   .row-item.row-item-contain-xl .item-header.filled-header + .item-container { padding-top: 33px; }
   .row-item.row-item-contain-xl .item-header:not(.filled-header) + .item-container { padding-top: 48px; }

   .row-item.row-item-expand-xl { flex: 1 0 100% !important; }

   .row-item.row-item-expand-xl,
   .row-item.row-item-expand-xl .item-container,
   .row-item.row-item-expand-xl .item-content {
       height: auto !important;
   }


   /* ============= *
    * ## Z-index ##
    * ============= */

   .z-xl-1 { z-index: 1; }
   .z-xl-2 { z-index: 2; }
   .z-xl-3 { z-index: 3; }
   .z-xl-4 { z-index: 4; }
   .z-xl-5 { z-index: 5; }
   .z-xl-6 { z-index: 6; }
   .z-xl-7 { z-index: 7; }
   .z-xl-8 { z-index: 8; }
   .z-xl-9 { z-index: 9; }
   .z-xl-10 { z-index: 10; }
   .z-xl-20 { z-index: 20; }
   .z-xl-30 { z-index: 30; }
   .z-xl-40 { z-index: 40; }
   .z-xl-50 { z-index: 50; }
   .z-xl-60 { z-index: 60; }
   .z-xl-70 { z-index: 70; }
   .z-xl-80 { z-index: 80; }
   .z-xl-90 { z-index: 90; }
   .z-xl-100 { z-index: 100; }
   .z-xl-200 { z-index: 200; }
   .z-xl-300 { z-index: 300; }
   .z-xl-400 { z-index: 400; }
   .z-xl-500 { z-index: 500; }
   .z-xl-600 { z-index: 600; }
   .z-xl-700 { z-index: 700; }
   .z-xl-800 { z-index: 800; }
   .z-xl-900 { z-index: 900; }
   .z-xl-1000 { z-index: 1000; }
}

@media (min-height: 767px)
{
}


/* ============== *
 * ## Combined ##
 * ============== */


@media (min-width: 576px) and (max-width: 1199px)
{
}


/* ================ *
 * ## Additional ##
 * ================ */

@media (min-width: 1360px)
{
   /* ===================== *
    * ## Full row swiper ##
    * ===================== */

   .full-row-swiper .swiper-buttons-container {
      height: 60px;
      max-width: 1280px;
   }
   .full-row-swiper .swiper-buttons-container .swiper-button-container { width: 60px; }
   .full-row-swiper .swiper-buttons-container .swiper-button .icon {
      height: 20px;
      width: 20px;
   }
   .full-row-swiper .swiper-buttons-container .role-swipe-next .icon { right: 50%; }
   .full-row-swiper .swiper-buttons-container .role-swipe-prev .icon { left: 50%; }
}

@media (min-width: 1440px)
{
}

@media (min-width: 1920px)
{
   /* ========== *
    * ## Page ##
    * ========== */
}

@media (min-width: 1921px)
{
   p {
      font-size: 20px;
      line-height: 28px;
   }

   .container [data-type="item"] p:first-of-type {
      font-size: 24px;
      line-height: 36px;
   }


   /* ========== *
    * ## Page ##
    * ========== */

   .page-sidemenu ul li a { font-size: 20px; }
   .page-sidemenu .f3-menu-parent > a { font-size: 24px; }
}