@media screen and (min-width:1800px) {
	
	#sect2 {margin-top:0px}	
}

@media screen and (min-width:991px) and (max-height:900px) {
	#leftmenu.opened .header-nav-menu li.level-0 > a {font-size:30px;}
	#leftmenu.opened .header-nav-menu .menu-item-has-children .sub-menu li a {font-size:24px}
	#leftmenu.opened .header-nav-menu {margin-top:20px}
	
	#leftmenu .right .cntn {padding-top:129px}
}




@media screen and (min-width:1530px) {
	#aboutus #sect1 .container {width:1378px}
	
	.nav-menu li.level-0:first-child {margin-left:-53px}
	.nav-menu li.seeyour {margin-left:110px; }
	
	
	
}
@media screen and (max-width:1600px) {
	#contactus #contactflow #step2 h4 br{display:block}
}	
	
@media screen and (max-width:1530px) {
	.nav-menu li.seeyour {margin-left:80px}
	#casestudiessub.lowes #sect2 .left .inner, #casestudiessub.lowes #sect2 .left .inner h2 {font-size:42px}
	#casestudiessub.pharma #sect2 .left .inner, #casestudiessub.pharma #sect2 .left .inner h2{font-size:26px;line-height:1.4}
	#casestudiessub.pharma .pp1 {top:-200px}
	#casestudiessub.pharma .pp2 {bottom:-160px}
}

@media screen and (max-width:1500px) {
	#careers #sect1 .diam {top:10%;width:30%}

	#casestudiessub #casehero .inner {margin-left:5% !important}
	#casestudiessub.daves #casehero .inner {margin-left:0 !important}
	#casestudiessub.wallmart #casehero .inner {max-width:720px}
	#casestudiessub.pharma #casehero .inner {max-width:720px}
	#casestudiessub #casehero img {margin-right:0px}
	.yellowline {width:1100px;top:-480px;right:23px}
	#casestudiessub #sect1 {padding-top:180px}
	.nav-menu a, .nav-menu .level-0 a {padding-left:18px;padding-right:18px}
	
	#solutions-logistic .decor {width:30%;}
	#casestudiessub.wallmart .right .inner img {right:-130px}
	
	#casestudiessub.daves #casehero img {margin-right:0px;width:520px;margin-bottom:-150px}

}


@media screen and (max-width:1430px) {
		.nav-menu a {font-size:16px;margin-top:30px;}
		.nav-menu .level-0 a, .nav-menu .menu-item-has-children .sub-menu a {padding-left:15px;padding-right:15px}
		.nav-menu li.seeyour {margin-left:20px}
		#block2 .diam {width:30%}
		#careers #sect1 .text .cntn {max-width:540px}
		#careers #sect1 .text p, #careers #sect2 .right p {font-size:22px;line-height:30px}
		.nav-menu .menu-item-has-children .sub-menu {top:75px;}
	
}

@media screen and (max-width:1400px) {
	#sect2 .rectangle {width:40%}
	#careers #sect2 .right img{width:100%}
	#casestudiessub.wallmart .right .inner img {right:-235px}

}

@media screen and (max-width:1350px) {
	#aboutus #sect3 img {height:8vw}
	#aboutus #sect3 .line1 img {margin:0px 2.3vw;}
	#aboutus #sect3 .line2 img {margin:0px 2vw;}
	#aboutus #sect3 .line3 img {margin:0px 2.4vw;}
	#aboutus #sect3 .line4 img {width:auto;margin:0px 1.5vw;}
	#aboutus #sect4 a.image {padding:50% 0;height:0}
	#casestudiessub #casehero .inner {}
	#casestudiessub #sect1 .right .cntn {position:static}
	#casestudiessub.pharma #sect1 .right .cntn {position:relative}
	.yellowline {width:90%;top:-30%;right:auto;left:2.5%}
	#casestudiessub #sect1 {padding-top:15vw}
	#casestudiessub #sect1 .left {margin-top:-2%}
	#casestudiessub #sect1 .right .cntn {margin-top:5vw}
	#casestudiessub.pharma #sect1 .right .cntn {margin-top:2vw}
	#leftmenu .right .cntn {padding-left:50px}
	#leftmenu .right .l2, #leftmenu .right .l3 {padding-right:15px;font-size:20px}
	#leftmenu .right .l1 {font-size:34px}
	
}
@media screen and (max-width:1300px) {
	#casestudiessub.pharma .progressbar {    transform: scale(0.5);    -webkit-transform: scale(0.5);}
	#casestudiessub.pharma .progressbar.pp2 {right:0px;bottom:-100px}
	#aboutus #sect2 {padding-top:80px}
	#casestudiessub.daves #sect2 .left .inner p , #casestudiessub.daves #sect2 .left .inner h2{font-size:26px;max-width:460px}
	#casestudiessub.daves #sect2 {margin-top:-100px}
	#sect2 .graph {width:calc(100% - 15px);height:35vw}
	#sect2 .graph img {width:100%}
	#casestudiessub.daves #sect2 .right .inner {width:100%}
	#casestudiessub.daves #casehero .inner {max-width:520px}
	#casestudiessub.daves #casehero img {width:450px;}
	#sect2 .left .inner .l1 {font-size:26px}
	#casestudiessub.wallmart #sect2 {padding-top:220px}
	.nav-menu .menu-item-has-children .sub-menu {top:73px;}
	#blogfeed .htitle {margin:150px 0px 100px 0px}
	#blogfeed .htitle p {font-size:55px}
	#blogfeed .htitle h1 {font-size:30px}
	.postbottom .box2 {text-align:center}
	.sharebox {display:inline-block;margin:0 auto}
	.sharebox a {background-size:100% !important;width:4vw;height:calc(4vw - 1px);margin:0.3vw;}
	.blogdetail .inner {width:90%}
	.postbottom .nextpost {margin-right:0px}
	.blogdetail .inner .cntn {width:100%;padding-left:60px;padding-right:60px}
	.blogdetail .top .left {width:55%}
	.blogdetail .top .left h1 {padding-right:20px;font-size:42px}
	#casestudiessub.lowes #sect2 .left .inner, #casestudiessub.lowes #sect2 .left .inner h2 {font-size:34px}
	#casestudiessub.pharma #sect2 .left .inner , #casestudiessub.pharma #sect2 .left .inner h2{font-size:22px}
	.blogdetail .top .right img {margin-left:0px}
	#sect2 .left .inner, #sect2 .left .inner h2 {font-size:40px}
	#sect2 .progressbar { transform: scale(0.8);-webkit-transform: scale(0.8);}
	#sect2 {padding-bottom:80px;padding-top:150px;margin-top:-50px;}
	#casestudiessub #casehero {height:550px}
	#casestudiessub #casehero .f2 p,#casestudiessub #casehero .f2 h1, #casestudiessub.lowes #casehero .l1, #casestudiessub.lowes #casehero .l2 {font-size:28px;line-height:1.3}
	#casestudiessub #casehero .inner {max-width:710px}
	#casestudiessub #casehero .f1 p {font-size:55px;}
	#casestudiessub #casehero img {width:80%}
	#casestudiessub.lowes #casehero img {margin-right:0px;width:750px;margin-bottom:-140px}
	#casestudiessub.wallmart #casehero .inner {max-width:64%}
	#casestudiessub.wallmart #casehero img {margin-bottom:-17vw;width:270px}
	#casestudiessub.pharma #casehero .inner {max-width:57%}
	#casestudiessub.pharma #casehero img {margin-bottom:-10vw;width:450px}
	#careers #sect2 .l1 {font-size:150px}
	.nav-menu li.seeyour {margin-left:0px}
	.nav-menu a {font-size:15px;}
	.nav-menu .level-0 a, .nav-menu .menu-item-has-children .sub-menu a{padding-left:10px;padding-right:10px}
	.nav-menu li.getstarted a {padding:35px 0px 41px 0px;font-size:19px;}
	
	#hero {height:650px}
	#hero h1{font-size:90px;}
	#hero h2{width:480px;font-size:32px;}
	#afterhero {padding:100px 0px}
	#afterhero .l1{max-width:880px;}
	#afterhero .l1, #afterhero .l2 {font-size:35px;line-height:50px;}
	#afterhero .l2{padding-top:70px;}
	#afterhero .buttons a{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;height:80px;font-size:20px;line-height:20px;}
	#block1 .l1 {font-size:40px}
	
	#block1 .right .box {font-size:26px}
	
	#block2 {padding-top:100px;}
	#block2 .l1 {font-size:32px;}
	#block2 .l2 {padding-bottom:20px;font-size:70px;}
	#block2 .l3 {max-width:530px;font-size:20px;}
	#block2 .solutions li span {padding: 8px 23px 7px 23px;font-size:28px}
	#block2 .solutions li::before {line-height:56px;width:56px;height:56px;}
	#block2 .diam {width:30%}
	#block3 .rates   {right:0px;width:50%}
	#block3 .l1 {font-size:150px;}
	#block3 .l2 {font-size:44px;}
	#block3 .l3 {font-size:60px;}
	#block3 .l4 {padding-top:35px;max-width:510px;font-size:23px;}
	#block3 .butn {margin-top:20px;}
	
	#blogroll .postdate {top:20px;right:20px;}
	#blogroll .postdate .month {font-size:25px;}
	#blogroll .postdate .day {font-size:80px;}
	#blogroll .title {bottom:20px;right:20px;}
	#blogroll .title .l1 {font-size:42px;}
	#blogroll .title .l2 {font-size:28px;}
	
	
	#blogfeed #blogroll .postdate {top:20px;right:20px;}
	#blogfeed #blogroll .title {width:90%;bottom:20px;right:20px;}
	
	
	#contactus .right form,  #contactus .bottom .cntn, #contactus .right .text {margin-left:auto;margin-right:auto;max-width:90%}
	#contactus .bottom .l2 {font-size:16px}
	#contactus .bottom .l3 {font-size:18px}
	#contactus .right .text .l2 {font-size:16px}
	#contactus .right .text .l3 {font-size:18px}
	#solutions #sect1 .text h1, #solutions #sect1 .text p, #solutions-datastrategy #sect1 .text p, #solutions-datastrategy #section2 .l1, #solutions-logistic #section2 .l1, #solutions-logistic #sect1 .text p, #solutions-logistic #sect1 .text h2 {font-size:36px;}
	#solutions #sect1 .text .cntn {max-width:557px}
	#solutions-datastrategy #sect1 .text .cntn {max-width:620px}

}


