/*

*/

/*------------------------------------------------------------------
  Mobile Portrait and Landscape (tablet and smartphone)
  * ===============================================
  */
@media only screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
   /*
    * Assignment Table page
    */
   .assignment-left-window {
      max-width: none;
      margin-left: -20px;
   }
   .assignment-right-window {
      max-width: none;
      width: 330px;
      margin-left: -20px;
   }
   .assignment-right-window-card {
      min-width: unset;
      width: 300px;
   }
}

/* Mobile Landscape */
@media only screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
   .assignment-left-window {
       margin-left: -5px !important;
   }
   .assignment-right-window {
      margin-left: -5px !important;
   }
}

/* Tablet Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
   /*
   * Assignment Table page
   */
   .assignment-left-window {
      max-width: none;
      margin-left: 0px;
   }

   .assignment-right-window {
      margin-left: 0px;
   }

}

/* Tablet Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
   .assignment-left-window {
      margin-left: -20px !important;
   }
}



/*----------  1.3. Media screen max width 768px  ----------*/
@media screen and (min-width: 992px) {
   .navigation-trigger {
      display: none !important;
   }
}

/*----------  1.3. Media screen max width 768px  ----------*/
@media screen and (max-width: 991px) {
   #header .hi-trigger {
      display: inline-block !important;
   }

   .top-nav {
      display: none !important;
   }
}
s