@media (min-width:768px) and (max-width:850px) {
}
@media (max-width:1330px) {
.header-button, #nav ul li {
    font-size: 0.800em;
}
#nav ul li {
  width: 130px;
}
#nav ul li.widenav {
  width: 155px;
}
#nav ul li.shortnav {
  width: 100px;
}

}
@media (max-width:1264px) {

#header-group .header-logo {
 background-position: 0 -70px;
	background-size: 255px;
}
#header-group .header-logo a {
  width: 255px;
  height: 70px;
}
#header-group #nav {
  padding-top: 34px;
}
#nav ul li a span {
    display: inline-block;
}
.header-button {
    margin: 0 10px 0 10px;
}
}
@media (max-width:1224px) {
	#footer .footer-col-left {width: 35%;}
	#footer .footer-col-right {width: 60%;}
}
@media (max-width:1200px) {
	.home-block .sectors-block-dist,
	.home-block .sectors-block-integrators,
	.home-block .sectors-block-medical,
	.home-block .sectors-block-associations { 
		position: absolute; top: 10%; }
}

@media (max-width:1170px) {
	.sectors-block .sector div a:first-child,
	.sectors-block .sector div a{
		font-size: 20px;
	}
}
@media (max-width:1224px) {
	#footer .outer-footer-columns {flex-wrap: wrap;}
	#footer .footer-col-left, #footer .footer-col-right {width: 100%;}
	#footer .footer-col-left {text-align: center; margin-bottom:40px; order: 2;}
	#footer .partner-logos {margin: 30px 0; justify-content: center}
#footer .partner-logos > div, #footer .partner-logos > div:first-child, #footer .partner-logos .hubspot-partner {margin: 0 18px;}
#footer ul.extrabot {margin-bottom: 20px;}
}
@media (max-width:1120px) {
	.header-button, #nav ul li {
		font-size: 0.700em;
	}
	#nav ul li {
  width: 120px;
}
#nav ul li.widenav {
  width: 145px;
}
#nav ul li.shortnav {
  width: 90px;
}
	#header-group.is_stuck #nav {
		padding-top: 22px;
	}
	
}
@media (max-width:1090px) {
.blog-block {
		width: 48%;

	}
}

@media (max-width:1038px) {

#header {
    display: none;
}
.mobile-header {
    display: block;
}
	.box-effect-wrap figure {
		width: 48%;
	}
}

@media (min-width:485px) and (max-width:1038px) {
.mobile-header {
    height: 90px;
}
.mobile-header .header-logo {
    display: block;
    float: none;
    width: 255px;
  height: 70px;
    margin: 20px auto 0;
}
.mobile-header .logowrap {
    display: none;
}
.ToggleMenu.Open, .ToggleRight.Open {
    margin-top: 20px;
}
#header-group.is_stuck .ToggleMenu.Open, #header-group.is_stuck .ToggleRight.Open {
    margin-top: 20px;
}
.ToggleMenu.Open {
    margin-left: 30px;
}
.ToggleRight.Open {
    margin-right: 30px;
}
}


@media (max-width:980px) {
	.home-block .home-block-col {
		width: 50%;
	}
	.breadcrumbs {
		width: 65%;
	}
	.sharing {
		width: 35%;
		font-size: 10px;
	}
	.study-logo{
		width: 150px;
	}
	.two-col-left {
		width: 55%;
	}
	.two-col-right {
		width: 35%;
	}
	.side-request > div, .side-testimonial > div, .side-services > div {
		padding-left: 30px;
		padding-right: 30px;
	}
	.section-block .two-col-left {
		width: 100%;
	}
	.two-col-right {
		position: relative;
		top: 0;
		right: 0;
		float: right;
	}
	
}
@media (min-width:769px) and (max-width:980px) {
	.two-col-right .form-columns-2 .hs-form-field {
		width: 100% !important;
		float: none !important;
	}
	.side-request .hbspt-form input.hs-input {
		max-width: 300px;
	}
}

@media (min-width:68px) and (max-width:900px) {
	.landingpage-form {
		background-color: #EEE;
		padding: 20px;
	}
}

