
@media (max-width: 989px) {


  img { max-width: 100%; height: auto; }
  table[width="990"] { width: 100% !important; }

  .main-layout,
  .main-layout > tbody {
    display: block;
    width: 100% !important;
  }
  .main-layout > tbody > tr {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    width: 100% !important;
  }

  .col-left,
  .col-main,
  .col-right {
    display: block !important;
    width: 100% !important;
    float: none !important;
    min-width: 0;
  }
 
  .col-main {order: 1 ;}
  .col-left {order: 2 ;}
  .col-right {order: 3 ;}

.col-left { display:none !important;}
 /* 
  .col-right { width:100% !important; flex: 0 0 100% !important;}
*/

  .col-right { 
     background:none !important; 
  }
  .col-right [background*="bg_r.gif"] { 
     background-size: 100% 100% !important; 
  }


  .col-left  table,
  .col-main  table,
  .col-right table { width: 100% !important; }

  .col-left  table,
  .col-main  table,
  .col-right table { max-width: 100%;}

  .col-right img[width="80"] {
     width: 120px  !important; 
     height:120px  !important; 
  }

}