@media screen and (max-width:1200px) {
	.gform_confirmation_message {font-size:26px}
	#contactus .left .l2 {font-size:32px;}
	#casestudiessub.daves #casehero .f2 p, #casestudiessub.daves #casehero .f2 h1 {font-size:24px}
	#casestudiessub.daves #casehero .inner {max-width:450px}
	#casestudiessub.lowes #sect2 {padding-top:100px}
	#casestudiessub.lowes #casehero img {width:650px;}
	#sect2 .left .inner .l1 {font-size:22px}
	#casestudiessub.wallmart #sect2 {padding-top:180px;padding-bottom:100px}
	#casestudiessub.wallmart .right .inner img {width:100%;right:-4%}
	#casestudiessub #sect1 .left {height:400px}
	#leftmenu .header-nav-menu li.level-0 > a {font-size:36px}
	#leftmenu .header-nav-menu .menu-item-has-children .sub-menu li a {font-size:30px}
	#solutions-retail #specialties .text h3{font-size:28px;}
	#solutions-retail #specialties .text p,#solutions-retail #specialties .text li  {font-size:16px}
	#solutions-retail #specialties .left .text {padding-right:50px;}
	#solutions-retail #specialties .right .text  {padding-left:50px}
	#solutions-retail #specialties .image {height:400px;}

	#solutions-retail #section2 .l1, #solutions-retail #section2 h2 {padding:70px 0px;font-size:38px;}
	#solutions-retail #sect1 p {font-size:32px;}
	#solutions-retail #sect1 .inner {margin:30px auto;max-width:600px}

	.nav-menu .menu-item-has-children .sub-menu {top:63px;}
	#solutions #section2 .grid a span {font-size:26px;}
	#blogfeed #categs li a  {font-size:18px}
	#blogfeed .alm-reveal {  grid-gap: 20px;}
	#blogfeed #blogroll {margin-top:20px}
	.allposts {font-size:17px}
	#casestudiessub #sect1 {padding-top:18vw}
	
	#casestudiessub #casehero {height:500px}
	#casestudiessub #casehero .f1 p {margin-top:0px}
	.yellowline {left:3%;top:-12vw}
	#casestudiessub #sect1 .right .cntn, #casestudiessub #sect1 .right h1 {font-size:26px;line-height:1.2}
	#casestudies .right .cntn  {padding-left:50px}
	#casestudiessub #casehero img {width:70%}
	#casestudiessub.wallmart #casehero .inner {max-width:62%}
	#casestudiessub.wallmart #casehero img {margin-bottom:-190px;width:250px}
	
	
	#casestudies h1 {font-size:50px}
	#casestudies .right .cntn a {height:0px;padding:18vw 0}
	#casestudies .right .cntn a .title img {width:60px;margin-left:15px;margin-top:12px}
	#casestudies .right .cntn a .title {padding-bottom:20px;font-size:32px}
	#careers #sect2 .left {max-width:100%}
	#careers #sect1 {margin-top:100px}
	#careers #sect1 .text2 .cntn {padding-top:100px;padding-bottom:100px}
	#careers #sect1 .text p, #careers #sect2 .right p {font-size:21px}
	#careers #sect2 .right {max-width:500px}
	#careers #sect1 .diam {width:26%}
	#careers #sect1 .image {height:400px}
	.nav-logo a {margin-left:15px}
	.nav-logo a img {width:150px}
	.nav-menu .level-0 a {margin-top:16px}
	.nav-menu li.getstarted a {padding:31px 0px 25px 0px;}
	#block1 .right .box img {width:65px;padding-bottom:10px}
	#block1 .right .box {font-size:24px}
	
	#testim .inner  {max-width:650px}
	#testim .l1 {font-size:24px;}
	#testim .l2 {font-size:20px;}
	#testim .l3 {font-size:20px;}
	
	.footer-newsletter .l1 {font-size:32px}
	.footer-newsletter .l2 {padding-bottom:35px;font-size:26px}
	
	.gform_wrapper input:not([type="submit"]), .gform_wrapper textarea, .gform_wrapper select {font-size:20px !important;}
	#contactus #field_2_10 select {margin-top:37px !important}
	::-webkit-input-placeholder{font-size:20px  !important}
	:-moz-placeholder{font-size:20px  !important}
	::-moz-placeholder{font-size:20px  !important}
	:-ms-input-placeholder{font-size:20px  !important}
	::-ms-input-placeholder{font-size:20px  !important}
	::placeholder{font-size:20px  !important}
	#contactus .left h1 {font-size:50px;line-height:1.1;}
	#contactus .left .ctt {top:30px;left:30px}
	#aboutus .heading p, #aboutus h2 {font-size:55px;}
	#aboutus .heading h1 {max-width:900px;font-size:32px;line-height:1.3}
	#aboutus #sect1 .box .l2 {font-size:28px}
	#aboutus #sect1 .box .l3 {padding:0px 20px;}
	
	
	#aboutus #sect2 .item h3 {font-size:28px;}
	
	#aboutus #sect4 .name{padding-top:30px;font-size:20px;}
	#aboutus #sect4 span{font-size:20px}
	
	
	#hero.innerhero h1, #solutions #hero.innerhero h1, #solutions #hero.innerhero p,  #careers #hero.innerhero p, #hero.innerhero h3, #solutions #hero.innerhero h3 {width:620px;padding-left:30px ;font-size:55px;}
	#hero.innerhero {height:500px}
	#careers h4 {font-size:55px;}
	
	#categories {padding-top:60px;}
	#categories .box {max-width:400px;padding-bottom:60px;}
	#categories .box h2,#categories .box h3  {font-size:28px;}
	#categories .box p {padding-top:15px;font-size:18px;}

	#solutions-logistic #categories .box {max-width:430px}
	
}


