/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@media (min-width : 4096px) 
{
	
}

@media (min-width : 1600px) 
{
	html {font-size:1.2vw;}
	.rep-block a {font-size:13px;}
	.rep-block svg {font-size:16px;}
}

@media (min-width : 1440px) 
{
	html {font-size:1.2vw;}
}

@media (max-width : 1280px) 
{
	html {font-size:14px;}
	.rep-block {width: calc(33.33% - 1rem);}
}

@media (max-width : 1024px) 
{
	html {font-size:12px;}
}

@media (max-width : 900px) 
{
	html {font-size:11px;}
	
	.cat-buttons > div {width:150px;}
	.cat-buttons a {font-size: 12px;}
	
	.sf-field-taxonomy-rep_categories ul li {width: 150px; height: 40px;}
	.sf-field-taxonomy-rep_categories ul label {font-size:12px;}
	
	.rep-block {width: calc(50% - 1rem); padding:10px;}
	.rep-block h3 {font-size:14px;}
}

@media (max-width : 800px) /* -- iPad Portrait 810px -- */
{

}

@media (max-width : 767px) /* -- iPad Mini Portrait 768px -- */
{
	html {font-size:16px;}
	#mega-menu-wrap-main-menu {display:none;}
	.header-logo {left:8%;}
	.nav-ext {right:8%;}
	.menu-mobile {display:-webkit-box;display:-ms-flexbox;display:flex;}
	.nav-ext .fa-search {display:none;}
	.nav-ext .icon-bars {display:block; font-size:2rem;}
	.max-width {width:84%;}
	.max-width-padded {width:84%; padding:0;}
	.home-grid {
		    grid-template-areas:
			"gfeature"
			"gproducts"
			"gmedia"
			"gnews"
			"gxbaw"
			"ginvestors"
			"gtech"						
			"gblog"
			"gawards"
			"gcareers";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: max-content;
		grid-template-rows: -webkit-max-content;
		grid-template-rows: max-content;
		width:100%;
		margin:0;
		gap: 0;
	}
	.grid-copy {width:90%; padding:10vw 8%;}
	.grid-copy > div:last-child {margin-top:2rem;}
	.gfeature .grid-copy {padding:13vw 8% 8vw;}
	.gfeature h1 {font-size:8.75vw;}
	.gfeature h3 {font-size:5vw; width:40%;}
	.ginvestors .grid-bgimage, .gblog .grid-bgimage, .gcareers .grid-bgimage {display:block;}
	.grid-image {display:none;}
	.ginvestors, .gblog, .gcareers {display:block;}
	.fgblock1, .fgblock2, .fgblock3, .fgblock4 {display:none;}
	.fgmobile {display:block; margin-left:10vw;}
	.fgblock5 {margin-top:2rem;}
	.fgsocial {margin-top:2rem; margin-left:10vw;}
	.footer-main {
		    grid-template-areas:
			"fgaddress fgmobile"
			"fgblock5 fgsocial";
		-ms-grid-columns: 1.1fr 1fr;
		grid-template-columns: 1.1fr 1fr;
		margin-bottom:3rem;
	}
	.footer-contact {font-size: .85em;}
	.footer-logo {width:38vw;}
	.footer-header > a {margin-bottom:0;}
	.footer-bottom {text-align: left;}
	
	#container {margin-top:7rem;}
	header {background-color:#ffffff;}
	.header-logo svg .st0 {fill:#53555C;}
	.page-header-bg {padding-bottom:67%;}
	.bg-full {display:none;}
	.bg-mob {display:block;}
	.page-header-titles {top:0;}
	.page-header-titles .max-width-padded {padding:0;}
	.page-header-description {width:85%;}
	.page-main {padding:0 0 5rem;}
	.page-main .content-blocks {width:100%;}
	.page-main .content-blocks > div {width:84%; margin: 0 auto 4rem;}
	.page-main .content-blocks > div.fullwidth-mobile {width:100%; padding:0;}
	.page-main .content-blocks > div.fullwidth-mobile:first-child {margin-top:0;}
	
	.excerpt-item {width:100%;}
	.excerpt-item > h3 {width:50%;}
	.excerpt-item > img {width:6rem; height: auto;}
	.excerpt-item > div {width:100%; margin-top:2rem;}
	.excerpt-item .arrow-link {float:left;}
	
	.presentations-item {width:100%;}
	.presentations-item:nth-last-child(2) {margin-bottom:4rem;}
	
	.icon-box {width:100%; margin-bottom:.5rem;}
	.icon-box h3 {margin-bottom:0; white-space: nowrap;}
	.icon-box > div {border-radius:.75rem; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
	.icon-box-icon {height:initial; position: relative; margin-left:1rem;}
	.icon-box-icon img {width: 5rem;}
		.icon-box:nth-child(2) .icon-box-icon img {width:4rem;}
		.icon-box:nth-child(4) .icon-box-icon img {width:4rem;}
	.icon-box .arrow-link {display:none;}
	
	#slideshow {padding:0 6%;}
	.slides-select > div {display:block;}
	.slides-select h3 {font-size: .75rem;}
	.slides-select a {display: block; width:100% !important;}
	.cycle-prev {left:-12%;}
	.cycle-next {right:-12%;}
	
	.leadership-block {width:50%;}
	
	.contact-main > div {width: 100%;}
	.contact-main > div:first-child {margin-bottom:4rem;}
	
	.featured-items > a {width:calc(100% / 3 - .667rem);}
	.featured-items > a:nth-child(4) {margin-left:0;}
	.featured-items-image {height: 16vw;}
	
	.page-main div.product-features-block {width:84%;}
	.product-features-block > .product-image, .product-features-block > .product-features-buttons {width:60% !important; margin:auto;}
	.product-features-list {width:100% !important; margin:2rem 0;}
	div.product-features-buttons {text-align: center;}
	
	.block-gallery > div > div {width:calc(50% - 1.5vw);}
	.block-gallery > div > div:nth-child(4n-7) {margin-left:auto;}
	.block-gallery > div > div:nth-child(odd) {margin-left:0;}
	.block-gallery > div > div:nth-last-child(3),
		.block-gallery > div > div:nth-last-child(4) {margin-bottom:2rem;}
		
	.tabcontent.tab1 table {font-size:2vw;}
	
	.blog-content {column-count:auto;}
	
	.career-benefits .icon-blocks > div {width:45%; flex-direction: column; align-items: flex-start;}
	.career-benefits .icon-blocks > div img {margin-bottom:.5rem;}
	
}

@media (max-width : 600px) 
{
	.cat-buttons {flex-direction: column; border-bottom:none;}
	.cat-buttons > div {width:240px; margin-right:0; margin-bottom:5px;}
	.facetwp-type-hierarchy_select {flex-direction: column; align-items: center;}
	.facetwp-hierarchy_select {margin-right:0;}
	
	.sf-field-taxonomy-rep_categories {height: auto; border:none;}
	.sf-field-taxonomy-rep_categories ul li {float:none; width:240px; margin:5px auto !important;}
	.sf-field-taxonomy-rep_region, .sf-field-taxonomy-rep_country, .sf-field-taxonomy-area {float:none; margin:10px auto !important;}
	.num-results {text-align: center;}
}

@media (max-width : 540px) 
{
	.grid-copy {width:100%;}
	.rep-block {width:100%; max-width: 300px; margin:.5rem auto;}
}

@media (max-width : 480px) /* -- iPhone Portrait XR/11 414px SE 375px -- */
{
	html {font-size:12px;}
	.gfeature h1 {font-size:3.5rem;}
	.fgblock5 {margin-top:0;}
	.fgsocial {margin-top:2rem; margin-left:0; text-align: center;}
	.footer-main {
		    grid-template-areas:
			"fgaddress fgmobile"
			"fgblock5 fgmobile"
			"fgsocial fgsocial";
			
		-ms-grid-columns: 1.1fr 1fr;
			
		grid-template-columns: 1.1fr 1fr;
		margin-bottom:3rem;
	}
	.footer-contact {font-size: .75rem;}
	.footer-bottom {text-align: center;}
	
	.page-main h3 {font-size:1.25rem;}	
	.slides-select h3 {font-size: .75rem;}

	
}