/* ==========================================================================
   Description: custom styles for tablets
   ========================================================================== */
@media (min-width: 768px) and (max-width: 991px) {
/*##############################
* NAV MENU
##############################*/
nav.main-nav > ul > li {
  margin: 0 2px;
}
nav.main-nav > ul > li > a {
  padding: 0px 5px;
}
/*###############
* GRAFFITI
###############*/
.graffiti-1 {
  /*position: relative !important;*/
  width: 486px;
  height: 364px;
  background: url('../img/graffiti-1-bg.png') center no-repeat;
  left: 0;
  top: 0;
  z-index: 1;
  margin-bottom: 100px;
}
.graffiti-2 {
  /*position: relative !important;*/
  width: 333px;
  height: 414px;
  background: url('../img/going-beyond.png') center no-repeat;
  left: 33%;
  top: 185px;
  z-index: 2;
}
/*###############
* FOOTER
###############*/

  /*LOGIN*/
  .login-section {
    width: 180px;
    padding: 25px 0px 15px 0;
  }
  .popover {
    max-width: 350px;
  }

}/* END of @media 768px to 979px*/