@media (min-width: 576px) { .quote-form fieldset { padding-left: 0; } .quote-form .add-item { padding-right: 0; padding-bottom: 40px; } .quote-form .quote-item { padding-right: 0; padding-left: 0; } .quote-form .item-category { padding-left: 0; } .quote-form .divider { padding-right:0; padding-left:0; } .cta-section a.btn{top:50%;left:calc(50% - 140px);position:absolute;margin-top:0;margin-left:0;margin-right:0;} .collage-hero .container-mid{margin-bottom:-160px;} .black-bkg.company-black-bkg{padding-top:200px;} .product-row .product-column > .product-content { /* bottom margin is set to be the same height as the image so that it is spaced properly was having issues where the image was overlapping with the content, this was a viable solution given the time constraints */ margin-bottom: 248px; } .product-row .product-column > .product-image { position:absolute; bottom:0; } .consol .hero-fluid{height:150vh;} } @media (min-width: 768px) { .quote-form .shipping-information { padding-right: 0; } .home .overlay { margin-right:0; } .product-border .product-image-container { padding-right: 0; } .product-border .product-image { height: auto; padding-right: 0; } .product-border .product-text { border:1px solid rgba(0,0,0,0.1); border-left: 0px; } .quote-form fieldset { padding-right: 30px; } .quote-form .quote-item { padding-right: 0; padding-left: 0; } .quote-form .contact-first, .quote-form .contact-email, .quote-form .contact-last, .quote-form .contact-organization, .quote-form .contact-email, .quote-form .contact-phone, .quote-item .item-name, .quote-item .item-category, .quote-item .item-quantity, .quote-item .item-units, .quote-item .item-description { padding-right:8px; padding-left:0; } .quote-form .contact-organization, .quote-form .contact-first, .quote-form .contact-email, .quote-item .item-name, .quote-item .item-description { padding-left: 15px; } .quote-item .item-units, .quote-item .item-description { padding-right: 15px; } .fitty-failed .background-text { font-size: 15vw; } .shipping-collage-container { padding-bottom:0; } .shipping-collage { position:absolute; } .overlay { position: absolute; } .home .overlay { top:0; position:absolute; } .home.hero img { min-height: 800px; } .scroll-down { display: flex; } .home-regions .product-column-container { padding-left: 0; padding-right: 0; } .blue-form .form-control{font-size:30px;line-height:38px;} .blue-form .selectDropdown {top: 22px;font-size:20px;} .pt-md-large { padding-top:75px; } .shipping-stats-row { display:flex; flex-direction:column; align-content: flex-end; } .background-image-holder.no-stats, .background-image-holder.no-stats .background-image{ position: relative; } .background-image-holder.no-stats { margin-bottom: -100px; } .product-border .product-image { max-width:263px; } .product-border .product-text { border:1px solid rgba(0,0,0,0.1); border-left: 0px; } .consol .hero-fluid{height:100vh;} .prod-img{margin-top:-50%;} .prod-group-over .prod-img{margin-top:-30%;} } @media (min-width:576px) and (max-width: 992px) and (orientation: landscape){ .overlay { width: 100%; position: relative; } .home.hero img { height: 100vh; } .home.hero { height: fit-content; } .home-form { margin-top: -200px; } .home-regions .product-column-container { padding-left: 15px; padding-right: 15px; } .form-overlay { top:0; } .consol .hero-fluid{height:150vh;} .prod-img{margin-top:0%;} .prod-group-over .prod-img{margin-top:0%;} } @media (min-width:992px){ .company-black-bkg.black-bkg{padding-top:240px;padding-bottom:90px;} .company-black-bkg.black-bkg .column-count-two{column-count:2;} .stats-column{margin-top:-225px;} .map-stat{padding:30px 15px 0;} .cta-section{margin-bottom:100px;} .shipping-background-image { top: -214px; } .pt-lg-small { padding-top: 64px; } .fred-dropzone .product-column-container:nth-child(4n + 2), .fred-dropzone .product-column-container:nth-child(4n + 3), .fred-dropzone .product-column-container:nth-child(4n + 4) { padding-left:0; } .pt-lg-none { padding-top: 0; } .pb-small { padding-bottom: 64px; } .pt-medium { padding-top:102px; } .pb-medium { padding-bottom: 102px; } .pt-large { padding-top: 150px; } .pb-large { padding-bottom: 150px; } .shipping-collage { top: -150px; } .background-image-shipping { position: absolute; } .product-column-container, .column-container { min-height: 450px; } .region-column-container { min-height: 345px; } .grid-region { grid-template-columns: 1fr 2fr; } .grid-region .country { grid-column: 2; grid-row: 1 / span 2; } .grid-region .countries-grid { grid-column: 1; } } @media only screen and (min-width:1140px){ .cd-primary-nav { padding-top:initial; } .cd-primary-nav ul button { border-bottom:none; } /* !important used to override original theme */ .cd-primary-nav > .nav-item-container > .nav-item { padding-right: 10px !important; padding-left: 10px !important; } .cd-primary-nav, .cd-primary-nav .cd-secondary-nav { overflow-x: auto; } .cd-primary-nav > .has-children > button.nav-item::before, .cd-primary-nav > li > .nav-item::before { content: ''; position:absolute; top:unset; right:unset; bottom: 6px; left:calc(50% - 22.5px); max-width: 45px; width: 100%; height: 4px; transform: unset; background-color: var(--blue); } .cd-primary-nav .cd-secondary-nav { max-height: 450px; } } @media (min-width:1200px){ .d-xl-inline-block { display: inline-block; } .d-xl-none { display: none; } .product-border { margin-top:0; } .shipping-background-image { left: -100px; } .shipping-stats-row { flex-direction: row; justify-content: center } .region-collage { position:absolute; } .pt-xl-large { padding-top: 150px; } .cd-primary-nav > li > .nav-item.selected { display:block; } .background-image-holder.no-stats { position: absolute; } .quote-form .message-container { padding-right: 0; } } @media (min-width: 1500px) { .shipping-background-image { max-width: 600px; } }