@media screen and (min-width:1450px) {
	body {
		font-size: 10px;
	}
	
	.container {
		max-width: 1200px;
	}
}

@media screen and (max-width:1140px) {
	#mainMenu #mainMenuBtns a {
		padding: 0 .7em;
		margin: 0 .83em;
	}
	
	#body #mainListing {
		margin-right: 0;
	}
	
	#body #mainListing #mainImageContainer #whiteSquare {
		padding: .5em;
	}
	#body #mainListing #mainImageContainer #whiteSquare #whiteSquareBorder {
		padding: 2em 1.5em;
	}
}

@media screen and (max-width:1024px) {
	body {
		font-size: 8px;
	}
	
	#mainMenu .container {
		height: 6em;
	}
	#mainMenu #mainMenuBtns a {
		margin: 0 .53em;	
	}
	#mainMenu a.home, #mainMenu a.mobile {
		width: 6em;
	}
	
	#body #mainListing #mainImageContainer #whiteSquare #whiteSquareBorder .sep, #body #mainListing #mainImageContainer #whiteSquare #whiteSquareBorder h2, #body #mainListing #mainImageContainer ol li .whiteSquare .whiteSquareBorder .sep, #body #mainListing #mainImageContainer ol li .whiteSquare .whiteSquareBorder h2 {
		display: none;
	}
}

@media screen and (max-width:860px) {
	#mainMenu .container {
		height: auto;
		min-height: 6em;
	}
	#mainMenu #mainMenuBtns {
		display: none;
		position: absolute;
		top: 6em;
		left: 0;
		width: 100%;
		height: auto;
	}
	#mainMenu #mainMenuBtns a {
		display: block;
		height: auto;
		padding: 1.4em 0;
		margin: 0;
		border-bottom: 1px solid #fff;
		transition: none;
	}
	#mainMenu #mainMenuBtns a:hover, #mainMenu #mainMenuBtns a.active {
		border-bottom: 1px solid #fff;
		padding-top: 1.4em;
		background-color: #1da35f;
	}
	#mainMenu a.home, #mainMenu a.mobile {
		display: inline-block;
	}
	
	#body #categorySubmenu  {
		margin-left: 0;
	}
	
	#body #mainListing #mainImageContainer {
		background: none;
	}
	#body #mainListing #mainImageContainer img, #body #mainListing #mainImageContainer #imagesAnim ol li .img {
		width: 100%;
		max-width: none;
	}
	#body #mainListing #mainImageContainer #whiteSquare, #body #mainListing #mainImageContainer #imagesAnim ol li .whiteSquare {
		position: static;
		right: 0;
		top: 0;
		margin-top: 0;
		width: 100%;
		height: auto;
		padding: 0;
		margin-bottom: 1em;
	}
	#body #mainListing #mainImageContainer #whiteSquare #whiteSquareBorder, #body #mainListing #mainImageContainer #imagesAnim ol li .whiteSquare .whiteSquareBorder {
		padding: 1em 0;	
	}
	#body #mainListing #mainImageContainer #whiteSquare #whiteSquareBorder h1, #body #mainListing #mainImageContainer #imagesAnim ol li .whiteSquare .whiteSquareBorder h1 {
		font-size: 2em;
	}
}

@media screen and (max-width:768px) {
	#footer .left, #footer .right {
		text-align: center;
	}
	#footer .left {
		float: none;
	}
	#footer .right {
		position: static;
		margin-top: 2em;
	}
}

@media screen and (max-width:810px) {
	#header #topMenu .sep {margin:0 0.6em;}
}

@media screen and (max-width:710px) {
	.desktop, #body #categorySubmenu .title, #body #categorySubmenu a, #footer .left .menu, #body #mainListing #mainImageContainer #whiteSquare {
		display: none;
	}
	
	#header .container {
		padding-left: 0;
	}
	#header #topMenu {
		font-size: 1.8em;
	}
	
	#categoryTitle .container {
		padding: 3em 0 1.2em 0;
		text-align: center;
	}
	
	#body {
		padding: 2em 0;
	}
	
	#body #categorySubmenu, #body #mainListing {
		float: none;
		width: 100%;
	}
	#body #categorySubmenu {
		margin-left: 0;
		padding: 1em 1em 0 1em;
	}
	#body #categorySubmenu select {
		display: block;
	}
	#body #mainListing {
		margin-top: 1em;
		padding: 1em;
	}
	#body #mainListing ul li {
		padding-right: .8em;
	}
	#body #mainListing ul li:last-child {
		border-bottom: none;
	}
	
	#footerMenu {
		padding-bottom: 4.1em;
	}
	#footerMenu .block {
		float: none;
		width: 100%;
		margin-right: 0;
		text-align: center;
		margin-bottom: 3em;
	}
	#footerMenu .block h2 {
		margin-bottom: .6em;
	}
	#footerMenu .block a {
		font-size: 1.6em;
	}
	#footerMenu .block:nth-last-child(2) {
		float: none;
		margin-bottom: 0;
	}
	
	#footer {
		background: #36393e;
		padding-bottom: 3.7em;
	}
}