@media screen and (max-width: 55em)
{    
    #ToolbarPanel { display:none; }
    #ToolbarPanel .handle { display:none; }
    #HeaderPanel { width:100%;  }
    #HeaderPanel .container { width: 100%; min-width:100%; }
    .TopPanel { width:100%; padding:0; }
    .TopPanel > .container { width: 100%;  min-width: 100%; }
    .TopPanel > .container > .left { float:right; }
    .TopPanel > .container > .right { float:right; padding-left:0px; padding-top:10px; }

    .MainPanel { width:100%; padding:0; min-width:100%; }
    #MainMenu .container { display:none; }
    #LeftMenu { display:none; }
    #RightMenu { display:none; }
    #CenterMenu { width:95%; }
    #BottomMenu > .container .item {  width: 100%; }
    #ContentPanel { width:100% !important; }
    .BottomPanel .container { width:100%; min-width:100%;} 
    .TopBackground { min-width:100px; }   
    .MessagePanel { display:none; }
    #PosterPanel { display:none; }    
    #ImageScroller { display:none; }
    #FooterPanel > .section { width:100% !important; text-align:center !important; }
    #FooterPanel .container { width:100%; }
    .desktop {
        display: none;
    }    
   .SearchPanel { }
   #PanelForm .watermark { color:#999; }
   #PanelForm .PanelForm-Title { display:none; }
   
   .DockMenu { display:none; }
   
   [class*="w-"] { width: 100%; } 
   [class*="col-"] { width: 100%; }   
}