@media (max-width:888px) {
#footer .gridcol.three {
    width: 45.93495% !important;
}
#footer .logo {
    width: 100%;
    float: none;
    margin: 0 auto 20px;
    text-align: center;
}
#footer .logo a {
    margin: 0 auto;
}
	.section-block {
		padding-left: 20px;
		padding-right: 20px;
	}
	.sectors-block .sector.sector-1,
	.sectors-block .sector.sector-2,
	.sectors-block .sector.sector-3,
	.sectors-block .sector.sector-4,
	.sectors-block .sector.sector-5,
	.sectors-block .sector.sector-6 {
		width: 50%;
		height: 200px;
	}
	.sectors-block .sector.sector-2 img,
	.sectors-block .sector.sector-3 img {
		width: auto !important;
		height: 100% !important;
	}
	.sectors-block-mfg, 
	.sectors-block-dist,
	.sectors-block-integrators,
	.sectors-block-commercial,
	.sectors-block-medical,
	.sectors-block-associations{ 
		top: 15%;
	}
}

@media (max-width:780px) {
	#masthead .home-header {
		width: auto;
		text-align: center;
	}
}
	
@media (max-width:768px) {
	
	#masthead h1, #masthead h2, #masthead h3, #masthead p.heading {
		font-size: 2em;
	}
	.forcebr {
		display: inline;
	}
	.featured-case-study .featured-txt {
		padding-left: 50px;
		padding-right: 50px;
	}
	.two-col-left, .two-col-right {
		float: none;
		width: auto;
	}
	.two-col-right {
		position: relative;
		top: auto;
		right: auto;
	}
	.skewed-block {
		margin-top: -60px;
		margin-bottom: 60px;
	}
	.side-request .hbspt-form input.hs-input {
		max-width: 600px;
	}
	img.alignright, img.alignleft, img.aligncenter, .featured-image img {
		float: none;
		margin: 0 auto 20px;
		display: block;
	}

	/** banner background classes **/
	#header-banner.industrial_sectors { background-image: none; background-color: #0e76bc; }
	#header-banner.industrial_sector_mfgs { background-image: url(../images/banners/industrial_sector_mfgs-tablet.jpg); }
	#header-banner.industrial_sector_distributors {background-image: url(../images/banners/industrial_sector_distributor-tablet.jpg); }
	#header-banner.industrial_sector_integrators {background-image: url(../images/banners/industrial_sector_integrator-tablet.jpg); }
	#header-banner.industrial_sector_commercial { background-image: url(../images/banners/industrial_sector_commercial-tablet.jpg); }
	#header-banner.industrial_sector_medical { background-image: url(../images/banners/industrial_sector_medical-tablet.jpg); }
	#header-banner.industrial_sector_associations {background-image: url(../images/banners/industrial_sector_member-tablet.jpg); }

	#header-banner.marketing { background-image: url(../images/banners/marketing-tablet.jpg); }
	#header-banner.marketing_gdd { background-image: url(../images/banners/marketing-gdd-tablet.jpg); }
	#header-banner.marketing_persona { background-image: url(../images/banners/marketing_persona-tablet.jpg); }
	#header-banner.marketing_webdev { background-image: url(../images/banners/marketing-webdev-tablet.jpg); }
	#header-banner.marketing_content { background-image: url(../images/banners/marketing-content-tablet.jpg); }
	#header-banner.marketing_email { background-image: url(../images/banners/marketing-email-tablet.jpg); }
	#header-banner.marketing_inbound { background-image: url(../images/banners/marketing-inbound-tablet.jpg); }
	#header-banner.marketing_business { background-image: url(../images/banners/marketing-business-tablet.jpg); }
	#header-banner.marketing_consulting { background-image: url(../images/banners/marketing-consulting-tablet.jpg); }

	#header-banner.blog { background-image: url(../images/banners/blog-tablet.jpg); }
	#header-banner.work_with_us { background-image: url(../images/banners/workwithus2-tablet.jpg); }
	#header-banner.smb { background-image: url(../images/banners/smb-tablet.jpg); }
	#header-banner.contact { background-image: url(../images/banners/contact2-tablet.jpg); }
	#header-banner.hosting { background-image: url(../images/banners/hosting-tablet.jpg); }

	#header-banner.case_studies {background-image: url(../images/banners/case_studies-tablet.jpg); }
	#header-banner.case_studies_marco {background-image: url(../images/banners/case_studies-marco-tablet.jpg); }
	#header-banner.case_studies_allorings {background-image: url(../images/banners/case_studies-allorings-tablet.jpg); }
	#header-banner.case_studies_genesis {background-image: url(../images/banners/case_studies-genesis-tablet.jpg); }
	#header-banner.case_studies_donmech {background-image: url(../images/banners/case_studies_donmech-tablet.jpg); }
	#header-banner.case_studies_kawasaki {background-image: url(../images/banners/case_studies_kawasaki-tablet.jpg); }
	#header-banner.case_studies_phase1 {background-image: url(../images/banners/case_studies-phase1-tablet.jpg); }
	#header-banner.case_studies_ria {background-image: url(../images/banners/case_studies-ria-tablet.jpg); }
	#header-banner.case_studies_tccc {background-image: url(../images/banners/case_studies-tccc-tablet.jpg); }
	#header-banner.case_studies_mcma {background-image: url(../images/banners/case_studies-mcma-tablet.jpg); }
	#header-banner.case_studies_dmm {background-image: url(../images/banners/case_studies-dmm-tablet.jpg); }
	#header-banner.case_studies_wynnpharm {background-image: url(../images/banners/case_studies-wynnpharm-tablet.jpg); }
	#header-banner.case_studies_gfs {background-image: url(../images/banners/case_studies-gfs-tablet.jpg); }
	#header-banner.case_studies_unitedpipe {background-image: url(../images/banners/case_studies-unitedpipe-tablet.jpg); }
	#header-banner.case_studies_a3mex {background-image: url(../images/banners/case_studies-a3mex-tablet.jpg); }
	#header-banner.case_studies_a3 {background-image: url(../images/banners/case_studies-a3-tablet.jpg); }
	#header-banner.case_studies_automate {background-image: url(../images/banners/case_studies-automate-tablet.jpg); }

	/** featured case study backgrounds / industry relationship studies **/
	.featured-case-study.kawasaki { background-image: url(../images/featured-case-study/kawasaki-tablet.jpg); }
	.featured-case-study.donmech { background-image: url(../images/featured-case-study/donmech-tablet.jpg); }
	.featured-case-study.genesis { background-image: url(../images/featured-case-study/genesis-tablet.jpg); }
	.featured-case-study.marco { background-image: url(../images/featured-case-study/marco-tablet.jpg); }
	.featured-case-study.phase1 { background-image: url(../images/featured-case-study/phase1-tablet.jpg); }
	.featured-case-study.ria { background-image: url(../images/featured-case-study/ria-tablet.jpg); }
	.featured-case-study.tccc { background-image: url(../images/featured-case-study/tccc-tablet.jpg); }
	
	/** landing pages **/
	#header-banner.crm-ebook {background-image: url(../images/banners/crm-ebook-tablet.jpg); }
}

