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

/* ## only on XS ## */
@media (max-width: 576px)
{
   .calendar-news-items {
      height: 225px;
      order: 1;
   }

   .casper-calendar-component .pika-single { border-width: 0 0 1px 0; }
}


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

/* ## for SM and larger ## */
@media (min-width: 576px)
{
}

/* ## for SM and smaller ## */
@media (max-width: 768px)
{
   /* ==================== *
    * ## Event Calender ## 
    * ==================== */

   .event-calendar-container { flex-direction: column; }
   .event-calendar-container .calendar-news-items,
   .event-calendar-container .casper-calendar-component {
      flex: 0 50%;
   }

   .event-calendar-container .calendar-news-items { order: 1; }
   .event-calendar-container .casper-calendar-component  { order: 0; }
}


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

/* ## for MD and larger ## */
@media (min-width: 768px)
{
   .noise-table-calendar::after {
      content: '';
      border-style: solid;
      border-width: 0 0 0 1px;
      top: 0;
      bottom: -14px;
      position: absolute;
      width: 1px;
      margin-left: -11px;
   }
}

/* ## for MD and smaller ## */
@media (max-width: 992px)
{
}


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

/* ## for LG and larger ## */
@media (min-width: 992px)
{
}

/* ## for LG and smaller ## */
@media (max-width: 1200px)
{
}


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

/* ## only on XL ## */
@media (min-width: 1200px)
{
}