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

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

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

  .fram_bigdata_item  /*(item of bigdata frame)*/
  {
    font-size: 1.3vw;
    height: 2vw;
  }
  
  .fram_bigdata_icon  /*(item of bigdata frame)*/
  {
    height:3.8vh; 
  }

  /* ---------- YELLOW BUTTON --------- */
  .yellow_button_left
  {
   width:9vw;
   height:2.2vw;
  }
  
  .yellow_button_right
  {
   width:9vw;
   height:2.2vw;
  }
  
  .yellow_button_bgpic
  {
   height:2.2vw;	
  }

  /* ---------- BLUE BUTTON --------- */
  .blue_button_left
  {
   width:9vw;
   height:2.2vw;
   margin-right: 21vw;
  }
  
  .blue_button_right
  {
   width:9vw;
   height:2.2vw;
   margin-left: 21vw;
  }
  
  .blue_calendar_center
  {
   width:3.8vw;
   height:2.2vw;
  }
  
  .blue_calendar_centr2
  {
   width:4.2vw;
   height:2.2vw;
  }

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

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

  .td1500
  {
  	display: none;
  }

.page_cont
{
  gap: 1%;
}

}