@charset "utf-8";
/* CSS Document */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,select{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;color:unset}html{scroll-behavior:smooth}a{text-decoration:none;cursor:pointer}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}img{max-width:100%;}
/*=== END RESET ===*/

/*=== CLEARFIX ===*/
.clear{clear:both}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{zoom:1}

/*=== GLOBAL ===*/
.flex-container{display:flex}.flex-vertical{flex-direction:column}.flex-horizontal{flex-direction:row}.flex-width{flex-grow:1;flex-shrink:1;flex-basis:100%}.flex-height{height:100%}.flex-wrap{flex-wrap:wrap}.set-width{flex-grow:0;flex-shrink:0;flex-basis:auto}.justify-center{justify-content:center}.justify-right{justify-content:flex-end}.justify-left{justify-content:flex-start}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-center{align-items:center}.align-top{align-items:flex-start}.align-bottom{align-items:flex-end}.align-stretch{align-items:stretch}.align-all-center{align-items:center;justify-content:center}.align-self-center{align-self:center}.align-self-right{align-self:flex-end}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.mobile-only{display: none}.max-width{margin:0 var(--sm-padding)}.map{min-height:350px;line-height:0;}
*{box-sizing:border-box;}

*,
*::before,
*::after {
    transition: all 0.3s ease;
}
a:hover {cursor: pointer !important;}

/*=== SELECT STYLES ===*/
::selection, ::-moz-selection {
	background: var(--red);
	color: var(--white);
	text-shadow: none;
}

:root {
	/*=== Fonts ===*/
    --Barlow: "Barlow Condensed", sans-serif;

	/*=== Colors ===*/
	--white: #FFFFFF;
    --black: #000000;
    --green: #8CBD2E;
	--blue: #00509A;
    --dark-blue: #023E76;
    
    /*=== Font Sizes ===*/
    --p: clamp(16px, 5vw, 20px);

	/*=== Spacing ===*/
	--lg-padding: clamp(75px, 5vw, 100px);
	--sm-padding: clamp(25px, 2.5%, 2.5%);
}

    .white{color: var(--white)}
    .black{color: var(--black)}
    .green{color: var(--green)}
    .blue{color: var(--blue)}
    .dark-blue{color: var(--dark-blue)}

body {
    position: relative;
	font-family: var(--Barlow), sans-serif !important;
	height: auto !important;
    background-color: var(--white);
}

.page-shadow {
	max-width: 1920px!important;
    width: 100%!important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px!important;
    background-color: rgb(255, 255, 255)!important;
    margin: 0 auto!important;
	overflow-x: hidden;
}
strong, b {
	font-family: var(--Barlow);
    font-weight: 700;
}
p {
    font-size: clamp(16px, 5vw, 20px);
}

.thick {
	font-family: var(--Barlow);
    font-weight: 700 !important;
}

.center {text-align: center;}

.xl-heading, .lg-heading, .md-heading, .sm-heading {
	font-family: var(--Barlow);
	text-transform: uppercase;
}

.xl-heading-bold {
	font-family: var(--Barlow);
	text-transform: uppercase;
    font-weight: 900 !important;
}


.xs-heading {
	font-family: var(--Barlow);
    font-weight: 400;
	text-transform: uppercase;
	padding-top: 5px;
    letter-spacing: 0.15em;
}
.xl-heading {font-size: clamp(56px, 5vw, 64px);line-height: clamp(56px, 5vw, 64px);}
.lg-heading {font-size: clamp(34px, 5vw, 42px);line-height: clamp(40px, 5vw, 50px);}
.md-heading {font-size: clamp(27px, 5vw, 35px);line-height: clamp(27px, 5vw, 35px);}
.sm-heading {font-size: clamp(18px, 5vw, 24px);line-height: clamp(18px, 5vw, 26px);}
.xs-heading {font-size: clamp(15px, 5vw, 20px);line-height: clamp(15px, 5vw, 20px);}
.spaced {letter-spacing: 0.15em;}
.nospaced {letter-spacing: normal;}

.sm-padding {padding: 20px 10px;}
.md-padding {padding: 50px 10px;}
.lg-padding{padding:100px 10px;}

.width85 {width: 90%; max-width: 1500px; margin: auto;}

/*=== BODY STYLES 
============================================*/
.bkgd-white {background-color: var(--white);}
/*=== BUTTON STYLES 
==============================*/
.btn-phone {background-color: var(--green); padding: 10px; border-radius: 15px;}

