@media only screen and (min-width: 320px) {
#top {
	width: 320px !important;
	position: relative !important;
}
#logo {
	width: 200px !important;
	float: left !important;
}
#nav a, #search a {
	width: 50px !important;
}
#menu {
	background-color: #005995;
	width: 320px !important;
	float: left !important;
	display: none;
	position: absolute;
	z-index: 3;
	top: 70px;
	left: 0;
}
#menu a {
	width: 280px !important;
	padding: 10px 20px !important;
}
#menu a:hover {
	background-color: #0071BC;
}
#banner {
	width:320px !important;
}
#head .left {
	width: 100% !important;
	text-align:center !important;
}
#head .right {
	display:none !important;
}
#content .block-center {
	width: 280px !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
}
#reviews .left {
	width: 100% !important;
	margin-bottom:20px !important;
}
#features .half-left, #features .half-right, #features .left, #features .right {
	width:100% !important;
	text-align:center !important;
}
#features .row {
	padding-bottom: 0px !important;
}
#features .left {
	margin-bottom:10px !important;
}
#features .right {
	margin-bottom:40px !important;
}
#features-why .half-left, #features-why .half-right {
	width: 100% !important;
	text-align:center !important;
}
#features-why img {
	width:100% !important;
	height:100% !important;
}
#features-why .left, #features-why .right {
	width:100% !important;
	text-align:left !important;
	margin-bottom: 20px !important;
}
#howto .left, #howto .right {
	width:100% !important;
}
#howto .left {
	text-align:center !important;
}
#howto .right {
	margin-bottom:40px !important;
}
#howto img {
	width:100% !important;
	height:100% !important;
}
#howto .img-d1, #howto .img-d3 {
	width:100% !important;
	height:100% !important;	
}
#chat {
	width: 280px !important;
	font-size: 16px !important;
	line-height: 30px !important;
}
#chat .left, #chat .right, #chat .last {
	width: 100% !important;
	text-align: center !important;
}
#footer-nav, #footer {
	width: 280px !important;
}
#footer-nav .left, #footer-nav .right {
	width: 100% !important;
	margin-bottom:40px !important;
}
#footer .left, #footer .right {
	width: 100% !important;
	text-align: center !important;
}
.column4 .left, .column4 .right {
	width: 100% !important;
	margin-bottom:30px !important;
}
.half-left {
	margin-bottom:40px !important;
}
.half-left, .half-right {
	width:100% !important;
}
}

@media only screen and (min-width: 480px) {
#top {
	width: 480px !important;
}
#nav a, #search a {
	width: 70px !important;
}
#menu {
	width: 480px !important;
}
#menu a {
	width: 440px !important;
}
#banner {
	width:480px !important;
}
#content .block-center {
	width: 440px !important;
}
#features-why img {
	width: auto !important;
	height: auto !important;
}
#chat {
	width: 440px !important;
	font-size: 20px !important;
}
#footer-nav, #footer {
	width: 440px !important;
}
#footer-nav .right {
	width: 30% !important;
	margin-bottom:40px !important;
}
}

@media only screen and (min-width: 768px) {
#top {
	width: 750px !important;
}
#menu {
	width: 750px !important;
}
#menu a {
	float: left !important;
	padding: 25px 20px !important;
	width: auto !important;
}
#banner {
	width:768px !important;
}
#content .block-center {
	width: 710px !important;
}
#head .left {
	width: 50% !important;
	text-align:left !important;
}
#head .right {
	display:block !important;
	width: 48%;
	float: right;
}
#features .half-left, #features .half-right {
	width:100% !important;
}
#features .left {
	width:110px !important;
}
#features .right {
	width:580px !important;
	text-align:left !important;
}
#features-why .left, #features-why .right {
	width:50% !important;
	text-align: center !important;
	margin-bottom: 20px !important;
}
#howto img {
	width: auto !important;
	height: auto !important;
}
.column4 .left, .column4 .right {
	width: 49% !important;
	margin-right:1% !important;
	margin-bottom:30px !important;
}
#reviews .left {
	width: 31.68% !important;
	margin-bottom:0px !important;
}
#chat {
	width: 580px !important;
}
#chat .left {
	width: 25% !important;
	text-align: left !important;
}
#chat .right, #chat .last {
	width: 75% !important;
	text-align: left !important;
}
#footer-nav, #footer {
	width: 730px !important;
}
.half-left, .half-right {
	width:48% !important;
}
}

@media only screen and (min-width: 1000px) {
#top {
	width: 1000px !important;
}
#nav {
	display: none !important;
}
#menu {
	width: 645px !important;
	background-color: #0071BC !important;
	float: right !important;
	position: static !important;
	display: block !important;
}
#menu a:hover {
	background-color: #005995 !important;
}
#banner {
	width:1000px !important;
}
#content .block-center {
	width: 960px !important;
}
#features .half-left, #features .half-right {
	width:48% !important;
}
#features .row {
	padding-bottom: 20px !important;
}
#features .left, #features .right {
	margin-bottom:0px !important;
}
#features .right {
	width:330px !important;
}
#features-why .half-left, #features-why .half-right {
	width: 48% !important;
	text-align:left !important;
}
#features-why .left, #features-why .right {
	width:50% !important;
	text-align: left !important;
	margin-bottom: 0px !important;
}
#features-why .right {
	width:45% !important;
}
#howto .left {
	width:300px !important;
}
#howto .right {
	width:620px !important;
	margin-bottom:0px !important;
}
#howto .img-d3 {
	width: auto !important;
	height: auto !important;
}
.column4 .left {
	width: 23% !important;
	margin-right:2% !important;
	margin-bottom:0px !important;
}
.column4 .right {
	width: 25% !important;
	margin-right:0px !important;
	margin-bottom:0px !important;
}
#chat {
	width: 960px !important;
	font-size: 22px !important;
	line-height: 50px !important;
}
#chat .left {
	width: 24% !important;
	text-align: left !important;
}
#chat .right {
	width: 24% !important;
	float: left !important;
}
#chat .last {
	width: 50% !important;
	text-align: left !important;
}
#footer-nav, #footer {
	width: 960px !important;
}
#footer-nav .left {
	width:38% !important;
}
#footer-nav .right {
	width:20% !important;
	margin-right:0px !important;
	margin-bottom:40px !important;	
}
#footer .left {
	width: 40% !important;
	text-align: left !important;
}
#footer .right {
	width: 20% !important;
}
}

@media only screen and (min-width: 1260px) {
#top {
	width: 1200px !important;
}
#banner {
	width:1190px !important;
}
#content {
	width: 100% !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}
#content .block-center {
	width: 1100px !important;
}
#features .right {
	width:400px !important;
}
#howto .right {
	width:720px !important;
}
#chat {
	width: 1100px !important;
	font-size: 26px !important;
	line-height: 50px !important;
}
#footer-nav, #footer {
	width: 1100px !important;
}
}