/*** Bootstrap MD Only ***/
@media screen and (max-width:767px)
{
   .navbar-collapse {
      background-color: #ddd;
   }

   #mainNav
   {
      position: absolute;
      top:0;
      left:0;
      right:0;
   }

   header#logo h1,
   #adminLink
   {
      display: none;
   }

   body
   {
      margin-top: 55px;
   }

   .propRemarks,
   .yrBlt {
      display: none;
   }
}

@media screen and (min-width: 768px)
{

   body {
      padding-top: 50px;
   }

   .navbar-brand
   {
      display: none;
   }

   .resourceImg
   {
      float: left;
      max-width: 150px;
   }

   .resourceDetails
   {
      margin-left: 200px;
   }

   article {
      margin-top: 3em;
   }

   #mainNav nav {
      margin-top: 1.5em;
   }

   header#logo h1 a,
   .navbar-brand
   {
      height: 91px;
   }

   .front .links {
      display: -webkit-flex;
      display: flex;

      -webkit-flex-direction: row
      flex-direction: row;

      -webkit-align-items: center;
      align-items: center;

      -webkit-justify-content: center;
      justify-content: center;
   }

   .frontSlider {
     display: block;
     height: 100px;
     width: 100%;
     margin: 0 auto;
     position: relative;
     white-space: nowrap;
     overflow: hidden;
     transform: translate3d(0, 0, 0);
   }

   .frontSlider .slideWrapper > div {
      display: inline-block;
      background-position: 50% 50%;
      background-size: cover;
   }
}

@media screen and (min-width: 1024px)
{
   #mainNav .navbar-nav > li a {
      padding: 0 1em 0.5em 1em;
   }
   #mainNav .navbar-nav>li a.has-submenu:hover {
      border-color: transparent;
   }

   #mainNav .navbar-nav>li.dropdown:hover > ul {
     display: block;
   }

   #mainNav .navbar-nav>li.dropdown ul a {
     line-height: 1.1;
     display: block;
   }
}