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

	.top {
        flex-wrap: wrap;
        padding: 0;
	}

    .top-inner {
	    padding: 10px;
        width: 100%;
    }

	.top .responsive-menu-toggle {
		display: block;
	}
    .top .top-menu-container {
        width: 100%;
    }
    .top .top-menu-container:not(.active) {
        display: none;
    }
    .top .top-menu {
        z-index: 99;
        margin: 0;
        background-color: #1b1b1b;
        position: absolute;
        left: 0;
        right: 0;
        padding: 16px;
        width: 100%;
        text-align: right;
    }

    .top .top-menu > li {
        float: none;
        margin: 16px;
    }

    .top .top-menu > li a:before {
        display: none;
    }


}