@media (max-width:725px) {
.blog-block, .page-template .blog-block {
		width: auto;
	}
}
@media (max-width:700px) {
	.sectors-block .sector.sector-1,
	.sectors-block .sector.sector-2,
	.sectors-block .sector.sector-3,
	.sectors-block .sector.sector-4,
	.sectors-block .sector.sector-5,
	.sectors-block .sector.sector-6 {
		width: 100%;
		height: 150px;
		min-height: 50px;
	}
}
@media (max-width:640px) {
	html, body {
		font-size: 16px;
		line-height: 1.5;
		font-weight: 400;
	}
	p, h1, h2, h3, h4, h5, h6 {
		margin: 0 0 24px 0;
	}
	h1, .pageTitle, h2, .title, h3, .subtitle {
		line-height: 1.2;
	}
	#footer .gridcol.three {
		float: left !important;
	}
	#footer .addthis_inline_follow_toolbox {
		width: 186px;
	}
	.home-text img {
		width: 30%;
		float: left;
	}
	.home-text .home-p-1 {
		padding-top: 20px;
	}
	#masthead {
		padding-top: 150px;
		padding-bottom: 50px;
	}
	#masthead .home-header {
		padding-top:0;
	}
	#header-banner.home {
		min-height: 500px;
	}
	#header-banner {
		min-height: 200px;
	}
	.inner {
		padding-left: 25px;
		padding-right: 25px;
	}
	img.alignright, img.alignleft, img.aligncenter, .featured-image img {
		max-width: 100% !important;
	}
	.section-block, .section-block.light {
		padding: 25px 0;
	}
	.featured-case-study {
		padding-left: 0;
		padding-right: 0;
	}
	.featured-case-study .featured-txt {
		padding-left: 20px;
		padding-right: 20px;
	}
	.sector-wrap {
		/*padding-bottom: 55px;*/
	}
	body.page-template-page-short-header #header-banner, body.page-template-page-timeline #header-banner, body.page-template-page-smb-tool #header-banner {
		min-height: 84px;
	}
}
	
