@media only screen and (max-width: 1239px) {
}

@media only screen and (max-width: 1023px) {

	
}

@media only screen and (max-width: 767px) {
.mm-menu { background: #3c3c3b !important;}
.mm-opened #wrapper { box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
.mm-opened a.close { display: block; }
.mm-opened a.logo { opacity: 0; }
#back-to-top { display: block; }
.mm-listview > li > a, .mm-listview > li > span{padding: 15px 10px 15px 20px !important}

a.close { width: 50px; height: 40px; font-size: 0px; position: absolute; left: 0px; top: 0px; z-index: 8888;background: #3c3c3b; }
a.close:before,  a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 9px; top: 19px; content: ""; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
a.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

a.mobilemenu {  display: block; font-size: 16px; color: #3c3c3b; height: 30px; line-height: 32px; text-transform: uppercase;
 overflow: hidden; padding: 0 35px 0 0; position: absolute; right: 15px; top: 30px; width: 82px;z-index: 9;}
.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s;transition:transform .3s; background: #3c3c3b; display: block; height: 3px; 
position: absolute; right: 0; top: 15px; }
.mobilemenu span:before{ top: -10px; transition-property:top,transform; }
.mobilemenu span:after,.mobilemenu span:before { background-color: #3c3c3b; content: ""; display: block; height: 3px; left: 0; position: absolute;
 width: 100%; transition-duration:.3s,.3s; }
.mobilemenu span:after{ bottom: -10px; transition-property:bottom,transform; }

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a, .mm-listview > li > a, .mm-listview > li > span { text-transform: uppercase; }
.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after, .mm-menu .mm-listview > li .mm-prev::before, .mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-prev::after, .mm-menu .mm-listview > li .mm-next::before { border-color: rgba(255,255,255,0.5); }
.mm-menu .mm-listview > li .mm-prev:after, .mm-menu .mm-listview > li .mm-next:before{border-color: #fff !important;}
.mm-menu .mm-listview > li .mm-prev:before, .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after{border-color: #fff !important;}
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after{border-color: #fff !important;}

#header nav#menu { display: none; }
#header:before { width: 100%; height: 40px; content:''; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.3); }

	
}


@media only screen and (min-width: 768px) {

.mm-menu.mm-current { display: none !important; }
html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
html.mm-opened { overflow: visible !important; }
html.mm-opened body { overflow: visible !important; }
#mm-blocker { display: none !important; }
}