@charset "utf-8";
/* CSS Document */
@media (max-width:1023px){
	.accountNav{margin-top:18px;}
	.navigation ul li,
	.accountNav a{margin-left:10px;}
	.logo a img{height:52px;}
	.navigation{margin-top:30px;}
	.navigation ul li a{padding-bottom:22px;}
	.footerLinks .rW .colM{width:33.333333%;}
}
@media (min-width:900px){
	#navOverlay{visibility:hidden !important;}	
}
@media (max-width:899px){
	.navigation{margin-top:18px;}
	.smNavbar{display:block;float:left; color:#FFFFFF; font-size:21px; line-height:24px; cursor:pointer; padding:5px 10px 7px 10px; background-color:#545454;}
	.smNavbar:hover{background-color:#45A6DB;}
	#navOverlay{display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:999; opacity:0; visibility:hidden; -webkit-transition:300ms; transition:300ms;}
	#navOverlay.show{visibility:visible; opacity:1;}
	.navigation > ul{display:block; position:fixed; top:0; right:-240px; width:240px; background-color:#000; height:100%; overflow:auto; z-index:99999;}
	.navigation > ul > li{display:block;float:none;margin:0;border-bottom: 1px dashed #444444;}
	.navigation > ul > li > a{display:block;float:none;color:#C1C1C1; padding:10px 10px; text-align:left; border:none;}
	.navigation > ul > li > a:hover{color:#45a6db; background-color:rgba(255,255,255,0.11);}
	.bannerContainer{background:transparent; padding:38px 0;}
	.creatWorkflow{margin:0;}
	.workFlowBx .image img{height:100px;}
	.workFlowBx .tl{margin:24px 0 0 0; font-size:15px;}
	.bannerTxtCont h2,
	.everythingAuto h2,
	.creatWorkflow h2,
	.styOnSec h2{font-size:25px; line-height:30px;}
	.styOnsection .rW .colM{width:50%;}
}
@media (max-width:767px){	
	.footerLinks .rW .colM{width:50%;}
}
@media (max-width:600px){
	.bannerTxtCont p{font-size:18px; margin:20px 0 0 0;}
	.bannerBtn{width:auto; line-height:40px;}	
	.everythingAuto{text-align:center;}
}
@media (max-width:599px){
	.workFlowList .rW{text-align:center;}
	.workFlowList .rW .colM{width:33.333333%;}
}
@media (max-width:460px){	
	.styOnsection .rW .colM{width:100%;}	
	.footerLinks .rW .colM{width:100%;}
	.workFlowList .rW .colM{width:50%;}
}










