/* compiled by scssphp v0.1.7 on Wed, 21 Oct 2015 15:07:05 +0200 (0.0274s) */

/*Body Styles*/
/*.side-menu{
 @media #{$xs}{
 top: 15px;
 }
 @media #{$sm}{
 top: -65px;
 }
 }*/
@media screen and (max-width: 991px) {
  /*position: relative !important;*/
    .navbar-right {
      margin-right: 0; }
    .image-wrap {
      text-align: left; }
    .m-img img {
      width: 120px; }
    .wrap-side-menu {
      position: fixed;
      right: 15px;
      top: 25px;
      z-index: 999; }
      .wrap-side-menu .side-menu {
        line-height: 68px;
        display: inline-block;
        height: 24px;
        width: 35px;
        position: absolute;
        cursor: pointer;
        right: 0px;
        top: 10px;
        /*		img{
         cursor: pointer;
         }*/ }
        .wrap-side-menu .side-menu span, .wrap-side-menu .side-menu span:before, .wrap-side-menu .side-menu span:after {
          border-radius: 1px;
          height: 3px;
          width: 35px;
          background: #4d4d4d;
          position: absolute;
          display: block;
          content: '';
          top: 10px;
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
        .wrap-side-menu .side-menu span:before {
          top: -10px; }
    #navigation {
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      width: 0;
      position: fixed;
      top: 0;
      background: #ededed;
      right: 0;
      height: 100%;
      z-index: 999;
      padding: 0;
      overflow: hidden;
      overflow-y: auto;
      margin-top: 0 !important; }
      #navigation ul {
        padding: 100px 0 40px; }
        #navigation ul li {
          display: block;
          margin-right: 0 !important;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 !important; }
          #navigation ul li a {
            padding: 15px !important;
            display: block;
            width: 250px;
            color: white;
            font-weight: light;
            text-decoration: none; }
        #navigation ul li:first-child:hover, #navigation ul li:first-child:focus {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        #navigation ul li:hover, #navigation ul li:focus {
          background-color: #d2d2d2; }
    #nav-overlay {
      position: fixed;
      width: 100%;
      height: 100%;
      background: transparent;
      left: 0;
      top: 0; }
    #navigation.side-menu-nav {
      width: 250px; }
    body.to-right {
      margin-left: 250px;
      margin-right: -250px;
      overflow-x: hidden; }
      body.to-right .side-menu span {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
        body.to-right .side-menu span:before {
          -webkit-transform: translateY(0) rotate(90deg);
          -moz-transform: translateY(0) rotate(90deg);
          -ms-transform: translateY(0) rotate(90deg);
          -o-transform: translateY(0) rotate(90deg);
          transform: translateY(0) rotate(90deg);
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
          top: 0px; }
        body.to-right .side-menu span:after {
          display: none; }
    body.to-left {
      margin-left: -250px;
      margin-right: 250px;
      overflow-x: hidden; }
      body.to-left .side-menu span {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
        body.to-left .side-menu span:before {
          -webkit-transform: translateY(0) rotate(90deg);
          -moz-transform: translateY(0) rotate(90deg);
          -ms-transform: translateY(0) rotate(90deg);
          -o-transform: translateY(0) rotate(90deg);
          transform: translateY(0) rotate(90deg);
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
          top: 0px; }
        body.to-left .side-menu span:after {
          display: none; }
    body {
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; } }