@media screen and (max-width:1120px) {
	#casestudiessub.pharma .pp1 {top:-120px}
	#casestudiessub.pharma .progressbar.pp2 {bottom:-50px}
	#casestudiessub.pharma #sect2 .left {padding-bottom:100px}
	.pharma #sect2 {margin-top:-20px}
	#casestudiessub.pharma #casehero .f2 p,#casestudiessub.pharma #casehero .f2 h1  {font-size:24px}
	#casestudiessub.pharma #casehero .inner {max-width:55%}
	.gform_confirmation_message br{display:none}
	#aboutus #sect3 {margin:0px}
	#casestudiessub.daves #sect2 {padding-bottom:40px;margin-top:-50px}
	#casestudiessub.daves #sect2 .left .inner p, #casestudiessub.daves #sect2 .left .inner h2 {max-width:390px;font-size:22px}
#casestudiessub.daves #sect2 .left .inner .l2 {margin:20px 0px}
	#casestudiessub.daves #casehero img {margin-bottom:-130px;width:400px}
	 #casestudiessub.lowes #casehero .l1, #casestudiessub.lowes #casehero .l2 {font-size:24px}
	#leftmenu .l4 {font-size:20px}
	#leftmenu .right .cntn {padding-left:20px}
	.nav-menu .menu-item-has-children .sub-menu {top:62px;}
	#solutions #section2 {padding-bottom:40px}
	#solutions #section2 .l1 {font-size:26px;}

	#solutions #sect1, #solutions-datastrategy #sect1 {padding-top:80px;padding-bottom:80px}
	#solutions #sect1 .text h1, #solutions #sect1 .text p, #solutions-datastrategy #sect1 .text p , #solutions-datastrategy #section2 .l1, #solutions-logistic #section2 .l1, #solutions-logistic #sect1 .text p, #solutions-logistic #sect1 .text h2{font-size:32px;}
	 #solutions-logistic #sect1 .text p, #solutions-logistic #sect1 .text h2 {width:90%}
	#solutions #sect1 .text .cntn {max-width:495px}
	#solutions-datastrategy #sect1 .text .cntn {max-width:550px}
	.postbottom .nextpost .txt {width:200px}
	.blogdetail .top .left h1 {font-size:38px}
	.blogdetail .top .right img {width:100%}
	.blogdetail .inner .cntn {font-size:18px;    line-height: 1.4;}
	.blogdetail .inner .cntn blockquote {font-size:28px;line-height:1.3}
	#sect2 .left .inner, #sect2 .left .inner h2 {font-size:34px}
	#sect2 .progressbar { transform: scale(0.5);-webkit-transform: scale(0.5);}
	#sect2 {padding-bottom:0px;padding-top:60px;margin-top:-70px;}
	
	
	#careers #sect2 .l1 {font-size:130px}
	#careers #sect2 .decor {top:-75px;width:40%}
	body.fixed-nav header .fixedlogo a {margin-top:10px}
	.nav-menu a {font-size:14px;}
	.nav-menu li.getstarted{width:140px;}
	.nav-menu li.getstarted a {padding:28px 0px 25px 0px;font-size:16px;}
	.nav-menu li.seeyour a {background-size:20px !important;padding-left:30px;}
	.nav-menu .level-0 a {padding-left:10px;padding-right:10px}
	#afterhero .buttons a{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;height:70px;font-size:16px;line-height:16px;}
	#block2 .l1 {font-size:25px;}
	#block2 .l2 {font-size:55px;}
	#block2 .l3 {max-width:480px;font-size:18px;}
	#block2 .solutions li{padding-left:46px}
	#block2 .solutions li span {padding: 8px 15px 7px 15px;font-size:22px}
	#block2 .solutions li::before {font-size:46px;line-height:46px;width:46px;height:46px;}
	#block3 .decor {top:-50px;width:40%}
	#block3 .l1 {font-size:130px;}
	#block3 .l2 {font-size:40px;}
	#block3 .l3 {font-size:50px;}
	#block3 .l4 {max-width:440px;font-size:20px;}
	#blogroll .slick-next {width:30px;height:56px;background-size:100%}
	#blogroll {margin-top:120px;}
	#contactus .bottom .icons {float:none;width:100%;text-align:center}
	#contactus .bottom .icons a  {float:none;display:inline-block;margin:0px 5px}

}

@media screen and (max-width:1060px) {
	#casestudiessub.lowes #sect2 {padding-top:60px}
	#casestudiessub.lowes #sect2 .left .inner, #casestudiessub.lowes #sect2 .left .inner h2 {font-size:30px}
	#casestudiessub.daves #casehero .f2 p, #casestudiessub.daves #casehero .f2 h1 {font-size:22px;}
	#casestudiessub.daves #casehero .inner {max-width:420px}
	#casestudiessub.pharma #sect2 .left .inner, #casestudiessub.pharma #sect2 .left .inner h2 {font-size:20px}
	#casestudiessub.pharma .progressbar {    transform: scale(0.4);    -webkit-transform: scale(0.4);}

}

@media screen and (max-width:1020px) {
	#aboutus #sect4 .inner {  grid-gap: 20px;}
	
}

