@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 {
        width: 95%;
        margin: auto;
    }
    /*#MainMenu .container { display:none; }*/

    #MainMenu { width:100%; }
    #MainMenu .ddsmoothmenu ul li { width:33%; }
    #MainMenu .ddsmoothmenu ul li img{ width:100%; height:auto; }
    #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; }

    /*.BoxPanel-Title { width:100%; }*/
    [class*="w-"] { width: 100%; }
    [class*="col-"] {
        width: 100%;
    }

    img.contact_icon {
        width: 100px;
        height: 100px;
        margin-top: 30px;
    }

    #PanelForm.profile > .container {
        width: 90%;
        margin: auto;
    }
}