/* **** **** */
#close-btn { position: absolute; top: 20px; right: 20px; font-size: 48px; font-family: 'open_sansbold',sans-serif; display: inline-block; z-index: 9999; color: #fff; cursor: pointer; }
.ctn-responsive-menu { position: fixed; background: #8C006E; top: 0; left:0; bottom: 0; right: 0; z-index: 8500;     opacity: 0.3;
    -webkit-transform: translateY(-120%);
    -moz-transform:    translateY(-120%);
    -ms-transform:     translateY(-120%);
    -o-transform:      translateY(-120%);
    transform:         translateY(-120%);
    -webkit-transition: transform 300ms ease-in-out, opacity 300ms ease-in-out 150ms;
    -moz-transition:    transform 300ms ease-in-out, opacity 300ms ease-in-out 150ms;
    -ms-transition:     transform 300ms ease-in-out, opacity 300ms ease-in-out 150ms;
    -o-transition:      transform 300ms ease-in-out, opacity 300ms ease-in-out 150ms;
    transition:         transform 300ms ease-in-out, opacity 300ms ease-in-out 150ms;
}
.ctn-responsive-menu.open  { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform:    translateY(0);
    -ms-transform:     translateY(0);
    -o-transform:      translateY(0);
    transform:         translateY(0);
}

.responsive-menu { position: relative;
    height: 100%;
    /*top: 50%; padding: 0 40px;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);*/
}
.responsive-menu > ul {
    padding: 80px 40px 40px;
    overflow: scroll;
    height: 100%;
}
.responsive-menu a { color: #fff;  letter-spacing: 0.1em; font-family: 'advent_promedium',sans-serif; }
.responsive-menu li { display: block; text-align: center; margin-bottom: 10px }
.responsive-menu > ul > li > a { font-size: 1.5em; text-transform: uppercase; }
.responsive-menu .current-menu-item > a { color: #c18400; }
.responsive-menu .sub-menu { display: none; }

@media screen and (max-width: 480px){
    .responsive-menu>ul>li>a { font-size: 1em;!important; }
    .responsive-menu > ul > li  { margin-bottom: 5px }
    #close-btn {
        font-size: 32px;
    }
}