@media only screen and (max-width : 1200px)
{
  .menu_button, .menu_button:hover
  {
    width: 14vw;
    height: 2vw;
    font-size: 1.5vw; 
  }

  .small_button, .small_button:hover 
  {
    font-size: 1.4vw;
    width: 8vw;
    height: 2vw;
  }

  .fram_bigdata  /*(parent flex)*/
  {
    width: 14vw;
    height: 2.5vw;
  }

  .fram_bigdata_item  /*(item of bigdata frame)*/
  {
    font-size: 1.2vw;
    height: 2.5vw;
  }
  
  .fram_bigdata_icon  /*(item of bigdata frame)*/
  {
    height:2vh; 
    min-height: 15px;
  }

  /* ---------- YELLOW BUTTON --------- */
  .yellow_button_left
  {
   width:9.4vw;
   height:2.4vw;
   margin-top: 1.4vw;
  }
  
  .yellow_button_right
  {
   width:9.4vw;
   height:2.4vw;
   margin-top: 1.4vw;
  }
  
  .yellow_button_bgpic
  {
   height:2.4vw;	
  }

  /* ---------- BLUE BUTTON --------- */
  .blue_button_left
  {
   width:9.4vw;
   height:2.4vw;
   margin-right: 20vw;
  }
  
  .blue_button_right
  {
   width:9.4vw;
   height:2.4vw;
   margin-left: 20vw;
  }
  
  .blue_calendar_center
  {
   width:4vw;
   height:2.4vw;
  }
  
  .blue_calendar_centr2
  {
   width:4.4vw;
   height:2.4vw;
  }

  .blue_button_bgpic
  {
   height:2.4vw;	
  }
  /* --------------------------------- */

  .bpoint
  {
    width:10px;
	height:10px;
	border-radius:5px;
	border:1px solid silver;
	background-color:red;
  }

  .td3
  {
    display: table-cell;
    padding: 0.1%;
    border: 1px solid white;
    text-align: center;
    font-size: clamp(9px, 0.7vw, 20px);
    word-break:break-all;
  }

  .td1200
  {
  	display: none;
  }

/*-----------------------------------------------------------------------------*/
/*UNIVERSAL FRAME FLEX NOWRAP - WRAPIT*/
.fram_univer2 /*(parent flex)*/
{
  flex-wrap: wrap;
}
/*-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------*/
/*UNIVERSAL FRAME FLEX*/

  /* Container 4 universal (No item ordering)*/
  .fram_univer_item25
  {
    height: auto;
    width: 50%;
  }
/*-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------*/
  /*FRAM25 (GRID 4columns, 2rows, 8 items ordered) */
  .fram25 /* (parent grid) */
  {
    margin-left: 20%;
    margin-right: 20%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 60%);
  }
  
  .fram25_item1 /* (item1 of grid fram25) */
  {
    grid-row: 1;
    grid-column: 1;
    margin-bottom: 2%;
  }

  .fram25_item2 /* (item2 of grid fram25) */
  {
    grid-row: 3;
    grid-column: 1;
    margin-bottom: 2%;
  }
  
  .fram25_item3 /* (item3 of grid fram25) */
  {
    grid-row: 5;
    grid-column: 1;
    margin-bottom: 2%;
  }

  .fram25_item4 /* (item4 of grid fram25) */
  {
    grid-row: 7;
    grid-column: 1;
    margin-bottom: 10%;
  }
  
  .fram25_item5 /* (item5 of grid fram25) */
  {
    grid-row: 2;
    grid-column: 1;
    margin-bottom: 10%;
  }

  .fram25_item6 /* (item6 of grid fram25) */
  {
    grid-row: 4;
    grid-column: 1;
    margin-bottom: 10%;
  }

  .fram25_item7 /* (item7 of grid fram25) */
  {
    grid-row: 6;
    grid-column: 1;
    margin-bottom: 10%;
  }

  .fram25_item8 /* (item8 of grid fram25) */
  {
    grid-row: 8;
    grid-column: 1;
    margin-bottom: 10%;
  }
  /*-----------------------------------------------------------------------------*/

.page_cont
{
  gap: 1.2%;
}

} /* END */