@media screen and (max-width:991px) {
#casestudiessub.pharma #casehero img {margin-bottom:-14vw}
	#casestudiessub.wallmart #sect1 .left, #casestudiessub #sect1 .left {height:365px}
	#casestudiessub.lowes #sect2 {padding-top:0px}
	#casestudiessub.lowes #casehero img {margin-bottom:-120px;width:650px;}
	#solutions-retail #section2 .l1 , #solutions-retail #section2 h2{padding:40px 0px;font-size:34px;}
	#categories {padding-top:40px;}
	#categories .box {max-width:400px;padding-bottom:30px;}
	#categories .box img{width:80px}
	#categories .box h2, #categories .box h3 {font-size:25px;}
	#categories .box p {padding-top:12px;font-size:17px;}
	#solutions-logistic #categories .box {max-width:100%}
	
	#solutions #section2 .grid a span {font-size:18px}
	#solutions #sect1 , #solutions-datastrategy #sect1 {padding-bottom:100px}
	#solutions-datastrategy #sect1 .text .cntn {margin-left:-65px}
	#blogfeed .htitle {margin:120px 0px 70px 0px}
	#blogfeed .htitle p {font-size:50px}
	#blogfeed .htitle h1 {max-width:500px;font-size:26px}
	#solutions #sect1 .text h1, #solutions #sect1 .text p, #solutions-datastrategy #sect1 .text p, #solutions-datastrategy #section2 .l1, #solutions-logistic #section2 .l1, #solutions-logistic #sect1 .text p , #solutions-logistic #sect1 .text h2{font-size:26px}
	 #solutions-logistic #sect1 .text p, #solutions-logistic #sect1 .text h2{width:70%}
	.postbottom {position:relative}
	.postbottom .nextpost .txt {width:300px}
	.postbottom .box1 {width:160px}

	.postbottom .box2 {width:100%;position:absolute;top:-60px;left:0px;right:0px;margin:auto}
	.sharebox a {width:35px;height:35px;margin:0 6px}
	.postbottom .box3 {width:calc(100% - 160px)}
	.blogdetail .top {padding-top:140px}
	
	.yellowline {top:-15vw}
.blogdetail .top .left {padding-bottom:40px}
.blogdetail .top .left h1 {font-size:32px}
	.blogdetail .inner .cntn {margin-top:-5vw;padding:60px 80px 100px 80px}
	.blogdetail .top {padding-bottom:3vw}
	#casestudiessub #casehero img {margin-bottom:-10vw}
	#casestudiessub.wallmart #casehero .inner {max-width:64%}
	#casestudiessub #casehero .inner  {margin-left:0% !important}
	#careers #sect2 .decor {width:300px;top:-90px}
	#careers #sect2 .l1 {font-size:110px} 
	#careers #sect1 .text2 .cntn {padding-top:50px;padding-bottom:50px}
	#careers #sect1 .image {height:350px}
	#hero.innerhero h1, #hero.innerhero h3, #hero.innerhero p, #careers #hero.innerhero p{padding-left:15px}
	#careers #hero.innerhero a {padding:15px 0px 13px 0px;width:220px;font-size:19px}
	.fancybox-content .text .cntn {padding-left:35px;padding-right:35px}
	.fancybox-content .text .cntn .l1 {font-size:28px;}
	.fancybox-content .text .cntn .l2 {padding-bottom:20px;font-size:22px;}
	.fancybox-content .text .cntn .socials a {-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;display:block;width:40px;height:40px;background-size:25px !important}
	body {font-size:16px;}
	.footer {padding:40px 0px}
	#leftmenu {display:none}
	#page {margin-left:0px;}
	.nav-logo a {margin-left:0px;margin-top:10px;margin-bottom:10px}
	header {left:0px;width:100%}
	#hero .cntn {margin-left:15px}
	#hero {background-position:center -10% !important;height:500px}
	#hero h1{font-size:60px;}
	#hero h2{padding-top:10px;max-width:320px;font-size:21px;}
	a.butn, #contactus .gform_button {-webkit-border-radius: 32px;-moz-border-radius: 32px;border-radius: 32px;font-size:16px !important;}
	#contactus .gform_button {padding:10px 0px 6px 0px !important;width:180px !important;margin-left:auto;margin-right:auto;display:block;}
	#contactus .right .inner .text {text-align:center}
	
	#hero a.butn {margin-top:30px;width:180px}
	#afterhero {padding:80px 0px;}
	#afterhero .buttons {   grid-gap: 15px;}
	
	#block3 .l1 {font-size:110px;}
	#block3 .l2 {font-size:35px;}
	#block3 .l3 {font-size:48px;}
	#block3 .l4 {max-width:390px;font-size:18px;}
	#block3 .l4 {padding-top:20px}
	#block3 .decor {width:300px}
	#block3 .butn {width:220px;font-size:17px}
	

	#blogroll .postdate .month {font-size:22px;}
	#blogroll .postdate .day {font-size:2em;}
	#blogroll .title .l1 {font-size:34px;}
	#blogroll .title .l2 {font-size:26px; font-weight: 300;}
	
	#blogfeed #blogroll .postdate .month {font-size:2em;}
	#blogfeed #blogroll .postdate .day {font-size:40px;}
	#blogfeed #blogroll .title .l1 {font-size:25px;}
	#blogfeed #blogroll .title .l2 {font-size:18px; font-weight: 300;}
	
	.footer-newsletter .l1 {font-size:26px; }
	.footer-newsletter .l2 {font-size:22px}
	.gform_wrapper .gform_button.button, #careers #apply a.butn {padding:15px 0px 13px 0px !important ;width:220px !important;font-size:19px !important;}
	#contactus .left h1 {line-height:1.1;}
	#contactus .left .ctt {top:15px;left:15px}
	#aboutus #sect1 {margin-top:50px}
	#aboutus #sect1 .l1 {font-size:28px;margin-bottom:70px}
	#aboutus #sect1 .box img {height:60px}
	#aboutus #sect1 .box .l2 {font-size:22px}
	#aboutus #sect1 .box .l3 {margin-top:15px;}
	#aboutus #sect3 {margin:90px 0px 68px 0px;}
		#sect2 .rectangle {width:48%}
}

@media screen and (min-width:768px) and (max-width:991px) {



}

@media screen and (max-width:880px) {
	#casestudiessub.lowes #casehero img {margin-bottom:-13vw;width:75%}
	#casestudiessub.daves #casehero img {margin-bottom:-14vw;width:45%}
	#casestudiessub.daves #casehero .inner {max-width:50%}
	#casestudiessub.daves #casehero {height:400px}
	
	#casestudiessub.daves #sect2 {margin-top:-20px}
}

@media screen and (max-width:820px) {
	#blogfeed #categs li a  {font-size:16px}
	#casestudiessub.lowes #sect2 .left .inner, #casestudiessub.lowes #sect2 .left .inner h2 {font-size:24px}
	#casestudiessub.pharma #sect2 .left .inner, #casestudiessub.pharma #sect2 .left .inner h2 {font-size:18px}
	#casestudiessub.pharma .progressbar.pp2 {bottom:-70px;right:-50px}
}

