@media (max-width: 1039px) {
	body {background: #1d4281;}
	header {position: fixed; left: 0; right: 0; padding: 0; overflow: visible;
		-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.35);
		-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.35);
		box-shadow: 0px 5px 5px rgba(0,0,0,0.35);
	}
		header h1 {text-align: left; padding: 10px 20px; float: none;}
			header h1 a {margin: 0; padding: 0; display: inline-block;}
			header h1 img {display: inline-block; margin: 0; float: none;}
		header > div {width: auto;}
		header nav {width: 160px; padding: 0 20px; position: absolute; top: 0; right: -300px; bottom: 0; z-index: 1001;}
		header nav:before {content: ''; width: 200px; background: #fff; position: fixed; top: 0; right: -300px; bottom: 0; z-index: 1;
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
			box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
		}
			header nav ul {padding: 0; float: none;}
				header nav ul li {padding: 15px 0; display: block; position: relative; z-index: 2;}
					header nav ul li a {padding: 0;}
					header nav ul li a, header nav ul li a:hover, header nav ul li a.selected, header nav ul li a.selected:hover {color: #1b8fe6; text-shadow: none;}
		header .menu-toggle {font-size: 0; line-height: 0; width: 20px; height: 3px; padding: 3px 0; border-top: 3px solid #fff; border-bottom: 3px solid #fff; display: block; position: absolute; top: 27px; right: 20px;}
			header .menu-toggle:before {content: ''; width: 100%; height: 3px; background: #fff; display: block;}
		.menu-on header nav {left: auto; right: 0;}
		.menu-on header nav:before {right: 0;}
		.menu-on header .menu-toggle {display: none;}
	
	.mobile-visible {display: block;}
	#container {width: auto; margin: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#socialBtns {padding: 10px 0;}
	.screenshots ul {padding: 0;}
	section {padding-top: 70px;}
	section > div:first-child, footer > div {width: auto;}
	#main {width: auto; padding: 20px 20px 0 20px; float: none;}
	#main.home {padding-bottom: 0;}
		#main img {max-width: 100%; height: auto;}
		#main select {max-width: 55%;}
		#main input[name=cvv] {margin-right: 5px;}
	.step3 {margin-top: 0;}
	#ccvBtn {margin-left: 0;}
	aside {width: auto; padding: 0 20px; border-left: 0 none; float: none;}
		.downloadBtn {text-align: center;}
			.downloadBtn a {margin: 0 10px; display: inline-block;}
			.screenshots ul {text-align: center;}
			.screenshots li {display: inline-block; float: none;}
	#tip-of-month > div {width: auto; padding: 20px;}
	footer {width: auto; padding: 20px;}
		footer > div {width: auto;}
	/*form input[type=submit] {display: block; margin: auto; float: none;}*/
	#secure {display: none;}
	#upgradeForm, #renewForm {width: auto; padding: 20px 0; background: none;}
	.paymentMethod p:first-child, .paymentMethod p:first-child + p {width: auto; float: none; display: inline-block; vertical-align: top;}
	.paymentMethod p:first-child {padding-right: 20px; margin-right: 20px;}
	section aside .downloadBtn, section .version-history .downloadBtn {display: block;}
	th, td {padding: 3px;}
	.paymentDetails label:first-child {width: 100px;}
	.step3 li {width: 27.33%; margin-left: 6%; margin-right: -4px; display: inline-block; vertical-align: top;}
	.step3 li:first-child {margin-left: 0;}
	.downloadBtn:last-child {display: none;}
	.homePage .downloadBtn:last-child {display: block;}

	.register-intro, .register-box {margin-bottom: 40px; display: inline-block; vertical-align: top; float: none;}
	.register-box {margin-left: 30px;}
}

@media (max-width: 850px) {
	.upgrade-now {padding-right: 30px; position: static;}
	.upgrade-now a {position: static; margin: 15px auto 0 auto;} 
}

@media (max-width: 780px) {
	.visual-feature figure {margin-bottom: 20px; float: none; display: block;}
	.visual-feature img {max-width: 100%; height: auto; margin: auto;}
	.visual-feature-content {display: block;}
	.find-similar .visual-feature-content {padding-left: 0;}
	.find-exactly .visual-feature-content {padding-right: 0;}
}

@media (max-width: 670px) {
	.register-intro {width: auto; display: block;}
	.register-box {display: block; margin: auto; margin-bottom: 50px;}
}

@media (max-width: 650px) {
	.downloadBtn a, #main.home .downloadBtn a, .visual-feature .downloadBtn a {margin: 10px;}
	footer > div {background: none;}
}

@media (max-width: 524px) {
	h1 {font-size: 24px;}
	.home h1 {font-size: 16px; line-height: 1;}
	.home h1 strong {font-size: 1.5em;}
	.brief figure, #tip-of-month img {margin: auto; float: none;}
	.brief .similarity {margin: 0 auto 20px auto; float: none;}
	.downloadBtn a, #main .downloadBtn a {margin-bottom: 10px;}
	form label:first-child, form input[type=text], form input[type=password], form select, #ccvBtn {display: inline-block; float: none;}
	form input[type=submit], form input[type=checkbox]:first-child, form input[type=radio]:first-child, form .formLink {margin-left: 0;}
	#exp_month, #exp_year {display: inline-block;}
	.paymentMethod p:first-child, .paymentMethod p:first-child + p {border: 0 none; display: block;}
	#orderTotal {text-align: center; padding: 10px 0; margin: auto;}
	.paymentDetails button {margin: auto;}
	.step3 h2 {padding: 0 20px 20px 20px;}
	.step3 ol {padding: 20px 40px; margin: 0; background: #15a5f0; color: #fff;}
	.step3 li {width: auto; margin: 10px 0 0 0; display: block;}
	.step3 li:before {display: none;}
	#tip-of-month img {margin: auto; display: block;}
	#tip-of-month > div > div {margin: 0; display: block;}
	.upgrade-now {padding-left: 30px; background-image: none;}
}

@media (max-width: 380px) {
	footer {text-align: center;}
	footer ul {padding: 0; margin: 0; display: block;}
	footer li {padding: 5px 0; border-top: 1px solid #ccc;}
	footer ul:first-child li:first-child {border-top: 0 none;}
	#truste {padding-top: 15px; display: block;}
	.register-box {width: auto;}
	.register-box:after {display: none;}
}