.mobileMenu, .mobile { display:none; }
h1.mobile { display:none!important; }
@media screen and (max-width: 1024px) {
	.page, .navigation ul div ul { width:96%!important; padding-left:0!important; padding-right:0!important; }
	figure h1 { padding:0 80px 23px 0; }
	.navigation { left:auto; margin-left:0; right:0; width:auto; }
}
@media screen and (max-width: 950px) {
	.products a, .preview a { font-size:16px; }
}
@media screen and (max-width: 900px) {
	.products li { width:49%; }
	.products li:nth-child(999n+3) { margin-top:20px; }
	.products li:nth-child(3n+3) { margin-right:2%; }
	.products li:nth-child(2n+2) { margin-right:0; }
	figure h1 { font-size:35px; line-height:32px; padding:0 40px 23px 0; }
	figure h1 small { font-size:25px; }
}
@media screen and (max-width: 765px) {
	.logo img { width:100%; height:auto; }
	.navigation ul div { top:auto; margin-top:10px; }
}
@media screen and (max-width: 700px) {
	.mobileMenu { display:block; text-align:center; padding:4% 10px; position:absolute; top:0; right:0; background-color:#ffffff; font-size:12px; line-height:14px; text-transform:uppercase; color:#0A2764; font-weight:600; }
	.mobileMenu span { font-size:25px; }
	.mobileMenu:hover { background-color:#373737; color:#ffffff; }
	.navigation, .desktop { display:none; }
	body { padding-top:45px; }
	header { background:none; border-top:solid 4px #373737; }
	.mobile { display:block; }
}
@media screen and (max-width: 600px) {
	body { background:#000000; }
	#contact { padding:0; }
	.desktop { display:none; }
	.mobileMenu { padding:2% 10px; }
	.products li { width:100%; margin-right:0; }
	.products li:nth-child(999n+2) { margin-top:20px; }
	.products li:nth-child(3n+3) { margin-right:0; }
	#contact .column { width:80%; padding-right:20%; }
	section h1 { font-size:16px; }
	h2 { font-size:13px; line-height:20px; margin:0 20px; }
	figure h1 { font-size:18px; line-height:18px; padding:0 15px 15px 0; text-shadow:2px 2px 2px rgba(0,0,0,0.65); font-weight:600; }
	figure h1 small { font-size:15px; }
	figure { background-size:800px; }
	figure .page { height: 200px; }
	.navigation { left:0; top:100%; width:100%; margin:0 0 0 0; text-align:left; z-index:999; }
	.navigation > ul { width:100%; display:block; background-color:#373737; padding:5px 0; }
	.navigation li, .navigation ul ul li { width:100%; float:none; }
	.navigation > ul li a { padding:7px 10px 7px 22px; font-size:11px; }
	.navigation ul div { position:relative; width:100%; background:#4794BE; top:auto; left:auto; margin:0; padding:0; }
	.navigation ul ul { background:#4794BE; padding-left:18px!important; margin:0; }
	.navigation ul ul:after, .navigation ul div:after { content:""; display:block; width:100%; clear:both; height:0; }
	.navigation ul div:after { display:none; }
	.navigation ul ul li { width:50%; float:left; }
	.navigation ul ul li a { padding:0 0 0 10px; font-size:11px; }
	.navigation ul ul li a:hover, .navigation ul ul .current-menu-item > a { color:#13377D; }
	#products.featured { margin-top:20px; }
	.post article, .post aside { width:100%; float:none; }
	.post article { width:88%; margin:0 auto 0 auto; }
	.post aside { margin-top:-20px; padding-bottom:20px; background:none; display:none; }
	footer { text-align:center; }
	.footer-right { float:none; margin-top:10px; display:inline-block; }
	.post .more { position:relative; bottom:auto; right:auto; }
	.post .preview { width:85%; margin:0 auto 30px auto; float:none; }
	h1.desktop { display:none!important; }
	h1.mobile { display:block!important; }
	section .more { float:right; margin-right:20px; margin-bottom:20px; }
	section .more a { font-size:11px; }
	.responsive-side-menu { width:100%; clear:both; padding:5px 0; text-align:center; text-transform:uppercase; background-color:#ffffff; text-decoration:none; color:#0A2664; margin:30px 0 10px 0; display:block!important; font-weight:600; }
	.responsive-side-menu span:before { content:"+"; }
	.responsive-side-menu.active span:before { content:"-"; }
}