@media screen and (max-width:767px) {
	#casestudiessub.pharma .progressbar.pp2 {bottom:auto;top:200px;top:90px;right:-100px}
	#casestudiessub.pharma .pp1 {left:auto;right:0px}
	#casestudiessub.wallmart #sect1 .left, #casestudiessub #sect1 .left {height:40vw}
	#casestudiessub.daves #sect2 .left .inner p , #casestudiessub.daves #sect2 .left .inner h2{max-width:320px;font-size:18px;}
	#casestudiessub.daves #sect2 .right .inner {margin-left:0px}
	#sect2 .graph  {margin-right:0px;margin-left:auto;width:90%;}
	#casestudiessub.daves #sect2 .left .inner .l2 {font-size:24px}
	#casestudiessub.daves #sect2 .right {width:42%}
	#casestudiessub.pharma #casehero {height:500px}
	#sect2 .graph .labl {right:20px;bottom:20px}
	#sect2 .graph .labl .l1 {font-size:45px}
	#sect2 .graph .labl .l2 {font-size:20px;}
	#sect2 .graph .labl .l3 {font-size:26px;}
	#casestudiessub.daves #sect1 .right .cntn {margin-left:25px;}
	#casestudiessub.daves #casehero .f2 p , #casestudiessub.daves #casehero .f2 h1{font-size:20px;line-height:1.4;padding-top:15px}
	#casestudiessub.daves #casehero .f1 p {margin-top:50px}
	#sect2 .left .inner .l1 {font-size:18px}
	#casestudiessub.wallmart #sect2 .left .inner, #casestudiessub.wallmart #sect2 .left .inner h2 {font-size:26px}
	#casestudiessub.wallmart .right .inner img {right:-20%}
	#casestudiessub.wallmart #sect2 {padding-top:140px;padding-bottom:60px}
	#casestudiessub.wallmart #sect2 .left {width:60%}
	#casestudiessub.wallmart #sect2 .right {width:40%}
	#solutions-retail #specialties .text h3{font-size:23px;}
	#solutions-retail #specialties .text p,#solutions-retail #specialties .text li  {font-size:15px}
	#solutions-retail #specialties .left .text {padding-right:30px;}
	#solutions-retail #specialties .right .text  {padding-left:30px}
	#solutions-retail #specialties .image {height:350px;}
	#solutions-retail #specialties .text ul {margin-top:20px}
	#solutions-retail #specialties {margin-bottom:60px}
	
	
	#solutions-logistic .decor {top:0px;}
	#solutions-logistic #sect1 {padding-top:80px;padding-bottom:80px}	
	#solutions-logistic #sect1 .text p, #solutions-logistic #sect1 .text h2 {width:90%;margin-top:-40px}
	
	#categories .box {padding-bottom:20px;max-width:400px;}
	#categories .box img{width:60px;padding-bottom:15px;}
	#categories .box h2, #categories .box h3 {font-size:22px;}
	#categories .box p {font-size:16px;}
	
	
	 #solutions-datastrategy #section2 .l1 , #solutions-logistic #section2 .l1{padding-top:30px}
		#solutions #sect1, #solutions-datastrategy #sect1  {padding-top:60px;padding-bottom:60px}
	#solutions #sect1 .text h1, #solutions #sect1 .text p , #solutions-datastrategy #sect1  .text p{font-size:22px;}
	#solutions-datastrategy #sect1 .text .cntn {margin-left:-44px}
	
	#blogfeed .alm-reveal {  grid-template-columns: repeat(2,1fr); }
	
	.blogdetail .top .left, .blogdetail .top .right {display:block;width:100%;text-align:center}
	.blogdetail .top .left h1 {font-size:28px;padding-right:0px;max-width:100%}
	.allposts {margin-left:auto;margin-right:auto;margin-bottom:30px}
	.entry-date {font-size:14px;text-align:center;display:block}
	.blogdetail .inner .cntn {margin-top:0px;}
	.blogdetail .top .right img {max-width:395px;margin-bottom:20px}
	.blogdetail .inner {width:100%;padding-left:15px;padding-right:15px}
	
	.blogdetail .inner .cntn {padding:30px 0px 80px 0px;font-size:16px}
	.blogdetail .inner .cntn blockquote {margin-left:30px;font-size:20px}
	.blogdetail .inner .cntn blockquote::before {width:40px;background-size:100%}
	#sect3 {padding:30px 0px}
	#sect3 .l1 {font-size:24px}
	#sect3 a {font-size:20px;margin-top:10px}
	#sect2 .right .inner {margin-left:-20%}
	
	#sect2 .left .inner{font-size:30px;padding-left:15px;}
	#sect2 .left .inner h2 {font-size:30px;}
	#sect2 .progressbar { transform: scale(0.4);-webkit-transform: scale(0.4);}
	#sect2 {padding-bottom:0px;padding-top:60px;margin-top:-70px;}
	
	
	#casestudiessub #casehero {height:400px}
	#casestudiessub #casehero .f1 p {font-size:40px}
	#casestudiessub #casehero .f2 p, #casestudiessub #casehero .f2 h1 {font-size:24px}
	 #casestudiessub.lowes #casehero .l1, #casestudiessub.lowes #casehero .l2 {font-size:20px}
	#casestudiessub #casehero .inner {max-width:100%}
	#casestudiessub.wallmart #casehero .inner {max-width:62%}
	#casestudiessub.wallmart #casehero img {width:180px;margin-bottom:-120px}
	#casestudiessub.wallmart #casehero .f2 p, #casestudiessub.wallmart #casehero .f2 h1 {font-size:20px}
	#casestudiessub.pharma #casehero .f2 p , #casestudiessub.pharma #casehero .f2 h1{font-size:18px}
	#casestudiessub.pharma #casehero img {width:300px;margin-bottom:-70px}
	#casestudiessub.pharma #casehero .inner {max-width:52%}
	
	#casestudiessub #sect1 .left {height:40vw}
	#casestudiessub #sect1 .right .cntn {margin-left:-15px;font-size:23px}
	#casestudiessub #sect1 .right h1 {font-size:23px}
	#casestudies .inner {padding:100px 0px}
	#casestudies h1 {font-size:40px}
	#casestudies .right .cntn a .title {font-size:24px;}
	#casestudies .right .cntn a .title img {width:40px}
	#careers #sect2 .l1 {font-size:90px}
	#careers #sect2 {padding-bottom:60px}
	#careers #sect1 .text {}
	#careers #sect1 .text2 .cntn {padding-left:50px}
	#careers #sect1 {margin-top:60px}
	#careers h4 {padding-bottom:15px}
	#careers #sect1 .diam {width:28%}
	#hero.innerhero {height:400px}
	#hero.innerhero h1, #solutions #hero.innerhero h1, #solutions #hero.innerhero p, #hero.innerhero h3, #solutions #hero.innerhero h3 {font-size:40px;width:450px}
	#careers h4 {font-size:40px;}
	#careers #sect1 .text p , #careers #sect2 .right p{font-size:18px;line-height:26px}
	#sect2 .rectangle {top:50px !important;width:27%}
	#contactus .bottom {margin-top:40px;position:static;left:auto;bottom:auto}
	#contactus .right .inner {margin-top:0px}
	#contactus .left,#contactus .right {width:100%}
	#contactus .left, .wpgmp_map  {height:500px !important}
	#contactus .right {padding:50px 0px 0px 0px}
	#hero {height:400px}
	#hero h1{padding-top:15%;font-size:9vw;}
	#hero h2{padding-top:1.5vw;max-width:44vw;font-size:3.1vw;}
	
	#afterhero .l1, #afterhero .l2 {font-size:28px;line-height:40px;}
	#block1 .l1 {font-size:33px}
	#afterhero .l2{padding-top:50px;}
	#afterhero .buttons {  display: flex;  flex-wrap: wrap;  justify-content: center;  }
	#afterhero .buttons a {	flex: 0 0 calc(50% - 20px); margin-bottom:10px;margin-left:10px;margin-right:10px }
	#afterhero .more {margin-top:25px}
  
	#block1 {margin:20px 0px}
	#block1 .right .box {font-size:20px}
	#block2 .diam {display:none}
	#block2 {text-align:center;padding-top:140px}
	#block2 .l3 {margin:0 auto}
	#block3 .rates {top:auto !important;left:auto;right:auto;display:block;margin:0 auto;position:relative;padding-top:50px;padding-bottom:20px;}
	#block3 {padding-top:60px}
	#block3 .decor {top:-120px}
	#block3 .inner {text-align:center;margin:30px 0px 0px 0px !important}
	#block3 .l4 {margin:0 auto}
	#blogroll {margin-top:50px;}
	#contactus .left h1 {font-size:40px}
	#contactus .left .l2 {font-size:23px;}
	#contactus .bottom {padding:40px 0px}
	#contactus .bottom .boxx {text-align:center;}
	#contactus .bottom .boxx .l5 {font-size:20px;}
	#contactus .bottom .boxx .l6 {font-size:24px}
	#aboutus .heading p, #aboutus h2  {font-size:45px}
	#aboutus .heading h1 {font-size:24px;margin-bottom:40px}
	#aboutus #sect1 {padding-bottom:60px;margin-bottom:0px}
	
	#aboutus #sect2 .text {padding:15px;}
	#aboutus #sect2 .bg {height:70vw}
	#aboutus #sect2 .left {width:100%}
	#aboutus #sect2 .right {width:100%;}
	#aboutus #sect2 .item p {max-width:100%}
	#aboutus #sect2 h2 {margin-bottom:10px;padding-bottom:0px}
	#aboutus #sect2 .text {margin-top:20px;margin-bottom:20px}
	#aboutus #sect2 .item h3 {font-size:24px;}
	#aboutus #sect2 .item:nth-child(2) {margin-top:30px}
	
	#aboutus #sect2 .blck .text { order: 1; }
    #aboutus #sect2 .blck .bg{ order: 2; }
	
	#aboutus #sect4 .name{padding-top:20px;font-size:18px;}
	#aboutus #sect4 span{font-size:18px}
	#aboutus #sect4 .inner {  grid-gap: 15px; padding-bottom:70px;}
	
	
	
	
}
@media screen and (max-width:700px) {
	#blogfeed #categs li {display:none}
	#categsmobile {display:block} 
	#casestudiessub.lowes #sect2 .left .inner, #casestudiessub.lowes #sect2 .left .inner h2 {font-size:22px}
	#casestudiessub.lowes #sect2 .left .inner, #casestudiessub.lowes #sect2 .left .inner h2 {margin-left:0 !important}
}

