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

/* ## only on XS ## */
@media (max-width: 576px)
{
}


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

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

/* ## for SM and smaller ## */
@media (max-width: 768px)
{   
   /* ===================== *
    * ## Noise News Tile ##
    * ===================== */

   .noise-news-tile {
      display: grid;
      grid-template-columns: auto 40px;
      grid-template-rows: 30px 170px;
   }

   .noise-news-tile .noise-news-body {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 2;
   }
   .noise-news-tile .noise-news-body .noise-news-body-container { overflow: auto; }

   .noise-news-tile .noise-news-date {
      grid-column-start: 1;
      grid-row-start: 1;
   }

   .noise-news-tile .noise-news-link {
      grid-column-start: 2;
      grid-row-start: 1;
   }

   .noise-news-date { line-height: 30px; }
   .noise-news-link { height: 30px; }

   .noise-news-link a img {
      right: 15px;

      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
   }

   /*
   .news-page .noise-news-tile .noise-news-body { flex: 0 0 100%; }
   .news-page .noise-news-tile .noise-news-link { flex: 1; }
   
   .news-page.upload-page .noise-news-tile { max-height: none; }
   .news-page.upload-page .noise-news-tile .noise-news-date { width: 100%; }
   .news-page.upload-page .noise-news-tile .noise-news-link { flex: none; }
   */
}


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

/* ## for MD and larger ## */
@media (min-width: 768px)
{

   .noise-news-tile {
      height: 100%;
      flex-wrap: nowrap;
   }

   .noise-news-date {
      align-items: center;
      display: flex;
      justify-content: center;
      padding: 10px;
      width: 65px;
   }

   .noise-upload-thumb {
      flex: 0 0 100px;
      overflow: hidden;
      padding: 0;
   }

   .noise-upload-thumb img {
      //height: 150px;
      //width: 100px;
   }

   .noise-news-date span b {
      font-weight: normal;
      font-size: 24px;
   }

   .noise-news-link a img {
      left: 50%;

      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
   };

   .noise-news-tile .noise-news-body {
      min-height: 150px;
      order: 1;
      padding: 20px;
      width: 90%;
   }

   .noise-news-tile .noise-upload-body {
      height: 150px;
      min-height: auto;
      overflow-y: auto;
   }

   .noise-news-tile .noise-news-link {
      flex: 0 0 30px;
      order: 2;
   }
}

/* ## 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)
{
}