.btMenuGutter .mainHeader :any(.port, .topBarPort) {
    max-width: math(1336 - 2*30, px);
    margin: auto;
    padding: 0;
}

@media (min-width: 1200px) {

    .btMenuVerticalLeft .btPageWrap, .btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
        webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        margin: 0;
    }

    .btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
        -webkit-transform: translateX(311px);
        -moz-transform: translateX(311px);
        -ms-transform: translateX(311px);
        transform: translateX(311px);
    }

    .btMenuVertical .btLogoArea .btVerticalMenuTrigger {
        display: inherit;
    }
    .btMenuVertical:not(.btHideMenu) .btLogoArea .logo, .btMenuVertical:not(.btHideMenu) .btCloseVertical {
        display: inherit;
    }
}
    
@media (min-width: 1336px) {

    .btMenuVerticalRight {
        > .menuPort {
            transform: translateX(0%);
        }
    }

    .btMenuVerticalLeft {
        > .menuPort {
            transform: translateX(0%);
        }
    }

    .btMenuVertical .menuPort, .btMenuVertical.btMenuVerticalOn .menuPort {
        transform: translate3d(0,0,0);
    }

    .btMenuVerticalLeft.btHideMenu .menuPort {
        transform: translate3d(-320px,0,0);
    }
    .btMenuVerticalRight.btHideMenu .menuPort {
        transform: translate3d(320px,0,0);
    }

    .btMenuVerticalLeft.btHideMenu.btMenuVerticalOn > .menuPort {
        transform: translate3d(0,0,0);
    }
    .btMenuVerticalRight.btHideMenu.btMenuVerticalOn .menuPort {
        transform: translate3d(0,0,0);
    }

    .btMenuVertical.btMenuGutter .mainHeader {
        display: none;
    }

    .btMenuVertical.btMenuGutter.btHideMenu .mainHeader {
        display: block;
    }

    .btMenuVertical.btBelowMenu .btContentWrap {
        padding: 0 !important;
    }

    .btMenuVertical .gutter .port,
    .btMenuVerticalLeftOn.btMenuGutter .mainHeader .topBarPort,
    .btMenuVerticalRightOn.btMenuGutter .mainHeader .topBarPort {
        /*max-width: none;*/
        padding-left: 30px;
        padding-right: 30px;
    }

    .btMenuVerticalOn .btVerticalMenuTrigger .btIco a:before {
        color: #D8C149 !important;
    }

    .btMenuVertical .btLogoArea .btVerticalMenuTrigger{
        display: none;
    }

    .btMenuVertical:not(.btHideMenu) {
        .btLogoArea .logo, .btCloseVertical {
            display: none;
        }   
    }

    .btMenuVertical.btHideMenu .btLogoArea .btVerticalMenuTrigger {
        display: block;
    }

    .btMenuVerticalLeft .btPageWrap, .btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
        transform: translate3d(0,0,0);
        margin: 0 0 0 0px;
    }

    .btMenuVerticalRight .btPageWrap, .btMenuVerticalRight.btMenuVerticalOn .btPageWrap {
        transform: translate3d(0,0,0);
        margin: 0 320px 0 0;
    }

    :any(.btMenuVerticalRight, .btMenuVerticalLeft).btHideMenu .btPageWrap {
        transform: translate3d(0,0,0);
        margin: 0;
    }

    .btMenuVerticalLeft.btMenuVerticalOn.btHideMenu .btPageWrap {
        transform: translate3d(320px,0,0);
        margin: 0;
    }

    .btMenuVerticalRight.btMenuVerticalOn.btHideMenu .btPageWrap {
        transform: translate3d(-320px,0,0);
        margin: 0;
    }

}