@media (max-width: 767.98px) {

      #openBtn {
          display: inline;
      }

      .border_caroussel_control {
          width: 35%;
      }

      .menu_font_size {
          font-size: 3em;
      }

      #sectionleft {
          display: none;
          width: calc(0%);
          max-width: calc(0%);
          min-width: calc(0%);
          border-right: 0px solid;
      }

      #sectionright {
          width: calc(95%);
          margin: 0 auto;
          padding: 0px;
          border-right: 0px blue solid;
          overflow-y: auto;
      }

      #subContain {
          display: flex;
          flex-direction: column-reverse;
          width: 95%;
          margin: 0 auto;
          padding: 0px;
      }

      #article_sub1 {
          width: calc(90%);
          padding: 10px;
          margin: 10px;
          background: white;
          border: 0px solid red;
      }

      #article_sub2 {
          width: calc(90%);
          margin: 10px;
          padding: 10px;
          background: white;
          border: 0px solid black;
          overflow: hidden;
      }
  }

  /* Extra large devices (large desktops, 768px and up)*/
  @media (min-width: 768px) {

      #openBtn {
          display: none;
      }

      .border_caroussel_control {
          width: 15%;
      }

      .main_height {
          min-height: calc(100% - 60px);
          max-height: calc(100% - 60px);
          height: calc(100% - 60px);
          border: 0px rgb(98, 198, 234) solid;
      }

      .menu_font_size {
          font-size: 2em;
      }

      #sectionleft {
          width: calc(20%);
          max-width: calc(20%);
          min-width: calc(20%);
          height: calc(98%);
          min-height: calc(98%);
          max-height: calc(98%);
          border-right: 2px solid grey;
      }

      #sectionright {
          width: calc(80%);
          max-width: calc(80%);
          min-width: calc(80%);
          height: calc(98%);
          min-height: calc(98%);
          max-height: calc(98%);
          border: 0px blue solid;
      }

      #subContain {
          display: flex;
          flex-direction: row;
          width: calc(100%);
          max-width: calc(100%);
          min-width: calc(100%);
          height: calc(100% - 30px);
          min-height: calc(100% - 30px);
          max-height: calc(100% - 30px);

      }

      #article_sub1 {
          width: calc(30%);
          min-width: calc(30%);
          max-width: calc(30%);
          margin-top: 10px;
          padding-top: 10px;
          margin-left: 10px;
          padding-left: 10px;
          height: 100%;
          object-fit: cover;
          background: white;
          border: 0px solid red;
          overflow-y: auto;
      }

      #article_sub2 {
          width: calc(65%);
          min-width: calc(65%);
          max-width: calc(65%);
          margin-top: 10px;
          padding-top: 10px;
          margin-left: 10px;
          padding-left: 10px;
          height: 100%;
          object-fit: cover;
          background: white;
          border: 0px solid black;
      }
  }