@media only screen and (max-width : 600px)
{
  .menu_button, .menu_button:hover
  {
    width: 20vw;
    height: 5vw;
    font-size: 2.5vw;
  }

  .small_button, .small_button:hover 
  {
    font-size: 2vw;
    width: 14vw;
    height: 4vw;
  }

  .fram_bigdata  /*(parent flex)*/
  {
    width: 17.5vw;
    height: 4vw;
  }

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

  /* ---------- YELLOW BUTTON --------- */
  .yellow_button_left
  {
   width:11.5vw;
   height:3vw;
   margin-top: 2.2vw;
  }
  
  .yellow_button_right
  {
   width:11.5vw;
   height:3vw;
   margin-top: 2.2vw;
  }
  
  .yellow_button_bgpic
  {
   height:3vw;	
  }

  /* ---------- BLUE BUTTON --------- */
  .blue_button_left
  {
   width:11.5vw;
   height:3vw;
   margin-right: 18vw;
  }
  
  .blue_button_right
  {
   width:11.5vw;
   height:3vw;
   margin-left: 18vw;
  }
  
  .blue_calendar_center
  {
   width:5vw;
   height:3vw;
  }
  
  .blue_calendar_centr2
  {
   width: 5.4vw;
   height: 3vw;
  }

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

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

  .td0600
  {
  	display: none;
  }

.page_cont
{
  gap: 2.2%;
}

}