@media (max-width: 767px) {
 
 html {
 position: relative;
 }
 body {
 margin: 20px;
 padding: 0;
 position: relative;
 z-index: 0;
 font-size: 16px;
 line-height: 18px;
 }
 
 a#overlay{
 display: none;
 width: 100%;
 height: 100%;
 background-color: #000000;
 position: fixed;
 top: 0px;
 z-index: 100;
 vertical-align: middle;
 opacity: 0.3;
 filter: alpha(opacity=30);
 -moz-opacity: 0.3;
 left: 0;
 }
 #top {
 width: 100%;
 margin: 0px 0px 0px 0px;
 border: none;
 position: relative;
 }
 #leftTop {
 float:none;
 text-align: center;
 }
 #intranet_logo_top {
 width:  150px;
 border: none;
 margin: 15px auto 15px auto;
 }
 #topNav {
 margin: 20px 0px 0px 10px;
 color:#d0d0c9;
 }
 #rightTop {
 float:none;
 text-align: center;
 }
 #brobergmedia_logo_top {
 width: 90%;
 max-width: 330px;
 min-width: 200px;
 border: none;
 margin: 0px 0px 0px 0px;
 opacity: 0.4;
 filter: alpha(opacity=40);
 -moz-opacity: 0.4;
 }
 #brobergmedia_logo_top:hover {
 opacity: 0.8;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
 } 
 #main {
 padding: 0;
 position: relative;
 }
 #content {
 padding: 20px 20px 10px 20px;
 }
 #main #loginbox {
 width: 280px;
 margin: 40px auto 0 auto;
 padding: 0 0 50px 0;
 text-align: left;
 display: block;
 }
 #main #menu {
 position: absolute;
 display: block;
 z-index: 250;
 top: 50px;
 right: 0;
 width: 100%;
 text-align: right;
 }
 #main #menu .icon {
 font-size: 24px;
 color: #909080;
 padding-right: 7px;
 }
 #main #menu .icon::before {
 content: "\f0c9";
 }
 #main #menu .text {
 font-size: 14px;
 text-transform: uppercase;
 }
 #main #menu_bg {
 width: 100%;
 display: none;
 position: absolute;
 top: 77px;
 left: 0;
 z-index: 200;
 display: none;
 /* width: 100px; */
 border: solid 1px #c7c7bf;
 background-color: #f4f4f2;
 border-radius: 10px;
 }
 #topNav ul {
 padding: 10px 20px 9px 20px;
 -webkit-margin-after: 0;
 }
 #topNav ul li {
 float: inherit;
 border: none;
 width: 100%;
 padding: 10px 0 10px 0;
 border-bottom: solid 1px #d5d5cf;
 }
 #topNav ul li:last-child {
 border: none;
 }
 #main a.topNav {
 text-transform: none;
 font-size: 20px;
 line-height: 22px;
 display: block;
 }
 #main #loginbox,
 #main #loginbox #loginHeader,
 #main #loginbox input {
 width: 100%;
 max-width: 300px
 } 
 
}