/*
  @media screen and (max-width: 600px) {
  .TopMenu a:not(:first-child) {display: none;}
  .TopMenu a.icon {
    float: right;
    display: block;
    }
  }
  */
  @media screen and (max-width: 900px) {
    .TopMenuCenter a, .DropDown .DropButton {display: none;}
    .TopMenuCenter a, .DropDown .DropButtonActive {display: none;}
    .TopMenuCenter a.icon {
      float: right;
      display: block;
      }
    }
    /*
    @media screen and (max-width: 600px) {
    .TopMenu.responsive {position: relative;}
    .TopMenu.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
      }
    .TopMenu.responsive a {
      float: none;
      display: block;
      text-align: left;
      }
    }
    */
    @media screen and (max-width: 900px) {
    .TopMenuCenter.responsive {position: relative;}
    .TopMenuCenter.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
      }
    .TopMenuCenter.responsive a {
      float: none;
      display: block;
      text-align: left;
      }
    .TopMenuCenter.responsive .DropDown {float: none;}
    .TopMenuCenter.responsive .DropDown-content {position: relative;}
    .TopMenuCenter.responsive .DropDown .DropButton {
      display: block;
      width: 100%;
      text-align: left;
      }
    .TopMenuCenter.responsive .DropDown .DropButtonActive {
      display: block;
      width: 100%;
      text-align: left;
      }
    }
    @media screen and (max-width: 900px) {
      .IndexContentPanel {
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        color: black;
        text-align: center;
      }
      .eScrip
      {
        position: relative;
        margin-top: 0px;
        margin-bottom: 10px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        background-color: LightGray;
        color: Black;
      }
      .FooterPanel
      {
        position: relative;
        margin-top: 0px;
        margin-bottom: 20px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 40%;
        color: black;
        background-color: #545454;
      }
      .CounterPanel
      {
        position: relative;
        margin-top: 0px;
        margin-bottom: 20px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 32%;
        color: black;
        background-color: DarkGrey;
      }
      .HeroImage {
        width: 63%;
      }
      .FooterImage {
        width: 63%;
      }
      .LogoImageLeft {
        width: 63%;
      }
      .LogoimageRight {
        width: 63%;
      }
      .video#bgvideo
      {
        min-width: 35%;
        min-height: 35%;
      }
    }
    @media screen and (min-width: 900px) and (max-width: 1200px) {
      .IndexContentPanel {
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 57%;
        color: black;
        text-align: center;
      }
      .HeroImage {
        width: 60%;
      }
      .FooterImage {
        width: 60%;
      }
      .LogoImageLeft {
        width: 60%;
      }
      .LogoimageRight {
        width: 60%;
      }
      .video#bgvideo
      {
        min-width: 60%;
        min-height: 60%;
      }
    }
    @media screen and (min-width: 1200px) and (max-width: 1500px) {
      .IndexContentPanel {
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 43%;
        color: black;
        text-align: center;
      }
      .HeroImage {
        width: 50%;
      }
      .FooterImage {
        width: 50%;
      }
      .LogoImageLeft {
        width: 50%;
      }
      .LogoimageRight {
        width: 50%;
      }
      .video#bgvideo
      {
        min-width: 85%;
        min-height: 85%;
      }
    }