#content-wrapper {
        padding: 2% 2% 0 2%;
      }

      .header {
        overflow: hidden;
      }

      .header:after {
        content: "";
        clear: both;
        display: block;
      }

      .search-holder {
        overflow: hidden;
        margin-right: 0;
        float: right;
        width: 71%;
      }

      #searchbox {
        width: 80%;
        border: 0;
        border-bottom: 1px solid white;
        background-color: red;
        height: 40px;
        background: rgba(255, 255, 255, 0);
        color: white;
        font-size: 21px;
        float: right;
        text-align: center;
        font-weight: 700;
        text-shadow: 2px 2px 8px red;
      }

      #searchbox:focus {
        outline: none;
      }

      #audio {
        display: none;
      }

      #content-wrapper:after {
        content: "";
        display: block;
        clear: both;
      }

      @media (max-width: 1024px) {
        .search-holder {
          width: 58%;
        }
      }

      @media only screen and (max-width: 767px) {
        .search-holder {
          width: 58%;
        }
      }

      @media only screen and (max-width: 500px) {
        .current_date .dropdown {
          margin: 0;
        }

        .current_date {
          padding: 0;
        }

        ::-webkit-scrollbar {
          display: none;
        }

        .logo-text {
          margin-bottom: 0;
        }

        .logo-text p {
          margin: auto;
          float: none;
        }

        .search-holder {
          margin-bottom: 2.2em;
          width: 100%;
        }

        #searchbox {
          width: 100%;
        }

        .div2 {
          width: 100%;
        }

        #iframeholder {
          margin: auto;
          float: none;
        }
      }

      @media only screen and (max-width: 753px) and (min-width: 426px) {
        .search-holder {
          width: 100%;
          margin-bottom: 2.2em;
        }

        .logo-text {
          margin: 0;
        }

        #searchbox {
          width: 100%;
        }
      }

      body {
        margin: 0;
        padding: 0;
        position: relative;
        overflow-x: hidden;
      }

      *,
      *::after,
      *::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

      img {
        max-width: 100%;
      }

      ::-webkit-scrollbar {
        display: none;
      }

      .main-bg {
        display: block;
        overflow: hidden;
        background: #272727 url(https://picsum.photos/1600/900/?random);
        background-size: cover;
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: -1;
      }

      .search-holder {
        position: fixed;
        width: 71%;
        right: 4%;
      }

      .grid {
        width: 100%;
        /* 	margin: 82.2vh 1rem; */
        margin: 93vh 0.5rem;
        margin-bottom: 2rem;
      }

      .grid:after {
        content: "";
        display: block;
        clear: both;
      }

      .grid-item {
        position: relative;
        float: left;
        width: 70px;
        height: 70px;
        margin-top: 5px;
        margin-bottom: 5px;
        overflow: hidden;
        background: snow;
        border: 3px solid #fff;
        border-radius: 20px;
        opacity: 0.9;
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
      }

      .grid-item:hover,
      .grid-item:focus {
        opacity: 1;
      }

      .grid-item a {
        width: 100%;
        height: 100%;
      }

      .grid-item a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .grid-item.grid-item--width2.grid-item--height2 a img {
        object-fit: cover;
        object-position: top center;
      }

      .grid-item.grid-item--width2.grid-item--height3 a img {
        object-fit: cover;
        object-position: top center;
      }

      .grid-item--width2 {
        width: 170px;
      }

      .grid-item--height2 {
        height: 150px;
      }

      .grid-item--height3 {
        height: 230px;
      }

      .search-holder {
        z-index: 2;
      }

      @media (max-width: 768px) {
        .grid {
          /* margin: 82.2vh auto;*/
          margin: 93vh 0.5rem;
        }

        .grid-item {
          position: relative;
          float: left;
          width: 70px;
          height: 70px;
        }

        .grid-item--width2 {
          width: 170px;
        }

        .grid-item--height2 {
          height: 150px;
        }

        .grid-item--height3 {
          height: 230px;
        }

        .grid-item.small a img {
          object-fit: cover;
        }

        .grid-item.grid-item--width2.grid-item--height2 a img {
          object-fit: cover;
          object-position: top center;
        }
      }

      @media (max-width: 640px) {
        .position-center {
          padding: 0 2%;
        }

        .text-holder h1.special-txt {
          width: 300px;
          font-size: 1.75rem;
        }
      }

      @media (max-width: 450px) {
        .grid-item {
          position: relative;
          float: left;
          width: 80px;
          height: 70px;
        }

        .grid-item--height3 {
          height: 230px;
        }

        .grid-item--width2 {
          width: 170px;
        }

        .grid-item--height2 {
          height: 150px;
        }

        .grid-item.grid-item--width2.grid-item--height2 a img {
          object-fit: cover;
          object-position: top center;
        }

        .grid-item.small a img {
          object-fit: cover;
        }

        .main-bg {
          display: block;
          overflow: hidden;
          background: #272727 url(https://picsum.photos/320/416/?random);
          background-size: cover;
          position: fixed;
          width: 100%;
          height: 100vh;
          z-index: -1;
        }
      }

      @media (max-width: 330px) {
        .grid {
          margin: 53.2vh auto;
          padding: 0 0rem;
        }

        .grid-item {
          width: 70px;
          margin: 5px 0;
        }

        .grid-item--width2 {
          width: 160px;
        }

        .grid-item--height2 {
          height: 150px;
        }

        .grid-item--height3 {
          height: 230px;
        }

        .grid-item.grid-item--width2.grid-item--height2 a img {
          object-fit: contain;
          object-position: center center;
        }

        .grid-item.grid-item--width2.grid-item--height3 a img {
          object-fit: cover;
          object-position: top center;
        }

        .grid-item.small a img {
          object-fit: cover;
        }

        .main-bg {
          background: #272727 url(https://picsum.photos/320/416/?random);
        }

        .main-bg {
          display: block;
          overflow: hidden;
          background: #272727 url(https://picsum.photos/320/416/?random);
          background-size: cover;
          position: fixed;
          width: 100%;
          height: 100vh;
          z-index: -1;
        }
      }

      .calendar {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        cursor: pointer;
      }

      .calendar-small {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        user-select: word;
      }

      .calendar-day-small,
      .calendar-body-small {
        display: block;
        width: 100%;
      }

      .calendar-day-small {
        font-size: 0.65rem;
        color: #bf1d1e;
        font-weight: 700;
        padding: 0.1rem 0.123rem;
        border-bottom: 2px solid #bbb;
      }

      .calendar-body-small {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.65rem;
        position: relative;
      }

      .calendar-day,
      .calendar-body {
        display: block;
        width: 100%;
      }

      .calendar-day {
        padding: 0.2rem 1rem;
        text-align: center;
        font-size: 1rem;
        color: #bf1d1e;
        border-bottom: 2px solid #bbb;
        font-weight: 700;
        letter-spacing: 0.1rem;
        font-weight: 600;
      }

      .calendar-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.2rem;
        position: relative;
      }

      .eng-date {
        position: absolute;
        bottom: 10px;
        right: 10px;
        font-size: 0.875rem;
        color: #313131;
      }

      .small-eng-date {
        display: inline;
        font-size: 0.75rem;
        color: #272727;
        margin: 0 0.2rem;
      }

      .np-date {
        margin-bottom: 2rem;
      }

      .np-date.small {
        font-size: 1.5rem;
        margin-bottom: 1rem;
        font-weight: bolder;
      }

      .eng-date.small {
        position: absolute;
        /* bottom: 0.2rem;
			right: 4px;
			font-size: 0.675rem;
			color: #313131;*/
        display: inline-block;
        bottom: 0.7rem;
        left: 0px;
        font-size: 0.6rem;
        font-weight: 500;
        color: #313131;
        writing-mode: vertical-lr;
      }

      .np-month.small {
        /*position: absolute;
        bottom: 0.2rem;
        left: 4px;
        font-size: 0.675rem;
        color: #bf1d1e;
		font-weight: 600;*/

        position: absolute;
        bottom: 0.2rem;
        left: 0;
        right: 0;
        font-size: 0.675rem;
        color: #bf1d1e;
        font-weight: 600;
        text-align: center;
      }

      .np-month {
        position: absolute;
        bottom: 8px;
        left: 10px;
        font-size: 1.2rem;
        color: #bf1d1e;
        font-weight: 600;
      }

      .forsted-glass {
        display: block;
        margin: 0 auto;
        width: 60vw;
        box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        position: relative;
        z-index: 1;
        background: inherit;
        overflow: hidden;
        padding: 1rem;
      }

      .forsted-glass:before {
        content: "";
        position: absolute;
        background: inherit;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 2000px rgba(255, 255, 255, 0.5);
        filter: blur(10px);
        margin: -20px;
      }

      .center-container {
        display: none !important;
        width: 100%;
        margin-top: 6rem;
        visibility: hidden;
        transform: scale(0) translateY(-100%);
        transition: all 0.5s ease-in-out;
        height: 0;
      }

      .center-container-overlay {
        position: absolute;
        top: -37px;
        left: 0;
        right: 0;
        width: 50px;
        height: 50px;
        margin: auto;
        border-radius: 50%;
        background: #bf1d1e;
        display: block;
        z-index: 99;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 2rem;
      }

      body.center-container-show .center-container {
        visibility: visible;
        margin-top: 6rem;
        transform: scale(1) translateY(0);
        height: inherit;
        transition: all 0.5s ease-in-out;
      }

      body.center-container-show .grid {
        margin: 7.85rem 1rem;
      }

      :root {
        --primary-color: #bf1d1e;
        --tb-background-color: #898989;
        --tb-heading-color: #f8f8f8;
        --tb-border-color: #ebebeb;
        --tb-body-text-color: #666;
        --tb-body-border-rught: #e5e5e5;
      }

      table#calendarlinktable {
        display: table;
        background-color: #fff;
        width: 100%;
        height: 100%;
        border-spacing: 0;
      }

      thead {
        width: 100%;
        border-bottom: 4px solid var(--tb-border-color);
      }

      tbody {
        width: 100%;
      }

      .text-center {
        text-align: center !important;
      }

      .top-heading td {
        background-color: var(--primary-color);
        line-height: 23px;
        text-shadow: 0 1px 0 #fff;
        color: #bf1d1e;
        border: none;
      }

      .top-heading .cal_hd_warp {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 2rem;
      }

      .cal_hd_warp {
        text-align: justify;
        -ms-text-justify: distribute-all-lines;
        text-justify: distribute-all-lines;
      }

      .cal_hd_np {
        display: flex;
        align-items: center;
        color: var(--tb-heading-color);
        font-size: 16px;
        margin: 0 1rem;
      }

      .next_month,
      .prev_month {
        cursor: pointer;
      }

      .cal_hd_np span {
        display: inline;
        margin: 0 1rem;
      }

      .cal_hd_en {
        color: var(--tb-heading-color);
        font-size: 16px;
      }

      .csstoday {
        color: #959595;
        font-size: 12px;
      }

      .arrow_left {
        cursor: pointer;
        font-size: 12px;
        color: var(--tb-heading-color);
        display: inline;
      }

      .arrow_right {
        cursor: pointer;
        font-size: 11px;
        color: var(--tb-heading-color);
        display: inline;
      }

      .date-heading td {
        font-size: 1rem;
        text-transform: uppercase;
        text-align: center;
        font-weight: 700;
        padding: 1rem;
        color: var(--tb-background-color);
      }

      .date-heading td {
        align-items: center;
        background-color: #f7f7f7;
      }

      .date-heading td span {
        display: block;
      }

      .date-body td {
        border-right: 1px solid var(--tb-body-border-rught);
        border-bottom: 1px solid var(--tb-border-color);
        text-align: center;
        font-size: 1.2rem;
        padding: 1rem;
      }

      .date-body td.today,
      .date-body td.today:hover {
        background-color: #bf1d1e;
        color: #fff;
      }

      .date-body td.today span {
        color: #fff;
      }

      .date-body td:hover {
        background-color: #ddd;
      }

      .pop-video {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        cursor: pointer;
        letter-spacing: 0.2px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
      }

      iframe {
        width: 100%;
        height: 100%;
      }

      .video-frame iframe {
        height: 396px;
      }

      .video-hide {
        display: none;
      }

      .calendar-hide {
        display: none !important;
      }

      .calendar-day-small {
        text-align: center;
      }

      @media screen and (max-width: 1500px) {
        .top-heading .cal_hd_warp {
          padding: 0.865rem 2rem;
        }

        .date-heading td {
          font-size: 0.65rem;
        }
      }

      @media screen and (max-width: 768px) {
        .forsted-glass {
          width: 100%;
          overflow: scroll;
        }

        .date-body td {
          padding: 8px !important;
        }

        .date-heading td {
          font-size: 0.5rem;
        }

        .top-heading .cal_hd_warp {
          font-size: 0.75rem;
          padding: 0.5rem 1rem;
        }

        .cal_hd_np span {
          font-size: 0.75rem;
        }

        .cal_hd_en {
          font-size: 0.75rem;
        }
      }