.show-mobile {
      display: none;
    }

    @media screen and (max-width: 768px) {
      /* General Overwrites */
      .container {
        width: 100% !important;
        min-width: 280px !important;
        max-width: 767px !important;
      }

      .show-mobile,
      .show {
        display: block !important;
      }

      .hide-mobile {
        display: none !important;
      }

      .push-right {
        position: relative !important;
        left: 280px !important;
      }

      #bg-one,
      #mobile-header-wrapper {
        transition-property: left;
        transition-duration: 0.5s;
      }

      #main-nav,
      .hide-mobile,
      #nav-mobile-home {
        display: none !important;
      }

      #mobile-header .nav .selectedNav {
        background-color: #faac17 !important;
      }



      /* HEADER */
      #mobile-header-wrapper,
      #mobile-header .btn-navbar {
        display: block !important;
      } 

      #mobile-header-wrapper {
        background: #3c3c3c;
        padding: 5px;
      }

      #activitycloud #mobile-header-wrapper {
        background: #fff;
        overflow: auto;
        padding-right: 0;
      }


      #mobile-header {
        min-width: 280px;
      }

      #mobile-header .btn-navbar {
        color: #fff !important;
        background-color: transparent !important;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 6px;
      }

      #activitycloud #mobile-header .btn-navbar {
        color: #999 !important;
      }

      #mobile-header .contact-mobile a, #mobile-header .contact-mobile a span {
        color: #f2bc53 !important;
      }

      #activitycloud #mobile-header .contact-mobile a, #activitycloud #mobile-header .contact-mobile a span {
        color: #fff !important;
      }


      .btn-navbar {
        font-size: 30px;
      }

      #mobile-header .logo,
      #mobile-header .contact-mobile,
      #mobile-header .nav {
        float: left;
      }

      #mobile-header .logo {
        width: 68%;
        margin: 0 auto;
      }

      #mobile-header .contact-mobile {
        padding: 7px 10px;
        margin: 6px 5px 0px;
        font-size: 30px;
      }

      #activitycloud #mobile-header .contact-mobile {
        padding: 15px;
        margin: 0 -15px 0 0;
        background: #ff5e4e;
        float: right;
      }

      /* #LOGO
       Active Network Logo 
      */
      #mobile-header-wrapper .logo a {
        background-repeat: no-repeat;
        width: 245px;
        height: 44px;
        display: inline-block;
        text-indent: -9999px;
        background-size: 100%;
        top: -2px;
        position: relative;
      }


      #activenetwork #mobile-header-wrapper .logo a {
        background-image: url("http://activenetwork.com/Assets/Global/images/activenetwork-logo.png");
        width: 100px;
        top: 0;
      }

      #activeendurance #mobile-header-wrapper .logo a {
        background-image: url("http://activeendurance.com/asset839.aspx"); 
      }

      #activecamps #mobile-header-wrapper .logo a {
        background-image: url("http://activecamps.com/asset612.aspx");
      }

      #activesports #mobile-header-wrapper .logo a {
        background-image: url("http://www.activesports.com/asset2300.aspx");
      }

      #activefaith #mobile-header-wrapper .logo a {
        background-image: url("http://www.fellowshipone.com/asset3814.aspx");
      }

      #activitycloud #mobile-header-wrapper .logo a {
        background-image: url("http://activitycloud.com/asset4391.aspx");
      }



      .navbar-fixed-top {
        left: 0 !important;
        right: 100% !important;
        height: 100vh !important;
      }

      .visibleNav {
        left: 0 !important;
      }
      header.site-header {
        min-width: 280px !important;
        width: 280px;
        height: 100vh;
        position: fixed;
        left: -320px;
        top: 0;
        transition-property: left;
        transition-duration: 0.4s;
        z-index: 99;
        overflow-y: scroll;
      }

      header .navbar-inner {
        background: #fff;
        background-image:
          linear-gradient(
           to right, 
            #fff,
            #fff 15%,
            #fff 15%,
            #fff 85%,
            #e2e2e2
         );
      }

      .site-header .an-logo {
        display: none;
      }

      .site-header .navbar ul.span12 {
        width: 100% !important;
      }

      .site-header .navbar .nav > li {
        float: none;
        padding: 0 !important;
      }

      .site-header .navbar .nav > li > a {
        padding: 15px !important;
      }

      .site-header .navbar-inner {
        height: 100%;
        min-height: 100vh;
      }


      /* Header main section */
      .site-header .profile-links {
        padding-top:25px;
        padding-left: 15px;
      }
      .profile-menu {
        float: left;
      }
      .header-main {
        height: 55px;
      }

      /* MObile navigation */
      #mobile-navigation ul {
        padding-bottom: 50px;
      }
      #mobile-navigation a{
        color: #212221;
        font-size: 15px;
        text-transform: uppercase;
        padding-left: 15px;
      }
      #mobile-navigation a:hover,
      #mobile-navigation li.active-mobile a {
        background: transparent;
        color: #fbad18;
      }

      #mobile-navigation a i {
        float: right;
        padding-right: 20px;
      }

      #mobile-navigation .hoverIcon {
        display: none;
      }

      #mobile-navigation a:hover .hoverIcon,
      #mobile-navigation li.active-mobile .hoverIcon {
        display: inline-block;
      }

      #mobile-navigation a:hover .normIcon,
      #mobile-navigation li.active-mobile .normIcon {
        display: none;
      }

      #mobile-navigation li {
        border-bottom: 1px solid #999;
        padding: 10px 0;
      }

      #mobile-navigation li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
      }


      #mobile-navigation ul li a,
      #mobile-navigation ul li,
      #mobile-navigation li.active-mobile ul a,
      #mobile-navigation li.active-mobile ul li {
        color: #999999;
        font-size: 13px;
        text-transform: capitalize !important;
      }


      #mobile-navigation ul li {
        margin: 0;
      }

      #mobile-navigation ul {
        display: none;
      }

      /* Countries dropdown */
      .header-main ul.dropdown-menu {
        left: 0;
        width: 280px;
      }


      


      /* Page specific styles */
      

      


    }

    @media screen and (max-width: 450px) {
      #mobile-header-wrapper .logo a  {
        top: 0;
      }
      #activeendurance #mobile-header-wrapper .logo a,
      #activecamps #mobile-header-wrapper .logo a,
      #activesports #mobile-header-wrapper .logo a,
      #activefaith #mobile-header-wrapper .logo a,
      #activitycloud #mobile-header-wrapper .logo a{
        width: 180px;
      }
    }

    @media screen and (max-width: 410px) {
      #mobile-header .logo {
        width: 65% !important;
      }
      
    }



    @media screen and (max-width: 350px) {
      #mobile-header .logo {
        width: 60% !important;
      }

      #activeendurance #mobile-header-wrapper .logo a,
      #activecamps #mobile-header-wrapper .logo a,
      #activesports #mobile-header-wrapper .logo a,
      #activefaith #mobile-header-wrapper .logo a,
      #activitycloud #mobile-header-wrapper .logo a{
        width: 150px;
      }
    }