.container {
max-width: 1200px;
margin: 0 auto;
}

.container.wide {
max-width: 1400px;
}
#header2 #logo {
width:235px;
top:13px;
left:38px;
}
#chooseproducts .productbox {
padding-bottom:0;
}


#homepagehero {
font-size:14px;
}
.hero .left {
margin: 0 0 0 15px;
}
.hero h1 {
font-size:30px;
line-height:34px;
}
.hero2 {
height: 510px;
}
.hero3 {
height: 400px;
}
.hero2 h1 {
font-size:64px;
line-height:68px;
margin-top:9%;
}
.hero3 h1 {
font-size:50px;
line-height:54px;
margin-top:6%;
margin-bottom:20px;
}
#interiorhero {
height: 19vw;
}
#interiorhero h1 {
padding:0 10%;
}
#interiorhero .left {
max-width: 45%;
}
#interiorhero .right {
width: 470px;
text-align:center;
}
#mainnav {
font-size:17px;
}
#header2 #mainnav {
font-size:18px;
}
#mainnav li > a {
padding:5px 23px;
}
#mainnav li.searchnav > a {
padding-right:0;
}
#mainnav li #productmenu.submenu {
width:1020px;
padding-bottom:25px;
}
#mainnav li #productmenu.submenu.newmenu {
padding:0;
max-width: 1200px;
width: 100%;
}
#mainnav li #productmenu.submenu .newproductmenu {
width:100%;
display:flex;
gap:50px;
margin-bottom: 0;
}
#mainnav li #productmenu.submenu .newproductmenu .main-products {
display:block;
flex-basis:calc(66.66% - 25px);
display:flex;
gap:50px;
flex-wrap:wrap;
padding: 35px 0 35px 35px;
margin:0;
}
#mainnav li #productmenu.submenu .newproductmenu .main-products > div {
flex-basis:calc(50% - 25px);
height:auto;
margin:0;
}
#mainnav li #productmenu.submenu .newproductmenu .main-products > div > a {
font-size: 15px;
}
#mainnav li #productmenu.submenu .newproductmenu .main-products > div > img {
display:block;
height:50px;
float: none;
margin-bottom:10px;
}
#mainnav li #productmenu.submenu .newproductmenu .utilities {
display:block;
flex:1;
padding: 0;
margin: 0;
background: rgba(40,40,40, .1);
border-radius: 0 5px 5px 0;
padding: 35px;
}
#mainnav li #productmenu.submenu .newproductmenu .utilities > div {
margin-bottom:0;
}
#mainnav li #productmenu.submenu .newproductmenu .utilities > h3  {
font-size:20px;
font-weight: 700;
margin-bottom: 10px;
}
#mainnav li #productmenu.submenu .newproductmenu .utilities > div h4 {
font-weight:700;
}
#mainnav li #productmenu.submenu .newproductmenu .utilities > div h4 a {
font-size:17px;
}
#mainnav li #productmenu.submenu .newproductmenu .utilities > div > a {
font-size: 15px;
}
#mainnav li #productmenu.submenu .newproductmenu .utilities > div > p {
margin-top: 0;
}
#companymenu.submenu, #mainnav li #supportmenu.submenu {
width:390px;
}
#mainnav li #companymenu.submenu li, #mainnav li #supportmenu.submenu li {
width:40%;
}
#mainnav li #companymenu.submenu li.colone, #mainnav li #supportmenu.submenu li.colone {
margin-right:50px;
}
#mainnav li.navbutton {
display:inline-block;
}
#mainnav li .submenu {
padding: 25px 45px 5px 45px;
}
#mainnav li:hover ul.submenu li.colone {

}
/* -------------------------------------------- INTERIOR PAGE STYLES ------------------------------- */
#productintro {
padding:30px 0;
}
#productintro h2 {
font-size:24px;
}
.qb-selector {
font-size:16px;
}
.qb-selector h2 {
font-size:28px;
}
.interiorcontent {
padding: 30px 10px 30px 10px;
}
.interiorcontent .left {
padding: 40px 20px 40px 20px;
}
.sidebar .left ul {
font-size: 16px;
}
#sidebar-coupon {
width:178px;
}
.interiorcontent .right {
max-width: 885px;
padding: 40px 0px 40px 40px;
}
.interiorcontent .right img {
max-width: 100%;
}
#utilpricingtable div {
margin:0 40px 0 0;
}
.row .fourcol {
width:23%;
margin: 0 5px;
}

/* ---------------------------------- PRICING PAGE CHANGES 2020 ------------------------------- */
.new2020pricinggrid {
display:flex;
align-items: flex-start;
}
.new2020pricinggrid.twoup {
justify-content: center;
}
.new2020pricinggrid.twoup > div {
flex:0;
flex-basis: 33%;
margin: 20px 30px;
}
.new2020pricinggrid.edits2022 {
align-items:flex-end;
}
.new2020pricinggrid > div {
padding:30px 30px;
}
.floatingsaleshelp a {
flex-basis:33%;
}
.pricingtable2020 {
font-size:14px;
}

.new2020pricingabovegrid {
display:flex !important;
gap: 72px;
margin-top: 20px;
margin-bottom: -15px;
padding: 0 2px;
font-size: 16px;
}


.new2020pricingabovegrid .online {
	flex-basis: calc(66.66% - 47px);
	border-bottom:4px solid #258901;
	color:#258901;
	padding: 6px 0px;
	font-size:20px;
}
.new2020pricingabovegrid .desktop {
	flex:1;
	border-bottom:4px solid #258901;
	color:#258901;
	padding: 6px 0px;
	font-size:20px;
	text-align:right;
}


/* ---------------------------------------- MISC UTILITY/BUTTON/FORM STYLES ------------------------------- */

.hidefordesktopup {
display:none;
}
.hidefortabletdown {
display:block;
}
.flex.image-text .image {
order:0;
}
.flex.image-text.reverse .image {
order:2;
}

/* ------------------------------------------------ FOOTER STYLES ------------------------------------ */
.footercol {
flex-basis: calc(25% - 25px);
}
.footercol.skinnier {
flex-basis: calc(25% - 25px);
width: 14%;
}
.footercol.fatter {
flex-basis: calc(25% - 25px);
width: 18%;
}
.footercol.question {
min-width: 275px;
}