/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 768px) {
    .menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
    .site-title img {
        margin: 0 auto;
    }
	.header-menu ul {
        text-align: center;
        margin-top: 1em;
    }
    .menu-toggle,
	.main-navigation.toggled .nav-menu {
        font-size: 14px;
        font-size: 1.5rem;
		display: block;
        margin: 0 auto;
        padding: 1em;
        color:#444;
        background: none;
        border:none;
        border-radius: 0px;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation li {
        display: block;
        position: inherit;
    }
    .main-navigation a {
        display: block;
        text-decoration: none;
        padding: .5em 1em;
        margin: .4em 0;
    }
	.main-navigation ul ul {
		box-shadow: none !important;
        width:100%!important;
        border: none;
        display: block;
        float: none;
        position: inherit;
        left: 0;
	}
	.main-navigation ul ul a, .main-navigation.fix ul ul a {
		width: 100%;
		text-align:center;
        background: rgba(245,248,250,0.1);
        display: block !important;
	}
}