@media screen and (min-width:600px) {
.footer-newsletter li.gfield:nth-child(4) {margin-right:0% !important}
.footer-newsletter li.gfield:first-child {margin-left:0% !important}
.footer-newsletter li.gfield:last-child {margin-right:0% !important}

}
@media screen and (max-width:650px) {
	#casestudiessub.lowes #casehero span {display:inline !important}
	#casestudiessub.lowes #casehero span.l2 {padding-left:8px}
	#casestudiessub.lowes #casehero {height:350px}
	#casestudiessub.lowes #casehero .l1, #casestudiessub.lowes #casehero .l2 {font-size:18px}
	#casestudiessub.lowes #casehero .inner {max-width:55%}
}	 
	 
@media screen and (max-width:600px) {
	#casestudiessub.pharma #sect2 .right {height:65vw}
	#casestudiessub.pharma #sect2 .left {padding-bottom:30px}
	#casestudiessub.pharma .pp1 {left:0px;right:auto}
	#casestudiessub.pharma .progressbar.pp2 {left:20%;right:auto}
	#casestudiessub.pharma .progressbar {transform: scale(0.3);    -webkit-transform: scale(0.3);}
	#casestudiessub.pharma .progressbar.pp2 {top:10px}
	.gform_confirmation_message {font-size:20px}
	#jobwidget {margin-top:40px;}
	#casestudiessub.daves #sect2 {padding-top:30px;margin-top:0px}
	#casestudiessub.daves #sect1 .right, #casestudiessub.daves #sect2 .right {width:100%}
	#casestudiessub.daves #sect2 .left .inner p,#casestudiessub.daves #sect2 .left .inner h2 {max-width:100%}
	#sect2 .graph {height:60vw;margin-left:auto;margin-right:auto;width:80%}
	#casestudiessub.daves #sect1 .left {width:100%}
	#casestudiessub.daves #sect1 .right .cntn {max-width:100%;margin-left:15px;margin-top:25px !important;}
	#casestudiessub.daves #sect1 .left {height:62vw}
	#casestudiessub.daves #casehero {height:100%}
	#casestudiessub.daves #casehero .right {position:static;margin:auto;top:auto;}
	#casestudiessub.daves #casehero .f1 p {margin-top:100px}
	#casestudiessub.daves #casehero img {margin-bottom:-100px;width:300px;margin-left:auto;margin-right:auto}
	#casestudiessub.daves #sect1 {padding-top:130px}
	#casestudiessub.daves #casehero .inner {padding-bottom:25px;max-width:100%}
	#casestudiessub.daves #casehero .right {text-align:center;display:block}
	#casestudiessub.lowes #sect2 .left .inner, #casestudiessub.lowes #sect2 .left .inner h2 {width:400px;font-size:28px}
	#casestudiessub.lowes #sect2  {padding-top:0px}
	#casestudiessub.wallmart #sect2 .left {width:100%}
	#casestudiessub.wallmart #sect2 .right {width:100%;height:70vw}
	
	#casestudiessub.wallmart #sect2 .right img {width:calc(100% - 30px);right:0px;top:50px;left:0px;margin:auto;transform: translate(0,0);    -webkit-transform: translate(0,0);}
	#casestudiessub.wallmart #sect2 {padding-top:60px;}
	#solutions-retail #specialties .text p,#solutions-retail #specialties .text li  {font-size:16px}
	#solutions-retail #specialties .left, #solutions-retail #specialties .right {width:100%}
	#solutions-retail #specialties .image {height:100%;padding:35vw 0px}
	#solutions-retail #specialties .right .text, #solutions-retail #specialties .left .text {padding:20px 0px}
	#solutions-retail #specialties .text ul {margin-bottom:20px}
	#solutions-retail #specialties .o1 {order:1}
	#solutions-retail #specialties .o2 {order:2}
	#solutions-retail #specialties .o3 {order:3}
	#solutions-retail #specialties .o4 {order:4}
	#solutions-retail #specialties .o5 {order:5}
	#solutions-retail #specialties .o6 {order:6}
	#solutions-retail #section2 .l1 , #solutions-retail #section2 h2{padding:30px 0px;font-size:25px;}
	#solutions-retail #sect1 p {font-size:24px;}
	#solutions-logistic .decor {display:none}
	#solutions-logistic #sect1 .image, #solutions-logistic #sect1 .text {width:100%;}
	#solutions-logistic #sect1 .image  {height:100%}
	#solutions-logistic #sect1 .text .cntn {max-width:100%}
	#solutions-logistic #sect1 .text .cntn, #solutions-logistic #sect1 .image img {position:static;margin:0px;top:auto !important;left:auto;}
	#solutions-logistic #sect1 .text p , #solutions-logistic #sect1 .text h2{padding-bottom:30px;width:100%;margin:0px;padding-left:15px;padding-right:15px}
	#solutions-logistic #sect1 {padding-top:30px;padding-bottom:30px;}
	#solutions #section2 .grid { grid-gap: 10px;}
	#solutions #section2 {padding-bottom:30px}
	#solutions #section2 .l1 {font-size:22px;}
	#solutions #sect1 .image, #solutions-datastrategy #sect1 .image {width:100%;height:100%}
	#solutions #sect1, #solutions-datastrategy #sect1  {padding-top:30px;padding-bottom:30px}
	#solutions #sect1 .text, #solutions-datastrategy #sect1 .text {width:100%;}
	#solutions #sect1 .text .cntn, #solutions-datastrategy #sect1 .text .cntn {margin-top:auto !important;margin-left:auto;max-width:100%}
	#solutions #sect1 .image img, #solutions-datastrategy #sect1  .image img {position:static;top:0px !important;}
	#solutions #sect1 .text h1, #solutions #sect1 .text p, #solutions-datastrategy #sect1 .text p{font-size:20px;padding:30px 15px 0px 15px}
	#solutions-datastrategy #section2 .l1 , #solutions-logistic #section2 .l1, #solutions-logistic #sect1 .text p, #solutions-logistic #sect1 .text h2{font-size:20px}
	#blogfeed .htitle {margin:100px 0px 30px 0px}
	#blogfeed .htitle p {font-size:34px}
	#blogfeed .htitle h1 {max-width:100%;font-size:22px}
	
	#blogfeed #blogroll {margin-bottom:40px;}
	.alm-btn-wrap .alm-load-more-btn {font-size:16px !important}
		#blogfeed .alm-reveal {   grid-gap: 15px; grid-template-columns: repeat(1,1fr); }
		#blogfeed #blogroll {margin-top:15px}
	.postbottom .box3,.postbottom .box1 {width:100%;}
	.postbottom .nextpost .txt {width:calc(100% - 40px)}
	#sect2 .right .inner {margin-left:auto;margin-right:auto}
	#sect2 .progressbar { transform: scale(0.6);-webkit-transform: scale(0.6);}
	#sect2 {margin-top:0px}
	#sect2 .left, #sect2 .right {width:100%;}
	#sect2 .left .inner {padding-right:15px;}
	#sect2 .left .inner, #sect2 .left .inner h2 {font-size:26px}
		#casestudies .right .cntn a {padding:24vw 0}
	#casestudies .right .cntn {padding-top:0px}
	#casestudies .left, #casestudies .right {width:100%;float:none}
	#casestudies .left h1 {text-align:left;background:none}
	#casestudies .right .cntn {padding-left:15px}
	#casestudiessub.wallmart #casehero .inner {max-width:55%}
	#casestudiessub.wallmart #casehero img {width:160px;margin-bottom:-100px}
	#casestudiessub.wallmart #casehero .f2 p, #casestudiessub.wallmart #casehero .f2 h1{font-size:18px}
	#casestudiessub.wallmart #casehero .f1 p {font-size:32px}
	#casestudiessub.wallmart #casehero .f2 p, #casestudiessub.wallmart #casehero .f2 h1{padding-top:15px}
	#careers #sect2 .right img {margin-top:40px}
	#careers #sect2 .right {margin-left:auto;float:none;max-width:100%;width:100%;}
	#careers #sect2 .l1 {font-size:110px}
	#careers #sect2 .left {width:100%;float:none}
	#careers #sect1 .text .cntn {padding-left:20px}
	#careers #sect1 .text.text2 {width:65%}
	#aboutus #sect4 .box {margin-bottom:25px}
	#aboutus #sect4 .inner {padding-top:0px;  grid-template-columns: repeat(2,1fr);  padding-bottom:20px;}
	#aboutus #sect4 .name{font-size:16px;}
	#aboutus #sect4 span{font-size:16px}
#careers #sect2 .right h4, #careers #sect2 .right p {padding-left:20px;padding-right:20px;}
	#hero h1 {padding-top:25%;line-height:1}
	#hero h2{line-height:1.3;padding-top:1.5vw;max-width:44vw;font-size:4vw;}
	#afterhero .more {line-height:24px;font-size:20px;}
	
	#block1 .left, #block1 .right {margin:0px !important;top:auto !important;bottom:auto !important;width:100%;}
	#block1 .left img {margin:0px}
	#block1 .right .box {margin:0px !important}
	#block1 .right {padding:30px 0px 40px 0px}
	#block1 .l1 {padding-bottom:30px}
	#block2 {padding-top:30px}
	
	#blogroll .postdate .month {font-size:18px;}
	#blogroll .postdate .day {font-size:40px;}
	#blogroll .title .l1 {font-size:26px;}
	#blogroll .title .l2 {font-size:22px;}
	#blogroll .postdate  {top:10px;right:10px;}
	#blogroll .title  {bottom:10px;right:10px;}
	#blogroll a {padding:50% 0px;}
		#testim .l1 {font-size:20px;}
	#testim .l2 {font-size:17px;}
	#testim .l3 {font-size:17px;}
	#testim img {width:120px}
	#testim .inner {margin:25px auto}
	.footer-newsletter .l1 {font-size:24px}
	.footer-newsletter .l2 {padding-bottom:25px;font-size:20px}
	
	.gform_wrapper input:not([type="submit"]), .gform_wrapper textarea, .gform_wrapper select {font-size:18px !important;}
	
	.footer-newsletter ::-webkit-input-placeholder{font-size:18px  !important}
	.footer-newsletter :-moz-placeholder{font-size:18px  !important}
	.footer-newsletter ::-moz-placeholder{font-size:18px  !important}
	.footer-newsletter :-ms-input-placeholder{font-size:18px  !important}
	.footer-newsletter ::-ms-input-placeholder{font-size:18px  !important}
	.footer-newsletter ::placeholder{font-size:18px  !important}
	.footer-newsletter li.gfield {width:48% !important;margin:0px 0px 30px 0px !important;padding:0px 5px !important}
	.footer-newsletter li.gfield#field_1_2, .footer-newsletter li.gfield#field_3_2, .footer-newsletter li.gfield#field_4_2, .footer-newsletter li.gfield#field_5_2 {width:50% !important}
	.footer-newsletter li.gfield#field_1_7, .footer-newsletter li.gfield#field_3_7, .footer-newsletter li.gfield#field_4_7, .footer-newsletter li.gfield#field_5_7 {width:50% !important}
	.footer-newsletter li.gfield#field_1_6, .footer-newsletter li.gfield#field_3_6, .footer-newsletter li.gfield#field_4_6, .footer-newsletter li.gfield#field_5_6 {width:50% !important}
	.footer-newsletter li.gfield#field_1_8, .footer-newsletter li.gfield#field_3_8, .footer-newsletter li.gfield#field_4_8, .footer-newsletter li.gfield#field_5_8 {width:50% !important}
	.footer-newsletter li.gfield#field_1_9, .footer-newsletter li.gfield#field_3_9, .footer-newsletter li.gfield#field_4_9, .footer-newsletter li.gfield#field_5_9 {width:50% !important}
	.footer-newsletter li.gfield#field_1_1, .footer-newsletter li.gfield#field_3_1, .footer-newsletter li.gfield#field_4_1, .footer-newsletter li.gfield#field_5_1 {width:50% !important}
	.footer-newsletter li.gfield#field_1_5, .footer-newsletter li.gfield#field_3_5, .footer-newsletter li.gfield#field_4_5, .footer-newsletter li.gfield#field_5_5 {width:100% !important}
	
	.gform_wrapper .gform_button.button {margin-top:10px !important}
	#contactus #field_2_10 select {margin-top:36px !important}
	#aboutus #sect1 .box {width:100%;float:none}
	#aboutus #sect1 .box .l3 {margin-bottom:40px}
	#aboutus #sect1 .box .l2 {margin-top:15px}
	#aboutus #sect1 {padding-bottom:0px}
	#aboutus #sect2  {padding-top:0px}
	#aboutus #sect3 img {height:9vw}
	#aboutus #sect3 .line1 img {margin:0px 1.8vw;}
	#aboutus #sect3 .line2 img {margin:0px 1.5vw;}
	#aboutus #sect3 .line3 img {margin:0px 1.7vw;}
	
	#aboutus #sect3 {margin:40px 0px}
	#aboutus .heading p, #aboutus h2  {font-size:38px}
	
	.fancybox-content .text .cntn {padding-top:30px;padding-bottom:30px;padding-left:15px;padding-right:15px}
	.fancybox-content .text .cntn .l1 {font-size:24px;}
	.fancybox-content .text .cntn .l2 {padding-bottom:15px;font-size:20px;}
	.fancybox-content .text {width:100%} 
	.fancybox-content .img {width:100%;height:90vw}
		#solutions #section2 .l1 {padding-bottom:30px}
		
	#casestudiessub.daves #sect1 .left img {margin:0px !important}
	
	#contactflow {text-align:left}
	#contactflow #step1 {text-align:center}
	#contactflow #step2 {text-align:center}
	#contactflow #step2 h4 {padding-bottom:20px;text-align:left;font-size:28px}
	#contactflow #step2 a {margin:10px;font-size:18px;padding:18px 0px 16px 0px}
	#contactflow #step2 h4 br {display:block}
	#contactflow #step3 .toptext h5 {font-size:24px}
	#contactflow #step3 .toptext p {font-size:18px}
	#contactflow #step3 a.stepback {font-size:20px}
	
	#contactus .right form {max-width:100%}
	#contactus .left {display:none}
	
}

