@media only screen and (max-width: 1239px) {

}

@media only screen and (max-width: 1023px) {
}

@media only screen and (max-width: 767px) {
.mm-menu { background: #716183;}
.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; }

a.close { width: 50px; height: 40px; font-size: 0px; position: absolute; left: 10px; top: -48px; z-index: 8888;background: #fff; }
a.close:before,  a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 9px; top: 19px; content: ""; background: #716183; 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: #716183; height: 30px; line-height: 32px; text-transform: uppercase;
 overflow: hidden; padding: 0 35px 0 0; position: absolute; right: 15px; top: -45px; width: 82px;}
.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s;transition:transform .3s; background: #716183; 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: #716183; 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); }

#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); }

.footer-block .left ul li { padding: 0px 30px 0px 0px; }
.footer-block .left ul li a { font-size: 24px; }
.footer-block .left { overflow: auto; }
.footer-block .left .main-nav { padding-top: 3px; width: 620px; }
.footer-block .right p { display: flex; align-items: center; justify-content: center; }
.footer-block { position: fixed; }

}

@media only screen and (max-width: 639px) {
}

@media only screen and (max-width: 479px) {
}

@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; }
}