@media (min-width:461px) and (max-width:640px) {
	.home-block .sector div a:first-child,
	.home-block .sector div a {
		font-size: 15px;
		margin-bottom: 15px;
	}
}
@media (max-width:570px) {
	#masthead .home-header h1 {
		font-size: 1.75em;
	}
}
@media (max-width:500px) {
	.breadcrumbs{
		display: none;
	}
	 .sharing {
		float: none;
		width: auto;
	}
	.box-effect-wrap figure {
		width: auto;
	}
	#contact-form {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
		min-width: auto;
	}
}
@media (max-width:490px) {
	#masthead .home-header span {
		display: block;
	}	
}
@media (max-width:484px) {
	#footer .gridcol.three {
		float: none !important;
		width: 100% !important;
	}
	.ToggleMenu.Open, .ToggleRight.Open {
    	margin: 5px;
	}
	#rightside {
    	margin-top: 69px;
	}
}
		
@media (max-width:480px) {
	#contact-form .hbspt-form input.hs-input {
		max-width: 400px;
		width: 100%;
	}
	#masthead {
		padding-top: 80px;
	}
	#blog-all #header-banner {
		min-height: 84px;
	}
	.home-block .sector div a.hovertxt,
	.sectors-block .sector div a.hovertxt {
		padding: 10px;
		font-size: 16px;
	}
}

