.closeNav,
.mobLogns,
.mobLogns2,
.navbar-toggle {
    display: none
}

@media screen and (max-width:991px) {
    .navbar-toggle {
        display: inline-block;
        position: absolute;
        padding: 22px 15px;
        background-color: transparent;
        border: 0;
        z-index: 99
    }
    .navbar-fixed-top {
        margin-right: 0;
        padding: 0
    }
    .headLogo {
        margin-left: 50px
    }
    .headLogo img {
        width: 140px;
        vertical-align: top
    }
    .closeNav {
        display: block;
        transition: .1s;
        padding: 15px;
        color: #fff !important;
        font-weight: 400;
        font-size: 24px;
        cursor: pointer
    }
    .closeNav.close {
        opacity: 1
    }
    .flexmenu {
        padding-top: 50px
    }
    header .headNav li {
        display: block;
        border-bottom: 1px solid #fff
    }
    header .headNav li a {
        color: #fff;
        padding: 10px 20px !important;
        display: block
    }
    header .headNav li.active::after {
        display: none
    }
    header .headNav li a:hover {
        color: #fff
    }
    .js-hiraku-offcanvas-active {
        position: fixed;
        z-index: 100001;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .4)
    }
    .js-hiraku-offcanvas-open {
        display: block
    }
    .js-hiraku-offcanvas-body {
        z-index: 0;
        left: 0;
        width: 100%;
        transition: left .3s ease-in-out
    }
    .js-hiraku-offcanvas-body-right {
        position: fixed;
        left: -70%;
        overflow-y: hidden
    }
    .js-hiraku-offcanvas-body-left {
        position: fixed;
        left: 250px;
        overflow-y: hidden
    }
    .js-hiraku-offcanvas-body-moving {
        position: fixed;
        left: 0
    }
    .js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar {
        position: fixed;
        z-index: 10002;
        top: 0;
        bottom: 0;
        display: block;
        overflow-y: scroll;
        box-sizing: border-box;
        width: 250px;
        max-width: 100%;
        background-color: #5371ff
    }
    .js-hiraku-offcanvas:focus {
        background-color: rgba(0, 0, 0, .3)
    }
    .js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right {
        right: 0;
        left: auto;
        margin-right: -70%;
        transition: margin-right .3s ease-in-out
    }
    .js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left {
        right: auto;
        left: 0;
        margin-left: -70%;
        transition: margin-left .3s ease-in-out
    }
    .js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right.active {
        margin-right: 0;
        transition: margin-right .3s ease-in-out
    }
    .js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left.active {
        margin-left: 0;
        transition: margin-left .3s ease-in-out
    }
    .js-hiraku-header-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        transition: margin-left .3s ease-in-out;
        z-index: 9999
    }
    .js-hiraku-offcanvas-body-left,
    .js-hiraku-offcanvas-body-right {
        overflow: hidden
    }
    .js-hiraku-offcanvas-body-right .js-hiraku-header-fixed {
        margin-left: -235px
    }
    .js-hiraku-offcanvas-body-left .js-hiraku-header-fixed.stick {
        margin-left: 235px
    }
    .js-hiraku-offcanvas-close-btn {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
    .hiraku-open-btn {
        padding: 6px;
        cursor: pointer;
        border: 1px solid #ccc;
        border-radius: 3px;
        background: 0 0
    }
    .hiraku-open-btn-line {
        position: relative;
        display: block;
        width: 18px;
        height: 2px;
        margin: 6px 0;
        transition: .1s;
        border-radius: 1px;
        background-color: #2a3844
    }
    .hiraku-open-btn-line:after,
    .hiraku-open-btn-line:before {
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        content: '';
        transition: .3s;
        border-radius: 1px;
        background-color: #2a3844
    }
    .hiraku-open-btn-line:before {
        top: -6px
    }
    .hiraku-open-btn-line:after {
        bottom: -6px
    }
}

@media screen and (max-width:350px) {
    .headLogo img {
        width: 120px;
        margin-top: 3px
    }
}