/* Portrait and Landscape */
@media 
  (max-device-width: 960px) 
  and (min-device-width: 360px) {
     .defaultwidth {width:100%;}
    .page-title {width:100%; padding:0; left:0; position:inherit; padding:10px; box-sizing:border-box;}
    #main-menu {width:auto; float:none; /*display:none;*/ display:block; clear:both;width:100%; background:#000; height:0;}
        #main-menu.collapse.in {z-index:999;}
        #main-menu li.sub-menu  {float:none; display:block;border-bottom:1px solid rgba(255,255,255,0.6);}
          
        #main-menu.collapse.in li.sub-menu ul.sub {width:100%; background:#444;position:inherit; }
            #main-menu.collapse.in li.sub-menu ul.sub li a {line-height:40px; font-size:14px;}
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {margin-left:0; margin-right:0;}
    #main-content {margin-top:0;}
    .maincontent {margin-top:0px;}
    .navbar-fixed-top {margin-bottom:10px;}
    .fixed-top #container {margin-top:0;}
    #footer {width:auto;}
    .top-nav  {float: right;top: 6px;position: fixed;right: 61px;}

    #main_menu_trigger {position: fixed;float: right;top: 9px;right: 5px;}

    #login-panel {width:50%;}

}