@media (max-width:460px) {
	.home-block .home-block-col {
		width: auto;
		display: block;
		min-height: 50px;
	}
	.home-block .sector {
		max-height: 150px;
	}
	.home-block .sectors-block-mfg,
	.home-block .sectors-block-dist,
	.home-block .sectors-block-integrators,
	.home-block .sectors-block-commercial,
	.home-block .sectors-block-medical,
	.home-block .sectors-block-associations { 
		position: absolute; top: 10%; }
	
	a.btn {
		line-height: 1.2;
	}
	.study-logo {
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.client-intro {
		text-align: center;
	}

}
@media (max-width:420px) {
	#newsletter-form {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
		min-width: auto;
	}
	#newsletter-form .hbspt-form input[type="email"] {
		width: 100% !important;
		float: none;
	}
}
@media (max-width:350px) {
	#masthead .home-header h1 {
		font-size: 1.2em;
	}
}
@media (max-width:320px) {
	#header, #content, #footer {
		padding-left: 0;
		padding-right: 0;
	}
	/** banner background classes **/
	#header-banner.industrial_sectors { background-image: none; background-color: #0e76bc; }
	#header-banner.industrial_sector_mfgs { background-image: url(../images/banners/industrial_sector_mfgs-mobile.jpg); }
	#header-banner.industrial_sector_distributors {background-image: url(../images/banners/industrial_sector_distributor-mobile.jpg); }
	#header-banner.industrial_sector_integrators {background-image: url(../images/banners/industrial_sector_integrator-mobile.jpg); }
	#header-banner.industrial_sector_commercial { background-image: url(../images/banners/industrial_sector_commercial-mobile.jpg); }
	#header-banner.industrial_sector_medical { background-image: url(../images/banners/industrial_sector_medical-mobile.jpg); }
	#header-banner.industrial_sector_associations {background-image: url(../images/banners/industrial_sector_member-mobile.jpg); }

	#header-banner.marketing { background-image: url(../images/banners/marketing-mobile.jpg); }
	#header-banner.marketing_gdd { background-image: url(../images/banners/marketing-gdd-mobile.jpg); }
	#header-banner.marketing_persona { background-image: url(../images/banners/marketing_persona-mobile.jpg); }
	#header-banner.marketing_webdev { background-image: url(../images/banners/marketing-webdev-mobile.jpg); }
	#header-banner.marketing_content { background-image: url(../images/banners/marketing-content-mobile.jpg); }
	#header-banner.marketing_email { background-image: url(../images/banners/marketing-email-mobile.jpg); }
	#header-banner.marketing_inbound { background-image: url(../images/banners/marketing-inbound-mobile.jpg); }
	#header-banner.marketing_business { background-image: url(../images/banners/marketing-business-mobile.jpg); }
	#header-banner.marketing_consulting { background-image: url(../images/banners/marketing-consulting-mobile.jpg); }

	#header-banner.blog { background-image: url(../images/banners/blog-mobile.jpg); }
	#header-banner.work_with_us { background-image: url(../images/banners/workwithus2-mobile.jpg); }
	#header-banner.smb { background-image: url(../images/banners/smb-mobile.jpg); }
	#header-banner.contact { background-image: url(../images/banners/contact2-mobile.jpg); }
	#header-banner.hosting { background-image: url(../images/banners/hosting-mobile.jpg); }

	#header-banner.case_studies {background-image: url(../images/banners/case_studies-mobile.jpg); }
	#header-banner.case_studies_marco {background-image: url(../images/banners/case_studies-marco-mobile.jpg); }
	#header-banner.case_studies_allorings {background-image: url(../images/banners/case_studies-allorings-mobile.jpg); }
	#header-banner.case_studies_genesis {background-image: url(../images/banners/case_studies-genesis-mobile.jpg); }
	#header-banner.case_studies_donmech {background-image: url(../images/banners/case_studies_donmech-mobile.jpg); }
	#header-banner.case_studies_kawasaki {background-image: url(../images/banners/case_studies_kawasaki-mobile.jpg); }
	#header-banner.case_studies_phase1 {background-image: url(../images/banners/case_studies-phase1-mobile.jpg); }
	#header-banner.case_studies_ria {background-image: url(../images/banners/case_studies-ria-mobile.jpg); }
	#header-banner.case_studies_tccc {background-image: url(../images/banners/case_studies-tccc-mobile.jpg); }
	#header-banner.case_studies_mcma {background-image: url(../images/banners/case_studies-mcma-mobile.jpg); }
	#header-banner.case_studies_dmm {background-image: url(../images/banners/case_studies-dmm-mobile.jpg); }
	#header-banner.case_studies_wynnpharm {background-image: url(../images/banners/case_studies-wynnpharm-mobile.jpg); }
	#header-banner.case_studies_gfs {background-image: url(../images/banners/case_studies-gfs-mobile.jpg); }
	#header-banner.case_studies_unitedpipe {background-image: url(../images/banners/case_studies-unitedpipe-mobile.jpg); }
	#header-banner.case_studies_a3mex {background-image: url(../images/banners/case_studies-a3mex-mobile.jpg); }
	#header-banner.case_studies_a3 {background-image: url(../images/banners/case_studies-a3-mobile.jpg); }
	#header-banner.case_studies_automate {background-image: url(../images/banners/case_studies-automate-mobile.jpg); }

	/** featured case study backgrounds / industry relationship studies **/
	.featured-case-study.kawasaki { background-image: url(../images/featured-case-study/kawasaki-mobile.jpg); }
	.featured-case-study.donmech { background-image: url(../images/featured-case-study/donmech-mobile.jpg); }
	.featured-case-study.genesis { background-image: url(../images/featured-case-study/genesis-mobile.jpg); }
	.featured-case-study.marco { background-image: url(../images/featured-case-study/marco-mobile.jpg); }
	.featured-case-study.phase1 { background-image: url(../images/featured-case-study/phase1-mobile.jpg); }
	.featured-case-study.ria { background-image: url(../images/featured-case-study/ria-mobile.jpg); }
	.featured-case-study.tccc { background-image: url(../images/featured-case-study/tccc-mobile.jpg); }
	
	/** landing pages **/
	#header-banner.crm-ebook {background-image: url(../images/banners/crm-ebook-mobile.jpg); }
}