@media (max-width: 950px)
{
	
	.wrapper {
    	width: auto;
    	padding-left: 25px;
    	padding-right: 25px;
	}
	
	nav.main-menu .wrapper {
    	padding: 6px;
	}
	
	nav.main-menu ul {
    	text-align: center;
	}
	nav.main-menu ul li {
    	float: none;
    	display: inline-block;
	}
	nav.main-menu ul li a {
    	line-height: 30px;
    	border-radius: 6px;
    	font-size: 16px;
    	padding: 0 10px 0 6px;
    	margin: 4px;
    }
	nav.main-menu ul li a i.fa {
    	line-height: 28px;
    }
    
    nav.sub-menu ul,
    nav.sub-sub-menu ul {
        text-align: center;
    }
    nav.sub-menu ul li,
    nav.sub-sub-menu ul li {
        float: none;
        display: inline-block;
    }
    nav.sub-menu ul li:before,
    nav.sub-sub-menu ul li:before {
        display: none;
    }
    nav.sub-menu ul li a,
    nav.sub-sub-menu ul li a {
        margin: 2px;
    }
    
    form.filter {
        float: none;
    }
    form.filter input[type="submit"] {
        float: none;
        display: inline-block;
        margin-left: 0;
    }
    
}





@media (max-width: 544px)
{
	
	form.filter select,
	form.filter .chosen-container {
    	width: 100%;
    	max-width: none;
    	display: block;
    	margin-bottom: 8px;
	}
	
}




@media (max-width: 400px)
{
	
	.wrapper {
    	padding-left: 15px;
    	padding-right: 15px;
	}
	
	nav.main-menu ul li a {
    	margin: 3px 1px;
    	padding: 0 5px 0 1px;
    	font-size: 14px;
	}
	nav.main-menu ul li a i.fa {
    	font-size: 15px;
	}
	
	header {
		height: auto;
	}
	header a.logo {
		float: none;
		margin: 12px auto 0 auto;
	}
	header .info {
		float: none;
		margin: 16px auto 14px auto;
		text-align: center;
	}
	header .info .date {
		margin-left: 0;
	}
	
}