@media (min-width: 768px) {
  .b-xpushmenu-toggler{
    display:none;
  }
  .b-xpushmenu__header{
    display:none;
  }

  /* menu toggler */
  .b_nav_mobile .b-xpushmenu-toggler{
    display: block;
    padding: 6px 15px;
    font-size: 24px;
    opacity: .5;  
    transition: .3s;
    color: white;
  }
  .b_nav_mobile .b-xpushmenu-toggler.menu-right{
    float: right;
  }
  .b_nav_mobile .b-xpushmenu-toggler.menu-left{
    float: left;
  }
  .b_nav_mobile .b-xpushmenu-toggler:hover{
    opacity: 1;  
    background: rgba(255,255,255,.1);
    color: white;
  }

  /* body classes */
  .b_nav_mobile .b-xpushmenu-push {
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    -o-transition: right 0.3s ease;
    -ms-transition: right 0.3s ease;
    transition: right 0.3s ease;

    overflow-x: hidden;
    position: relative;
    left: 0;      
  }
  .b_nav_mobile .b-xpushmenu_status_opened {
    overflow: hidden; 
  }

  .b_nav_mobile .b-xpushmenu-open {
    box-shadow: 0 0 8px #000;
  }

  /* General styles for all menus */
  .b_nav_mobile .b-xpushmenu {
    background: #373f4c;

    width: 280px;
    height: 100%;
    top: 0;
    z-index: 1000;

    position: fixed;
    padding:0;
    margin:0 !important;
    overflow: auto;
    display:block;

    /* Transitions */
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    -o-transition: right 0.3s ease;
    -ms-transition: right 0.3s ease;
    transition: right 0.3s ease;
  }

  /* header */
  .b_nav_mobile .b-xpushmenu__header{
    display: block;
    background: rgba(0,0,0,.5);
    padding-right: 50px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    height: 53px;
    line-height: 53px;
    padding-left: 15px;
    opacity: .5; 
  }
  .b_nav_mobile .b-xpushmenu__header:hover{
    opacity: .6; 
  }
  .b_nav_mobile .b-xpushmenu__header-logo{
    overflow: hidden; 
    max-height: 40px; 
    margin-top: 6px;    
  }
  .b_nav_mobile .b-xpushmenu__header-logo-image{
    height: 40px;
    display: block;
  }

  .b_nav_mobile .b-xpushmenu__header a{
    color: white !important;
    display: inline-block !important;
  }
  .b_nav_mobile .b-xpushmenu__header-icons{
    color: white;
    float: right;
    margin-right: -50px;
    height: 52px;
    width: 47px;
    font-size: 21px;
    /*border-left: 1px solid #3c414a;*/
  }
  .b_nav_mobile .b-xpushmenu__header-icons .b-ico{
    font-size: 25px;
    margin-top: 13px;
    margin-left: 14px;
    cursor: pointer;
  }


  /* Vertical menu that slides from the left or right */
  .b_nav_mobile .b-xpushmenu-left {
    left: -280px;
  }
  .b_nav_mobile .b-xpushmenu-left.b-xpushmenu-open {
    border-top: 0;
    left: 0px;
  }

  .b_nav_mobile .b-xpushmenu-right {
    right: -280px;
  }
  .b_nav_mobile .b-xpushmenu-right.b-xpushmenu-open {
    border-top: 0;
    right: 0px;
  }

  /* темный фон */
  .b_nav_mobile .b-xpushmenu-wrapper-layer{
    background-color:rgba(0,0,0,0.6);
    overflow: auto;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    zoom: 1;
    box-sizing: content-box;
    display: none;    
  }
}

@media (max-width: 767px) {

  /* menu toggler */
  .b-xpushmenu-toggler{
    display: block;
    padding: 6px 15px;
    font-size: 24px;
    opacity: .5;  
    transition: .3s;
    color: white;
  }
  .b-xpushmenu-toggler.menu-right{
    float: right;
  }
  .b-xpushmenu-toggler.menu-left{
    float: left;
  }
  .b-xpushmenu-toggler:hover{
    opacity: 1;  
    background: rgba(255,255,255,.1);
    color: white;
  }

  /* body classes */
  .b-xpushmenu-push {
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    -o-transition: right 0.3s ease;
    -ms-transition: right 0.3s ease;
    transition: right 0.3s ease;

    overflow-x: hidden;
    position: relative;
    left: 0;      
  }
  .b-xpushmenu_status_opened {
    overflow: hidden; 
  }

  .b-xpushmenu-open {
    box-shadow: 0 0 8px #000;
  }

  /* General styles for all menus */
  .b-xpushmenu {
    background: #373f4c;

    width: 280px;
    height: 100%;
    top: 0;
    z-index: 1000;

    position: fixed;
    padding:0;
    margin:0 !important;
    overflow: auto;
    display:block;

    /* Transitions */
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    -o-transition: right 0.3s ease;
    -ms-transition: right 0.3s ease;
    transition: right 0.3s ease;
  }

  /* header */
  .b-xpushmenu__header{
    display: block;
    background: rgba(0,0,0,.5);
    padding-right: 50px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    height: 53px;
    line-height: 53px;
    padding-left: 15px;
    opacity: .5; 
  }
  .b-xpushmenu__header:hover{
    opacity: .6; 
  }
  .b-xpushmenu__header-logo{
    overflow: hidden; 
    max-height: 40px; 
    margin-top: 6px;    
  }
  .b-xpushmenu__header-logo-image{
    height: 40px;
    display: block;
  }

  .b-xpushmenu__header a{
    color: white !important;
    display: inline-block !important;
  }
  .b-xpushmenu__header-icons{
    color: white;
    float: right;
    margin-right: -50px;
    height: 52px;
    width: 47px;
    font-size: 21px;
    /*border-left: 1px solid #3c414a;*/
  }
  .b-xpushmenu__header-icons .b-ico{
    font-size: 25px;
    margin-top: 13px;
    margin-left: 14px;
    cursor: pointer;
  }


  /* Vertical menu that slides from the left or right */
  .b-xpushmenu-left {
    left: -280px;
  }
  .b-xpushmenu-left.b-xpushmenu-open {
    border-top: 0;
    left: 0px;
  }

  .b-xpushmenu-right {
    right: -280px;
  }
  .b-xpushmenu-right.b-xpushmenu-open {
    border-top: 0;
    right: 0px;
  }

  /* темный фон */
  .b-xpushmenu-wrapper-layer{
    background-color:rgba(0,0,0,0.6);
    overflow: auto;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    zoom: 1;
    box-sizing: content-box;
    display: none;    
  }
}