@media screen and (max-width:480px) {
	
	
	
	#casestudiessub.pharma .pp1 {left:auto}
	#casestudiessub.pharma .progressbar.pp2 {left:45%}
	#casestudiessub.pharma #sect2 .right {height:340px}
	#casestudiessub.pharma #sect2 .left .inner, #casestudiessub.pharma #sect2 .left .inner h2 {max-width:100%}
#casestudiessub.pharma #casehero {margin-bottom:50px}
	#sect3 img {max-width:100%}
	#casestudiessub.daves #casehero img {margin-bottom:-100px;width:250px;}
	
	#casestudiessub.daves #casehero .f2 p,#casestudiessub.daves #casehero .f2 h1 {font-size:18px}
	#casestudiessub.lowes #sect2 .left .inner, #casestudiessub.lowes #sect2 .left .inner h2 {line-height:1.4;width:350px;font-size:24px}
	#casestudiessub.lowes #sect1 {padding-top:20vw}
	#casestudiessub.lowes #casehero .inner {margin-top:-100px}
	#casestudiessub.lowes #casehero img {width:95%;margin-bottom:-14vw;margin-lefT:auto;margin-right:auto}
	#casestudiessub.lowes #casehero {height:400px}
	#casestudiessub.lowes #casehero .right {text-align:center}
	#casestudiessub.lowes #casehero .l1, #casestudiessub.lowes #casehero .l2 {line-height:1.5;font-size:18px}
	#casestudiessub.lowes #casehero .inner {max-width:100%}
	
	
	
	#casestudiessub.wallmart #sect2 .left .inner, #casestudiessub.wallmart #sect2 .left .inner h2 {font-size:22px}
	#casestudiessub.wallmart #casehero .inner {max-width:68%;margin-left:0% !important}
	#casestudiessub.wallmart #casehero img {margin-right:-40px;width:130px;margin-bottom:-70px}
	#casestudiessub.wallmart #casehero .f2 p, #casestudiessub.wallmart #casehero .f2 h1 {font-size:16px;line-height:1.5}
	#casestudiessub.wallmart #casehero .f1 p {font-size:28px;margin-top:50px}
	#casestudiessub.pharma #casehero {height:450px}
	#casestudiessub.pharma #casehero .inner {max-width:100%}
	#casestudiessub.pharma #casehero .flex-col-center-left {-webkit-justify-content:flex-start;    -ms-flex-pack: flex-start;    justify-content: flex-start;}
	#casestudiessub.pharma #casehero .f2 p, #casestudiessub.pharma #casehero .f2 h1 {font-size:14px;line-height:1.5}
	#casestudiessub.pharma #casehero img {margin-right:auto;margin-left:auto;width:260px;margin-bottom:-70px}
#casestudiessub.lowes #casehero .inner {margin-left:0% !important}
	
	#casestudiessub #casehero .inner {}
	#categories .box h2, #categories .box h3  {font-size:20px}
	#categories {padding-bottom:20px;display: block;  }
	#solutions-datastrategy #section2 .l1 , #solutions-logistic #section2 .l1{padding-top:0px}
	.blogdetail .top {padding-top:100px}
	.blogdetail .inner .cntn blockquote {margin-bottom:10px}
	.allposts {font-size:16px}
	.blogdetail .top .left h1 {font-size:24px;}
	#sect2 {padding-top:40px;padding-bottom:0px;position:relative}
	#sect2 .right .inner {width:230px}
	#sect2 .right {height:300px}
	#aboutus #sect2 .text.right {height:100%}
	#sect2 .progressbar { margin-left:-38%; transform: scale(0.5) ;-webkit-transform: scale(0.5)}
	.yellowline {left:5%}
	#casestudiessub #sect1 .right .cntn, #casestudiessub #sect1 .right h1 {font-size:20px}
	#casestudiessub #casehero img {width:80%}
	#casestudiessub #casehero {height:380px}
	#casestudiessub #casehero .f1 p   {font-size:30px}
	#casestudiessub #casehero .f2 p, #casestudiessub #casehero .f2 h1 {font-size:20px}
	#casestudies .decor {display:none}
	#casestudies .right .cntn a .title img {margin-top:8px;}
	#casestudies .right .cntn a .title {line-height:1.1;font-size:20px;padding-left:15px;padding-bottom:15px}
	#careers #apply {padding:40px 0px;}
	#careers #sect2 {padding-bottom:30px}
	#careers #sect2 .right h4, #careers #sect2 .right p {padding-left:15px;padding-right:15px;}
	#careers #sect2 .decor {width:250px}
	#careers #sect2 .l1 {font-size:70px}
	#careers #sect1 .image {width:100%;height:60vw}
	#careers #sect1 .text .cntn {padding-left:15px;padding-right:15px;max-width:100%}
	#careers #sect1 .text {width:100%}
	#careers #sect1 .text h4 {padding-top:30px}
	#careers #sect1 .diam {top:25%}
	#careers #sect1 .text p {padding-right:0px}
	#careers #sect1 .text2 .cntn {padding-top:0px}
	#careers h4 {padding-bottom:0px}
	#careers #sect1 .text.text2 {width:70%}
	#hero.innerhero {height:350px}
	#hero.innerhero h1, #solutions #hero.innerhero h1, #solutions #hero.innerhero p, #hero.innerhero h3, #solutions #hero.innerhero h3 {font-size:34px;width:90%}
	#careers h4 {font-size:34px;}
	#careers #sect1 .text p , #careers #sect2 .right p{font-size:16px;line-height:24px}
	#hero {height:350px}
	#afterhero .l1, #afterhero .l2 {font-size:22px;line-height:34px;}
	#afterhero .l2{padding-top:40px;line-height:28px}
	#afterhero {padding:40px 0px;}
	#afterhero .buttons a{font-size:14px;line-height:16px;}
	#block1 .l1 {font-size:24px}
	#block1 .right .box {font-size:18px}
	
	#block2 .solutions {margin-top:20px;}
	#block2 .l1 {font-size:22px;}
	#block2 .l2 {font-size:42px;}
	#block2 .l3 {font-size:16px;}
	
	#block2 .solutions li{margin-right:10px;margin-bottom:10px;padding-left:35px}
	#block2 .solutions li span {padding: 5px 12px 4px 12px;font-size:18px}
	#block2 .solutions li::before {font-size:35px;line-height:35px;width:35px;height:35px;}
	#block3 .rates  {width:80%}
	#block3 .l1 {font-size:70px;margin-left:-10px}
	#block3 .decor {width:250px}
	#block3 .l2 {font-size:30px}
	#block3 .l3 {font-size:40px;}
	
	#blogroll a {padding:40% 0px;}
	#blogroll .slick-list {   padding-right:0% !important;padding-left: 0px !important; }
	#blogroll .slick-slide {    margin: 0 0px;}
	#blogroll .slick-list {    margin: 0 0px;}
	#contactus .right form {max-width:100%;width:100%}
	#field_2_2, #field_2_3, #field_2_1, #field_2_8 {width:100%;float:none}
	#contactus #field_2_3 input {margin-top:20px !important}
	#contactus textarea {height:70px}
	#contactus input:not([type="submit"]), #contactus textarea {margin-top:20px !important;}
	#aboutus #sect1 .box .l3 {padding:0px}
	#aboutus .heading p, #aboutus h2  {font-size:30px}
	#aboutus #sect1 {margin-bottom:10px}
	#aboutus .heading h1 {font-size:20px}
	#aboutus #sect1 .box .l2 {font-size:20px}
	#aboutus #sect2 .item h3 {font-size:22px;}
	#aboutus #sect3 .line1 {padding-top:0px}
	#contactus #field_2_10 select {margin-top:21px !important}
	
}
@media screen and (max-width:420px) {
	#afterhero .buttons {display:block;}
	#afterhero .buttons a  {font-size:16px;height:60px;line-height:60px;display:block;width:100%;margin:0px 0px 15px 0px !important}
	#casestudiessub.daves #sect2 .left .inner .l2 {font-size:22px}
	#solutions #section2 .grid a span {font-size:16px}
	#hero.innerhero h1, #solutions #hero.innerhero h1, #solutions #hero.innerhero p, #hero.innerhero h3, #solutions #hero.innerhero h3 {width:95%;line-height:1;font-size:30px;}
	#careers h4 {font-size:55px;line-height:1;font-size:30px;}
}	
	
@media screen and (max-width:400px) {
	#casestudiessub.daves #sect2 {padding-bottom:0px}
		#casestudiessub.lowes #sect2 .left .inner, #casestudiessub.lowes #sect2 .left .inner h2 {width:300px;font-size:20px}
	#casestudies .right .cntn a .title {font-size:18px;}
	.footer-newsletter li.gfield {width:100% !important;margin:0px 0% 30px 0% !important;}
	#contactus .left h1 {font-size:36px}
	
	#solutions #section2 .grid {display:block}
	#solutions #section2 .grid a {margin-bottom:15px}
	#solutions #section2 .grid a span {font-size:20px}
	#casestudiessub.lowes #casehero .inner {margin-top:-50px}
	#sect2 .left .inner .l1 br {display:none}

}

@media screen and (max-width:380px) {
	#casestudiessub.pharma .pp1 {left:0px}
	#casestudiessub.pharma .progressbar.pp2 {left:35%}
	
	
	
}