.btn-green {color: var(--black); background-color: var(--green); border: 2px solid var(--green); text-transform: uppercase; padding: 15px 20px; 
     font-weight: 700; border-radius: 15px; text-align: center; margin-top: 20px;display: inline-block; justify-content: center; align-items: center;
     i{padding-right:5px;}
    }
.btn-green:hover {color: var(--blue); background-color: var(--white); border: 2px solid var(--blue);transform: translateY(-5px)}

.btn-white {color: var(--black); background-color: var(--white); border: 2px solid #fff; text-transform: uppercase; padding: 15px 20px; 
    font-weight: 700; border-radius: 15px; text-align: center; margin-top: 20px;display: inline-block; justify-content: center; align-items: center;
    i{padding-right:5px;}
}
.btn-white:hover {color: var(--blue); background-color: var(--white); border: 2px solid var(--blue);transform: translateY(-5px)}
/*=== HEADER STYLES 
==============================*/
.header-wrap {background-color: var(--white); border-bottom:solid 1px #ccc;}
nav.primary.nav {display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 85%; max-width: 1500px; margin: auto;}
.header-logo img {max-height: 150px; height: clamp(100px, 7vw, 150px); width: auto; object-fit: contain;}
.mobile-menu-fb {display: flex; justify-content: space-between; align-items: center;}
.mobile-menu-right {display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.last-link {text-transform: uppercase; background-color: var(--green); padding: 20px 30px; border-radius: 15px; font-weight: 600;}
.last-link:hover {background-color: var(--blue); color: var(--white);}

@media screen and (max-width: 1000px) {
    nav.primary.nav {display: none;}
}
/*=== FOOTER STYLES 
==============================*/
.footer-wrap {display: flex; flex-direction: row; justify-content: space-between; flex: 1 1 0; text-transform: uppercase; color: var(--white); text-align: center; line-height: 1.5;}
.footer-wrap a:hover {text-decoration: underline;}
.footer-wrap .footer-logo, .footer-wrap .footer-nav, .footer-wrap .footer-contact {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 50px 0;}
.footer-wrap h4 {padding: 20px 0;}
.footer-logo {background-color: var(--green);}
.footer-logo img {max-height: 200px; height: 100%; width: auto;}
.footer-nav {background-color: var(--blue);
    ul li a{font-size:18px;}
}
.footer-contact {background-color: var(--dark-blue);
    p, a{font-size:18px;}
}

/*=== HOME PAGE 
==============================*/
#home-hero {background: url("../siteart/business.jpg"); background-size: cover; background-position: center center; color: var(--white); padding: 100px 0;}
.home-hero-text {background-color: rgba(0,80,158,0.95); margin-left: 7.5%; margin-right: 7.5%; padding: 100px 50px; width: 92.5%; max-width: 600px;}
.home-hero-text h1 {display: flex; flex-direction: column;line-height: 1.5;}

#home-grid {padding: 100px 0 ;}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.card {display:flex;flex-direction:column;gap:12px;background:#ffffff;border-radius:15px;overflow:hidden;padding:16px;}
.card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.2);}
.card h3{line-height:1.3;}
.card p{margin:0;color:#444;line-height:1.5;flex:1 1 auto;}

#home-video {background: linear-gradient(to right, rgba(0,80,158,0.90), rgba(0,80,158,0.90)), url("../siteart/business.jpg"); background-size: cover; background-position: center center; padding: 100px 0px;}
.video-text-wrapper {background-color: var(--white); padding: 100px 5%; display: flex; flex-direction: row; justify-content: center; gap: 50px;}
.video-text-wrapper > div {width: 100%;}
.video-embed {display: flex; justify-content: center; align-items: center;}

#ql-grid {padding: 100px 0; display: flex; flex-direction: column; gap: 20px;}
#ql-grid > div > div:hover {transform: scale(1.02); box-shadow:0 2px 10px rgba(0,0,0,.2);}
.ql-top-row {display: flex; flex-direction: row; justify-content: center; gap: 20px;}
.ql-big {border-radius: 15px; background-size: cover; background-position: center center !important; width: 100%; overflow: hidden;}
.ql-big-text {background-color: rgba(0,80,158,0.90); color: var(--white); padding: 20px; margin: 50px;}
.ql-bottom-row {display: flex; flex-direction: row; justify-content: center; gap: 20px;}
.ql-small {border-radius: 15px; background-size: cover; background-position: center center !important; width: 100%; overflow: hidden;}
.ql-small-text {background-color: rgba(0,80,158,0.90); color: var(--white); padding: 20px; margin: 0;}

#stat-boxes {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px;}
.stat-box {position: relative; z-index: 9; border-radius: 15px; margin-top: 50px; background-color: var(--white); box-shadow:0 2px 10px rgba(0,0,0,.2);}
.stat-icon {position: absolute; z-index: 10; top: 0; right: 50%; transform: translate(50%, -50%); display: flex; justify-content: center; align-items: center; font-size: 40px;color: var(--white); background-color: var(--green); border-radius: 100%; width: 100px; height: 100px;}
.stat-text {padding: 75px 50px 20px 50px; background-color: var(--white); border-radius: 15px; text-align: center;}

.home-cta-text-wrapper {background: linear-gradient(to right, rgba(0,25,49,0.8) 0%, rgba(0,25,49,0.8) 25%, rgba(0,80,154,0.8)) 100%, url("../siteart/products/silage-bags3.jpg"); background-size: cover; background-position: center center; margin-top: -75px;}
.home-cta-text { width: 85%; max-width: 700px; margin: 0 0 0 7.5%; padding: 200px 50px 100px 0; color: var(--white);}

/*----Sub Pages----*/
.gray-back{background:#f2f2f2;}
.blue-back{background:var(--dark-blue);
    h2{text-align:center; padding:20px 0;}
}
.rental-top{background: url("../siteart/products/baggers-rental.jpg")!important;background-color:var(--blue)!important; padding:80px 10px!important; background-blend-mode: multiply!important; background-repeat:no-repeat!important; background-size:cover!important;background-position: center center!important;}
.page-top {background: url("../siteart/business.jpg"); background-color:var(--blue); padding:80px 10px; background-blend-mode: multiply;
     background-size: cover; background-position: center center;}
.page-top-text{max-width:1500px; margin:0 auto; color:#fff; text-align:center; }
.cards-heading{text-align:center; padding:20px;}
.cards{display:flex; flex-direction:row; justify-content: flex-start; gap:20px; flex-wrap:wrap;
.eq-card{background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.1); padding: 30px; text-align:center; width:calc(33.33% - 20px); border-radius:10px;
    img{width:60px; height:60px; object-fit:contain;}
    p{min-height:110px;}
    a{display:block; margin-top:20px; width:100%; padding:14px; background:var(--green); color: #000; font-size:18px; font-weight:500; border-radius:8px; 
        text-transform:uppercase; transition:.3s ease;}
    a:hover{background:var(--blue); color:#fff;}
}
.why-card{padding:25px; width:calc(50% - 20px); display:flex; flex-direction:row;justify-content: flex-start; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.1); 
    border-radius:10px;
    i{height:40px; width:40px; background:var(--green); color:#fff; font-size:25px; display:flex; justify-content:center; align-items:center; 
        border-radius:100%; }
    p{padding: 10px; width:calc(100% - 50px);}
}
}
.top-row{display:flex; flex-direction:row; justify-content: center; gap:20px;}
.top-left{width:55%;
    ul li{font-size:20px; line-height:28px;}
}
.top-right{width:45%;
    img{width:100%; border-radius:10px;}
}
.two-img{display:flex; flex-direction:row;
	img{width:50%; margin:2px;}
}
.size-row{display:flex; flex-direction:row; justify-content: center; gap:20px; flex-wrap:wrap;}
.size{width:calc(20% - 20px);
    p{font-size:26px; font-weight:600; padding-bottom:10px;}
    ul li{font-size:20px; line-height:30px;}
}
.size2{width:calc(33.33% - 20px);
p{font-size:26px; font-weight:600; padding-bottom:10px;}
    ul li{font-size:20px; line-height:30px;}
}
.bread, .bread a{font-size:17px; padding:5px 0; color:#333;}
.bread a:hover{text-decoration:underline;}

.yt{aspect-ratio:16/9; width:70%; margin:0 auto; display:block;}

/*--------FORM STYLES--------------------*/
.flex-form{width:90%; margin:0 auto; padding:30px; box-sizing:border-box; box-shadow:1px 1px 3px 2px rgba(0,0,0,.15); background:#f2f2f2; border-radius:10px;}
#formpage {width:100%;vertical-align: top;display:inline-block;text-align:left;}
#formpage label{font-size:18px; font-weight:500; padding:10px 0 2px 0; display:block;}
#formpage input, select {padding:14px;border: 1px solid #ccc;color: #777!important;font-size: 14px; border-radius:5px;}
.flex-row{display:flex;flex-direction:row;width:100%;
      span{font-size:18px; line-height:28px; padding-left:5px;}
}
#formpage label:has(+ input:required)::after{content:"*"; color:var(--green); margin-left:5px;}
.form-half{width:calc(50% - 10px);display: inline-block;vertical-align: middle;margin:5px;}
.form-whole{width:calc(100% - 10px);display:block;vertical-align:middle;margin:5px;}
.form-third{width:calc(33.33% - 10px);display:block;vertical-align:middle;margin:5px;}
.flex-half{width:calc(50% - 10px); display:inline-block; margin:5px;}
input[type="text"], input[type="email"], input[type="date"], input[type="tel"], select, input[type="phone"]{width:100%;box-sizing:border-box;}
input[type="checkbox"]{font-size:18px; padding:6px 0;}
#formpage textarea {font-family:'Arial', sans-serif; font-size:14px; box-sizing:border-box;padding: 14px;border: 1px solid #ccc!important;color: #000;background: #fff;width: 100%;height: 100px;border-radius:2px;}
#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 


#formpage input.submit-button, #submit-btn button{width:180px; display:block;  padding:12px; height:42px; text-align:center; font-size:16px; margin:0 3px; 
    box-sizing:border-box; color:#000; background:var(--green); border-radius:25px; border:none;}

#formpage input.submit-button:hover, #submit-btn button:hover{background:var(--blue); color:#fff!important;}
.submit-button, #submit-btn{padding:10px 0px 10px 0px;position:relative;width:100%;text-align:center;}
.captcha-button{width:180px;}
.include-captcha{display:none;}
#formpage input.submit-button{color:#000!important;}
.CaptchaPanel{text-align:left!important;}

@charset "utf-8";

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: var(--blue) !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: var(--blue) !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
    background: var(--green) !important;
    color: var(--black) !important;
    /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
    color: #000 !important;
    /*-----------------------MEDIA QUERIES-----------------------*/
}

/*=== MEDIA QUERIES 
==============================*/
@media (max-width: 1500px) {
    #stat-boxes {grid-template-columns: 1fr 1fr !important;}
}
@media (max-width: 1200px) {
    .top-row{flex-wrap:wrap;}
    .top-left{width:100%;}
    .top-right{width:80%; margin:20px auto;}
}
@media (max-width: 1100px) {
    .width85{width:95%;}
    nav.primary.nav{width:95%!important;}
}
@media (max-width: 1000px) {
    .footer-wrap {flex-wrap: wrap;}
    .footer-logo {order: -1; flex: 0 0 100%; width: 100%;}
    .footer-nav, .footer-contact {flex: 1 1 50%;}
    .grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    .video-text-wrapper {flex-direction: column;}
    .ql-top-row, .ql-bottom-row {flex-direction: column;}
    .ql-small > div:first-of-type, .ql-big > div:first-of-type {padding-top: 100px !important;}
    .ql-big > .ql-big-text {margin: 0;}
    .flex-row{flex-wrap:wrap;}
    .flex-half{width:calc(100% - 10px);}
    .cards .eq-card{width:calc(50% - 20px);}
    .size-row{justify-content: flex-start;}
    .size2{width:calc(50% - 20px);}
}
@media (max-width: 850px) {
    .cards {
        .why-card{width:100%;}
        }
        .size{width:calc(33.33% - 20px);
}
}
@media (max-width: 770px) {
    .home-hero-text{margin:0; width:100%;}
    .video-text-wrapper{padding:50px 5%;}
    .cards .eq-card{width:calc(100% - 20px);}
    .top-right{width:100%; margin:20px auto;}
     .size2{width:calc(100% - 20px);}
     .form-half{width:calc(100% - 10px);}
}
@media (max-width: 600px) {
    .grid {grid-template-columns:repeat(1,minmax(0,1fr));}
    #stat-boxes {grid-template-columns: 1fr !important;}
    #home-hero{padding:0;}
    .page-top{padding:60px 10px;}
    .flex-form{padding:20px; width:100%;}
}
@media (max-width: 500px) {
    .footer-nav, .footer-contact {flex: 0 0 100%; width: 100%;}
    .size{width:calc(50% - 20px);
}

@media (max-width: 350px) {
    .size{width:calc(100% - 20px); text-align:center;}
}