@media screen and (max-width: 55em)
{    
    #ToolbarPanel { display:none; }
    #ToolbarPanel .handle { display:none; }
    #HeaderPanel { width:100%; }
    #HeaderPanel > .container { width:100%; }
    
    .MainPanel { width:100%; padding:0; }
    .MainPanel .BannerPanel{ width:100%; margin-top:15%}
    .MainPanel .CenterPanel{ width:100%;padding-left:0px;}
    .MainPanel #ContentPanel{ width:100%;margin-top:10%;}
    #MainMenu .container { display:none; }
    #LeftMenu { display:none; }
    #RightMenu { display:none; }
    #ContentPanel { width:100% !important; }
    .BottomPanel .container { width:100%; } 
    .BottomPanel .BottomMenuContainer > .container { width:100%; }
    #BottomMenu > .container .item { width:100%; }
    .TopBackground { min-width:100px; }   
    .MessagePanel { display:none; }
    #PosterPanel { display:none; }    
    #ImageScroller { display:none; }
    #FooterPanel > .section { width:100% !important; text-align:center !important; } 
    .desktop { display:none; }    
   .SearchPanel { display:none; }
   #PanelForm .watermark { color:#999; }
   #PanelForm .PanelForm-Title { display:none; }
   
   .DockMenu { display:none; }
   .SeparatorPanel { display:none; }
   #MainMenu { border-radius:5px; width:100%;height:auto; }
   
   #ContentPanel #PanelGallery .GalleryBox-Icon,
   #ContentPanel.right #PanelGallery .GalleryBox-Icon, #ContentPanel.left #PanelGallery .GalleryBox-Icon,
   #ContentPanel.left.right #PanelGallery .GalleryBox-Icon { width:50%; }
   
   [class*="w-"] { width: 100%; } 
   [class*="col-"] { width: 100%; }   
}