@media (max-width: 980px) {
    .pushy .pushi_icon_menu__caret {
        z-index: 11234;
        width: 45px;
        position: absolute;
        margin-right: 0 !important;
        top: 0;
        right: 0;
        display: none;
        vertical-align: top;
        font-style: normal;
        line-height: 40px;
        font-weight: 400;
        text-decoration: inherit;
        text-align: center;
        speak: none;
        min-height: 40px;
        height: 100%;
        float: right;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .i_menu{
        width: 30px;
        height: 20px;
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
    }
    .i_menu__line{
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 30px;
        height: 4px;
        background-color: #fff; 
    }
    .i_menu__line:before,
    .i_menu__line:after{
        content: '';
        width: 30px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        left: 0;
    }

    .i_menu__line:before{
        top: 16px;
    }

    .i_menu__line:after{
        top: 8px;
    }

    .menu_mobile {
        margin-right: .5rem;
        width: 30px;
        height: 21px;
    }
}
@media (max-width: 980px) {
    .pushy .pushi_icon_menu__caret {
        display: inline-block;
    }
}
@media (max-width: 980px) {
    .pushy .pushi_icon_menu__caret:hover {
        background-color: #e0e0e0;
    }
    .pushy .menu_table__list li a {
        text-transform: uppercase;
    }
    .pushy .menu_table__list li a:hover {
        background: #ccc;
        color: #fff;
    }
    .pushy .menu_table__list li.active > a {
        background: #ccc;
        color: #fff;
    }
    .pushy .menu_table__list li.active .menu__list-2 {
        display: block;
    }
    .pushy .menu_table__list li.active .menu__list-2 a {
        color: #fff;
    }
    .pushy .menu_table__list li.active > a:hover {
        background: #ccc;
        color: #fff;
    }
    .pushy .menu_table__list li:hover .pushi_icon_menu__caret:before, .pushy .menu_table__list li.active .pushi_icon_menu__caret:before {
        border-color: #000;
    }
    .pushy .menu__list-2 {
        display: none;
        background-color: #fff;
    }
    .pushy .menu__list-2 li a {
        color: #000;
        text-transform: none;
        padding-left: 40px;
    }
    .pushy .menu__list-2 li.active > .menu_table__list-3 {
        display: block;
    }
    .pushy li {
        position: relative;
        float: none;
    }
    .pushy li a {
        position: relative;
        color: #000 !important;
    }

    .pushy .nav.navbar-nav li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-default .pushy .navbar-nav a{
        border-bottom-color: transparent;
    }
    .pushy li.active > a .pushi_icon_menu__caret:before {
        -moz-transform: translateX(-50%) translateY(50%) rotate(-225deg);
        -webkit-transform: translateX(-50%) translateY(50%) rotate(-225deg);
        -ms-transform: translateX(-50%) translateY(50%) rotate(-225deg);
        transform: translateX(-50%) translateY(50%) rotate(-225deg);
    }
    .pushy li.active > .menu__list-2 {
        display: block;
    }
    .pushy .menu_table__list-3 {
        background-color: #999999;
        display: none;
    }
    .pushy .menu_table__list-3 li a {
        padding-left: 50px;
    }
}

/*------ ������ ��� ���� --------*/
.menu-btn {
    /*  max-width: 200px;
      padding: 20px 5px;
      margin-bottom: 20px;
      background: $bg_header;
      color: #FFF;
      text-align: center;
      cursor: pointer;*/
}

.menu-btn:hover {
    /* background:$brand-primary;
     color: #FFF;*/
}

/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
@media (max-width: 980px) {
    .pushy {
        text-align: left;
        position: fixed;
        width: 240px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
        background: #fff;
        font-size: 14px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        /* enables momentum scrolling in iOS overflow elements */
    }

    .pushy a {
        display: block;
        color: #000;
        padding: 15px 50px 15px 30px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        text-decoration: none;
    }

    .pushy a:hover {
        background: #ccc;
    }

    /* Menu Movement */
    .pushy-left {
        -webkit-transform: translate3d(-240px, 0, 0);
        -moz-transform: translate3d(-240px, 0, 0);
        -ms-transform: translate3d(-240px, 0, 0);
        -o-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0);
    }

    .pushy-open {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .container-push, .push-push {
        -webkit-transform: translate3d(240px, 0, 0);
        -moz-transform: translate3d(240px, 0, 0);
        -ms-transform: translate3d(240px, 0, 0);
        -o-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0);
    }

    /* Menu Transitions */
    .pushy, #container, .push {
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
        -moz-transition: -moz-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
        -o-transition: -o-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
        transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    }

    /* Site Overlay */
    .site-overlay {
        display: none;
    }

    .pushy-active .site-overlay {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 998;
        background-color: rgba(0, 0, 0, 0.6);
        -webkit-animation: fade 500ms;
        -moz-animation: fade 500ms;
        -o-animation: fade 500ms;
        animation: fade 500ms;
    }

    @keyframes fade {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @-moz-keyframes fade {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @-webkit-keyframes fade {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @-o-keyframes fade {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    /* Example Media Query */
}

@media (min-width: 981px){
    .menu-btn{
        display: none;
    }
}

@media screen and (max-width: 980px) {
    .pushy {
        font-size: 1.0em;
    }
}