@media screen and (max-width: 1199px) {
.top-menu ul li a{padding:10px;}
}

@media screen and (max-width: 991px) {	
.wrapper{left:0;}
.hidden-menu{overflow:hidden;}

.btn-topmenu{color:#000 !important; border:solid 1px #6b6b6b; font-size:16px; padding:3px; margin:0; width:36px; height:36px; position:absolute; right:0; top:0;}
.btn-topmenu .menu-bar{height:2px; width:26px; display:block; background:#6b6b6b; position:absolute; left:4px; top:50%;}
.btn-topmenu .menu-bar:after, .btn-topmenu .menu-bar:before{position:absolute;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.btn-topmenu .menu-bar:after{content:''; width:26px; height:2px; display:block; background:#6b6b6b; bottom:8px;}
.btn-topmenu .menu-bar:before{content:''; width:26px; height:2px; display:block; background:#6b6b6b; top:8px;}
.btn-topmenu:focus, .btn-topmenu.focus{outline:0; box-shadow:none;}
.btn-topmenu.on .menu-bar{background-color:transparent;}
.btn-topmenu.on .menu-bar:after{
transform: rotate(45deg) translate(5px, 5px);
-webkit-transform: rotate(45deg) translate(5px, 5px);
}
.btn-topmenu.on .menu-bar:before{
transform: rotate(-45deg) translate(6px, -6px);
-webkit-transform: rotate(-45deg) translate(6px, -6px);
}


.btn-topmenu .fa-times{display:none;}
.btn-topmenu.on .fa-times{display:inline-block;}
.btn-topmenu.on .fa-bars{display:none;}

.menu-logo{text-align:center; padding:30px 15px;}
.menu-logo h1{font-size:36px; font-weight:300; margin:0; padding:0; color:#fff; letter-spacing:4px;}
.menu-logo h1 a{color:#fff;}
.top-menu, .wrapper{
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.top-menu{position:fixed; top:0; left:-270px; z-index:9992; width:270px; height:100%; background:#2e2e2e; overflow-y:scroll;}
.top-menu.open{left:0; box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.top-menu ul{padding:0; margin:0; list-style:none;}
.top-menu ul li{border-top:solid 1px #3c3c3c;}
.top-menu ul li a{padding:10px 20px; display:block; font-size:16px; color:#a3a3a3;}
.top-menu ul li a:hover, .top-menu ul li.current-menu-item a{color:#fff;}
.top-menu ul ul{padding-bottom:10px; display:none;}
.top-menu ul ul li{border:none;}
.top-menu ul ul li a{padding:4px 20px 4px 30px;}


.top-menu ul li.dropdown .arrow{position:absolute; z-index:8; top:0; right:0; width:40px; height:44px; line-height:40px; text-align:center; color:#a3a3a3; font-size:18px; cursor:pointer;}
.top-menu ul ul li.dropdown .arrow{height:43px; line-height:38px;}
.top-menu ul li.dropdown .arrow:after{font-family:'FontAwesome'; content:"\f107";}
.top-menu ul li.dropdown.open > .arrow:after{content:"\f106";}
.top-menu ul li.dropdown > a{padding-right:40px;}
.top-menu ul li.dropdown.open > ul{display:block;}

.logo{margin:0; padding:6px 0;}
}

@media screen and (max-width: 767px) {
}


@media screen and (max-width: 575px) {
.header{padding:30px 0;}
}

@media screen and (max-width: 479px) {
}
