.menu-container {
        width: 100%;
    }
    .menu .menu-mobile {
        display: block;
    }
    .menu .menu-mobile  img{
        display: block;
		width:100%;
    }	
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .mini-nav.show-on-mobile{
		margin: 0 0;
		position: fixed;
		top: 0;
		left: -60%;
		bottom: 0;
		height: 100%;
		background-color: #293038;
		text-align: left;
		padding: 0;
		line-height: 32px;
		font-size: 16px;
		width: 60%;
		z-index: 99999;
		display: block;
		overflow-y: auto;
    }
	.navbar .navbar-header{
		float: none;
		width: 249px;
		margin: 0 auto;
	}
    .navbar .menu{
		width: 42px;
		position: relative;
		top: -46px;
	}
	.mini-nav.show-on-mobile li {
		width: 100%;
		text-align: left;
	}
	.mini-nav.show-on-mobile li a {
		color: #fff;
		display: block;
		margin: 0 20px;
		padding: 1.5em 1.5em;
		color: #eee;
		border-bottom: 1px solid #303C4A;
		font-size: 3em;
	}
	.show-marsk{
		display:block;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.5);
		z-index: 99998;
		overflow: hidden;
		
	}
	.noS{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
	}
	.index-container{
		padding-top: 120px;
	}