@charset "utf-8";
/* Media Queries */
@media (min-width: 923px) {
	.title3 { font-size:24px; }
	.title4 { font-size:34px; }
	#ecommerce-bg { background-image:url(../images/ecommerce-bg.jpg); background-repeat:no-repeat; height:350px; background-position:right; margin-top:40px; margin-bottom:20px; }
	#ecommerce-bg2 { background-image:url(../images/ecommerce-bg2.jpg); background-repeat:no-repeat; height:350px; background-position:center; margin-top:60px; }
	#ecommercewrapper { width:923px; margin: 0 auto; }
	#ecommercecontainer { margin-left:50px; top:80px; }
	#ecommercebullets { width:500px; }
	#ecommercebullets ul li { font-size:18px; }
	.mobile ul li { font-size:16px; }
	#wrapper2 { width:923px; }
	#ecommercecontactbutton { margin-top:40px; }
	#ecommercecontact { padding-top:40px; }
	#technologiesbar { clear:both; width:100%; text-align:center; }
	#mobilegraph { font-size:50px; line-height:48px; width:866px; height:403px; margin: 20px auto 40px auto; padding-top:70px; padding-right:40px; }
	#mobilecontact-bg { background-image:url(../images/mobilecontact-bg.jpg); background-repeat:no-repeat; background-position:left; width:923px; margin: 0 auto 0 auto; height:350px; }
	#mobilecontainer { top:60px; width:320px; margin-left:530px; }
}
@media (min-width: 571px) and  (max-width: 922px){
	#ecommerce-bg { background-image:url(../images/ecommerce-bg.jpg); background-repeat:no-repeat; height:350px; background-position:right; margin-top:40px; margin-bottom:20px; }
	#ecommerce-bg2 { background-image:url(../images/ecommerce-bg2.jpg); background-repeat:no-repeat; height:350px; background-position:center; margin-top:60px; }
	#ecommercewrapper { width:100%; }
	.title3 { font-size:18px; }
	.title4 { font-size:30px; }
	#ecommercecontainer { margin-left:20px; top:65px; }
	#ecommercebullets { width:350px; }
	#ecommercebullets ul li { font-size:14px; }
	.mobile ul li { font-size:14px; }
	#ecommercecontactbutton { margin-top:40px; }
	#ecommercecontact { padding-top:40px; }
	#mobilegraph { font-size:40px; line-height:35px; width:85%; height:300px; margin: 20px auto 20px auto; padding-top:70px; padding-right:40px; }
#mobilecontact-bg { background-image:url(../images/mobilecontact-bg.jpg); background-repeat:no-repeat; background-position:left; width:80%; height:350px; }
#mobilecontainer { top:50px; width:320px; margin-left:65%; }

}

@media (max-width: 570px) {
	#ecommerce-bg { margin-top:10px; }
	#ecommerce-bg2 {  margin-top:40px; padding-bottom:40px }
	#ecommercecontainer { margin-left:10px; margin-right:10px; top:20px; }
	.title3 { font-size:22px; }
	.title4 { font-size:25px; }
	#ecommercecontactbutton { margin-top:40px; }
	#technologiesbar { display:none; }
	#mobilegraph { display:none; }
}

#wrapper2 {
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
#homecontact-bg {
	background-image:url(../images/home4.jpg);
	background-repeat:no-repeat;
	height:350px;
	width:100%;
	background-position:center;
}
#ecommerce-bg {
	width:100%;
	
}
#ecommerce-bg2 {
	width:100%;
	text-align:center;
}


#ecommercecontainer {
	position:relative;
 }


#ecommercebullets ul li {
	list-style-image: url(../images/checkmark.png);
	font-family:Arial, Helvetica, sans-serif;
	background-position: 0px 5px; 
}
.mobile ul li {
	list-style-image: url(../images/checkmark.png);
	font-family:Arial, Helvetica, sans-serif;
	background-position: 0px 5px;
	color:#666;
}
#ecommercesubtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#333;
	line-height:28px;
}
#mobilegraph {
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-weight:bold;
	color:#4F4E4C;
	letter-spacing: -2px;
	background-image:url(../images/mobile-chart.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}
#mobilecontainer {
	position:relative;
	padding:20px;
	text-align:center;
}
#mobilecontacttitle {
	font-size:16px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003366;
}
