@media (max-width: 1300px)
{
  .table-1 {font-size: 12px; font-weight: 300;}
  .table-1 TR TD {padding: 1px 3px;}
}


@media (max-width: 800px)
{
  #mainTopFrame {position: relative; height: auto; background-size: auto 100%;}
  #mainTopFrame .controls {width: 100%; height: auto; margin: 0; padding: 10px 0; border: 0;}
  #mainTopFrame .controls I {border: 0;}
  
  #mainLeftFrame {width: 100%; margin: 0;}
  #mainLeftFrame .borderCont {width: 100%;}
  
  .avatarFrame {text-align: center;}
  .avatarFrame IMG {width: auto; max-width: 100%; float: none;}  
  
  #mainRightFrame {width: 100%; margin: 0;}
  
  #mainContentFrame {margin: 0; padding: 20px 5px;}
  
  #reservationsFrame .rooms {width: 70px;}
  #reservationsFrame .head {padding: 5px 0 0 0; font-size: 10px;}
  #reservationsFrame .head .roomName {font-size: 9px;}
  
  #reservationsFrame .daysFrame {margin: 0 0 0 70px;}
  
  #reservationsFrame .event {font-size: 10px;}
}


@media (max-width: 800px)
{
  .dialog-width-xl {width: 100% !important;}
  
  .form3Columns {width: 100%; padding-right: 0;}
  
  #formGuests .line .name {width: calc(100% - 35px); margin: 0;}
  #formGuests .line .guesttype {width: calc(100% - 35px); float: right; margin: 0;}
  #formGuests .line .foodtype {width: calc(100% - 35px); float: right; margin: 0;}
}