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

  .small_button, .small_button:hover 
  {
    font-size: 1.6vw;
    width: 10vw;
    height: 3vw;
  }

  .fram_bigdata  /*(parent flex)*/
  {
    width: 18vw;
    height: 3vw;
  }

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

  /* ---------- YELLOW BUTTON --------- */
  .yellow_button_left
  {
   width:10.8vw;
   height:2.8vw;
   margin-top: 1.2vw;
  }
  
  .yellow_button_right
  {
   width:10.8vw;
   height:2.8vw;
   margin-top: 1.2vw;
  }
  
  .yellow_button_bgpic
  {
   height:2.8vw;	
  }

  /* ---------- BLUE BUTTON --------- */
  .blue_button_left
  {
   width:10.8vw;
   height:2.8vw;
   margin-right: 19vw;
  }
  
  .blue_button_right
  {
   width:10.8vw;
   height:2.8vw;
   margin-left: 19vw;
  }
  
  .blue_calendar_center
  {
   width:4.8vw;
   height:2.8vw;
  }
  
  .blue_calendar_centr2
  {
   width: 5vw;
   height:2.8vw;
  }

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

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

  .canvas_pack
  {
    height: auto;
    width: 100%;
  }

  .menubar
  {
    height: auto;
  }

  .td0900
  {
  	display:none;
  }
  
  /*-----------------------------------------------------------------------------*/
  /*UNIVERSAL FRAME FLEX*/
     
  /* Container 3.33% universal (No item ordering)*/
  .fram_univer_item33
  {
    height: auto;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
  }

  /* Container 25% universal (No item ordering)*/
  .fram_univer_item25
  {
   height: auto;
   width: 70%;
   float: left;
   margin-left: 15%;
   margin-right: 15%;
  }

  /* Container 70% universal (No item ordering)*/
  .fram_univer_item70 /*(item flex)*/
  {
    height: auto;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    flex-wrap: wrap;
  }
   
  /* Container 30% universal (No item ordering)*/
  .fram_univer_item30 /*(item flex)*/
  {
    height: auto;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }

  /* Container 50% universal (No item ordering)*/
  .fram_univer_item50 /*(item flex)*/
  {
    height: auto;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
  /*-----------------------------------------------------------------------------*/
  
  
  
  /*-----------------------------------------------------------------------------*/
  /*FRAM33 (GRID 3columns, 2rows, 6 items ordered) */
  .fram33 /* (parent grid) */
  {
    margin-left: 15%;
    margin-right: 15%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 70%);
  }
  
  .fram33_item1 /* (item1 of grid fram3) */
  {
    grid-row: 1;
    grid-column: 1;
    margin-bottom: 2%;
  }

  .fram33_item2 /* (item2 of grid fram3) */
  {
    grid-row: 3;
    grid-column: 1;
    margin-bottom: 2%;
  }
  
  .fram33_item3 /* (item3 of grid fram3) */
  {
    grid-row: 5;
    grid-column: 1;
    margin-bottom: 2%;
  }

  .fram33_item4 /* (item4 of grid fram3) */
  {
    grid-row: 2;
    grid-column: 1;
    margin-bottom: 10%;
  }
  
  .fram33_item5 /* (item5 of grid fram3) */
  {
    grid-row: 4;
    grid-column: 1;
    margin-bottom: 10%;
  }

  .fram33_item6 /* (item6 of grid fram3) */
  {
    grid-row: 6;
    grid-column: 1;
    margin-bottom: 10%;
  }
  /*-----------------------------------------------------------------------------*/



  /*-----------------------------------------------------------------------------*/
  /*inquires (GRID 3columns, 3rows, 8 items ordered) */

  .inquires_container
  {
    margin-left: 15%;
    margin-right: 15%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 75%);
  }
  
  .inquires_item1
  {
    grid-row: 1;
    grid-column: 1;
  }
    
  .inquires_item2
  {  
    grid-row: 3;
    grid-column: 1;
  }
    
  .inquires_item3
  {
    grid-row: 5;
    grid-column: 1;
  }
    
  .inquires_item4
  {
    grid-row: 2;
    grid-column: 1;
  }

  .inquires_item5
  {
    grid-row: 6;
    grid-column: 1;
  }
    
  .inquires_item6
  {
    grid-row: 4;
    grid-column: 1;
  }
   
  .inquires_item7
  {
    grid-row: 7;
    grid-column: 1;
  }
    
  .inquires_item8
  {
    grid-row: 8;
    grid-column: 1;
  }
  /*-----------------------------------------------------------------------------*/

.page_cont
{
  gap: 1.8%;
}

} /* END */