/***** BEGIN RESET *****/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
ol, ul {
list-style: none;
}
table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}
/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, footer, address {
display: block;
}
button {cursor: pointer !important;}
/*-------- COLORS --------
*/
/***** END RESET *****/
::-moz-selection {
background: #000;
color: #fff;
text-shadow: none;
}
::selection {
background: #000;
color: #fff;
text-shadow: none;
}
/* Clearfix */
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
/*-------- BODY STYLES --------*/
body {
font-family: 'Poppins', sans-serif !important;
}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}
hr{border:#000 1px solid;}
/*--- HEADER STYLES ---------------------*/
header {}
.site-header {background: #006637; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; z-index: 900; position: relative;}
.header-numbers { display: flex; justify-content: flex-end; width: 95%; margin: 0 auto; gap: 30px; padding: 10px 0;}
.header-numbers a {color: #fafad0; font-size: 13px; font-weight: 500;}
.header-numbers a:hover {color: #ac935e;}
/*---BODY--------------------------------*/
/*---DEFAULT---*/
.hero-bkgrd {background: url("/siteart/hero.jpg") no-repeat;
background-size: cover;
background-position: center;}
.hero-content-wrapper {text-align: center; padding-top: 170px; margin: 0 auto;}
.hero-content-wrapper h1 {color: #fafad0; font-size: 40px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.75);}
.hero-content-wrapper p {color: #fafad0; font-size: 27px; line-height: 49px;}
.hero-buttons-wrapper {padding-top: 28px; padding-bottom: 204px; display: flex; justify-content: center; width: 95%; margin: 0 auto; gap: 30px;}
.hero-buttons-wrapper button {padding: 13px 0px; width: 237px; background: #006637; color: #fafad0; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; border: none; font-weight: 500; font-size: 14px;}
.hero-buttons-wrapper a:hover button {background: #ac935e; color: #fff;}
.hero-content-bkgrd {background: rgba(0,102,55,0.65); padding: 61px 0 46px 0;}
.hero-content-bkgrd > div {margin: 0 10px;}
.celebrating {position: relative; width: 178px; left: 39px; top: -114px;}
.inventory-img-box {display: flex; justify-content: center; gap: 20px; width: 100%; margin: 0 auto; flex-wrap: wrap;}
.inventory-img-box div {text-align: center;}
.inventory-img-box a {width: 20%;}
.inventory-img-box h2 {color: #877245; font-family: 'Poppins', sans-serif; font-weight: 200; font-size: 16px; margin-top: 15px;}
.inventory-img-box img { width: 72% ; position: relative;}
.first-row {margin-top: -63px;}
.second-row {margin-top: 62px; margin-bottom: 82px;}
#image img {
-webkit-transition: width 1s, height 1s;
transition: width 1s, height 1s;
}
#image:hover img {
transform:scale(110%); transition: .5s;
}
.about-section {background: url("/siteart/about-bkgrd.jpg") no-repeat;
background-size: cover;
background-position: 0px 0; background-color:black;}
.about-section-flex {display: flex; width: 85%; margin: 0 auto; gap: 231px;}
.about-section-flex img { position: relative; top: 13px; width: 63%; left: 130px;}
.about-section-content {width: 64%; padding-top: 191px; padding-bottom: 229px;}
.about-section h2 {font-size: 38px; color: #fafad0; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.35)}
.about-section h3 {color: #fafad0; font-size: 18px; line-height: 23px; padding: 2px 0 16px 0;}
.about-section p {font-size: 14px; color: #fff; line-height: 22px;}
.dealer-logos {display: flex; width: 85%; justify-content: space-between; margin: 0 auto; color: #006637; margin-top: 124px; margin-bottom: 126px; margin-left: 11%;}
.dealer-logos hr {border: 1px #006637 solid; width: 84%; margin: 0; text-align: left;}
.dealer-logo-wrapper {display: flex; flex-wrap: wrap; margin-top: 24px; gap: 2%;}
.dealer-logos > div {width: 50%;}
.dealer-logos img {width: 100%;}
.dealer-logos a {width: 27%;}
.dealer-logos h3 {line-height: 35px;}
.sales-button {background: url("/siteart/sales-button.jpg") no-repeat;
background-size: cover; background-color:black;
background-position: center; width: 33.3%; text-align: center; padding: 110px 0 100px 0;}
.sales-button:hover {background: url("/siteart/sales-button-hover.jpg") no-repeat;
background-size: cover;
background-position: center; width: 33.3%; text-align: center; padding: 110px 0 100px 0;}
.parts-button {background: url("/siteart/parts-button.jpg") no-repeat; background-color: black;
background-size: cover;
background-position: center; width: 33.3%; text-align: center; padding: 110px 0 100px 0;}
.parts-button:hover {background: url("/siteart/parts-button-hover.jpg") no-repeat;
background-size: cover;
background-position: center; width: 33.3%; text-align: center; padding: 110px 0 100px 0;}
.service-button {background: url("/siteart/service-button.jpg") no-repeat;
background-size: cover;
background-position: 0px 0; width: 33.3%; text-align: center; padding: 110px 0 100px 0; background-color:black;}
.service-button:hover {background: url("/siteart/service-button-hover.jpg") no-repeat;
background-size: cover;
background-position: 0px 0; width: 33.3%; text-align: center; padding: 110px 0 100px 0;}
.bottom-nav {display: flex;}
.bottom-nav h2 {color: #fafad0; font-size: 48px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.75);}
/*---CONTACT---*/
.contact-employees {display: flex; justify-content: flex-start; width: 80%; margin: 0 auto; margin-top: 58px; margin-bottom: 58px; flex-wrap: wrap; gap: 5%;}
.contact-employees div {width: 30%; text-align: center; margin-bottom: 20px;}
.contact-employees img {width: 93%; border: 1px #ac935e solid; padding: 13px;}
.contact-employees h3, .contact-employees p {text-align: center; text-transform: uppercase;}
.contact-employees h3 {color: #006637; padding-top: 13px;}
.contact-employees p {color: #ac935e; font-size: 14px; line-height: 22px;}
.lowercase {text-transform: lowercase !important;}
.contact-width {width: 80%; margin: 0 auto; margin-top: 120px;}
.contact-width h1 {color: #006637; font-size: 37px; padding-bottom: 6px;}
.contact-employees div a {color: #ac935e;}
.contact-employees div a:hover {color: #006637;}
.contact-flex iframe {max-width: 100% !important;}
.contact-flex h2 {color: #006637; padding-bottom: 3px;}
.contact-flex a {color: #ac935e;}
.contact-flex a:hover {color: #006637;}
.contact-flex p {color: #ac935e; line-height: 23px;}
.contact-numbers {margin-top: 21px; margin-bottom: 12px;}
.employee-info {width: 100%!important; padding: 13px 0px 0px 0px; text-align: center;}
.thank-you .business-card {background-color: #006637 !important; margin-top: 11px !important;}
/*---SERVICE---*/
.feedback-form hr {border: 1px #bbb dashed;}
.service-flyer {margin-top: 30px; margin-bottom: 61px;}
.service-flyer {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; padding: 50px; text-align: center;}
.service-flyer img {width: 59%;}
.feedback-form h1 {color: #006637; width: 80%; margin: 0 auto; margin-top: 50px;}
.feedback-sub {width: 80%; margin: 0 auto; font-weight: 400; font-size: 20px; color: #ac935e; padding-bottom: 21px; line-height: 28px;}
.feedback-form form {width: 80%; margin: 0 auto; margin-bottom: 93px;}
.feedback-form input {width: 100%; padding: 8px 0 8px 10px; font-family: 'Poppins', sans-serif; margin-bottom: 12px;}
.feedback-form tr {display: flex; gap: 3%;}
.feedback-form td {width: 100%;}
.feedback-form select {width: 49.5%; padding: 8px 0 8px 10px; font-family: 'Poppins', sans-serif;}
.contact-form h2 {color: #006637; padding-top: 30px; padding-bottom: 16px;}
.anonymous-flex {display: flex; margin-top: 16px; gap: 15px;}
.anonymous-flex input {width: 2%;}
.anonymous-flex label {padding-top: 3px;}
.drop-down select {width: 102.5%; margin-bottom: 13px;}
.drop-down p {padding-bottom: 4px;}
.experience-message textarea {width: 49%; padding: 8px 0 8px 10px; font-family: 'Poppins', sans-serif;}
.hear-about {display: flex;}
.hear-about input {width:4%;}
.hear-about td {width: 36%;}
.hear-about label {line-height: 37px;}
.hear-text textarea {width: 50%; padding: 8px 0 8px 10px; font-family: 'Poppins', sans-serif; margin-top: 13px;}
.CaptchaPanel {width: 50%;}
.captcha input {width: 50%;}
.captcha {text-align: left;}
#reel {margin-bottom: 77px !important;}
.CaptchaWhatsThisPanel a {color: #ac935e;}
.service-dep h1 {padding-bottom: 20px !important;}
/*---CRANE SPECS---*/
.crane-specs {text-align: center; width: 267px; margin-top: 85px;}
.crane-specs h3 {line-height: 23px; padding: 10px 0 14px 0; font-size: 16px;}
.crane-flex {display: flex; justify-content: center; flex-wrap: wrap; gap: 6%; margin-bottom: 112px; margin-top: -52px;}
.crane-flex img {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.crane-flex button {padding: 13px 0px; background: #006637; color: #fff; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; border: none; font-weight: 500; width: 100%; font-size: 14px;}
.crane-flex a:hover button {background: #ac935e; color: #fff;}
/*---JOB STORIES---*/
.job-flex {margin-bottom: 112px; margin-top: 22px;}
.job-flex h2 {margin-bottom: 10px; color: #ac935e; font-weight: 300; font-size: 20px;}
.job-img {margin-bottom: 30px;}
.job-flex img {width: 49%;}
.single-job img {width: 26%;}
.long-img {width: 27.3% !important;}
.long-img-1 {width: 27.51% !important;}
.company-spotlight button {padding: 13px 0px; background: #ac935e; color: #fff; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; border: none; font-weight: 500; width: 240px; font-size: 14px; margin-top: 26px; margin-bottom: 10px;}
.company-spotlight button:hover {background: #006637; color: #fff;}
.stories-p {margin-top: 12px;}
.stories-p p {line-height: 24px; margin-bottom: 5px;}
.hampton-job {margin-top: 20px;}
.job-flex .hampton-job img {width: 24%;}
.job-flex video {height: 650px; background: #000;}
.job-video {width: 97%; display: flex; justify-content: center;}
.sherma-video {width: 100% !important; margin-top: 20px;}
.sherma-video video {height: auto !important;}
.stories-p a {color: #ac935e; border-bottom: 1px #ac935e solid;}
.stories-p a:hover {color: #006637; border-bottom: 1px #006637 solid;}
.exciting-news {background: #006637; text-align: center; margin-bottom: 20px;}
.exciting-news h2 {color: #fff; padding: 15px 0;}
/*---SHERP---*/
.sherp-pdf {display: flex; gap: 10px; margin-bottom: 50px;}
.sherp-pdf img {width: 100% !important; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.sherp-pdf a:hover img {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; transition: .5s;}
/*---PVE/AMERICAN---*/
.pve-points li {margin-bottom: 10px; line-height: 26px; font-size: 15px;}
/*---THANK YOU---*/
.thank-you .feedback-sub {text-align: left; width: 100% !important;}
.thank-you .contact-flex {background-color: #ac935e; width: 521px; margin-bottom: 39px; margin-top: 37px;}
.thank-you .contact-flex h2 {color: #fff; font-size: 20px;}
.thank-you .contact-flex > div {padding: 28px 28px 0px 28px;}
.thank-you .contact-flex p, .thank-you .contact-flex a {color: #fff;}
.thank-you .contact-flex a:hover {color: #002C18;}
/*--------FORM STYLES--------------------*/
/*-------- FOOTER STYLES ----------------*/
footer{}
.footer {background: #006637; color: #fff; font-weight: 600; font-size: 13px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; position: relative; z-index: 900;}
.footer a {color: #fff; font-size: 13px; font-weight: 600;}
.footer li {line-height: 36px;}
.footer-flex {display: flex; justify-content: space-between; width: 85%; margin: 0 auto; padding: 40px 0 80px 0;}
.footer a:hover {color: #ac935e;}
.footer-address {padding-top: 30px;}
.footer-address li {line-height: 25px !important;}
.footer-names h4 {font-size: 16px; line-height: 29px; margin-top: 10px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.20);}
.footer-names a {font-weight: 400;}
.footer-names h4:last-child {margin-top: 9px; line-height: 0;}
.footer-names {width: 319px;
}
.george-pennington {line-height: 21px !important; margin-bottom: 6px;}
.hosted {text-align: center}
.hosted h4 {color: #006637; font-weight: 500; font-size: 12px; padding: 22px 0 18px 0;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-content, .detail-wrapper, #parts-content {margin-top: 100px !important; margin-bottom: 64px !important;}
.list-top-section .list-title .list-title-text, .list-top-section .list-title .list-listings-count, .list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count, .list-top-section .list-sort-order .sort-by-dropdown-container, .list-content .media-buttons .print-this, .faceted-search-content .selected-facets-container .selected-header strong, .faceted-search-content .selected-facets-container .selected-header .filter-clear-all, .faceted-search-content .selected-facets-container .selected-facet, .faceted-search-content .faceted-section-head, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-text-input, .faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name, .list-content .listing-portion-title, .list-content .listing-category, .list-content .list-listing .listing-main-stats .spec-label, .list-content .price-container .price, .fin-calc, .list-content .machine-location, .list-content .spec-value, .list-content .add-update-time, .list-content .listing-description, .compare-listings__label, .list-content .list-listing .dealer-name, .list-content .listing-dealer-info .dealer-data, .list-content .list-listing .listing-top-right .listing-dealer-info .phone-link, .view-listing-details-link, .list-content .list-container .contact-btn, .list-content .listing-widgets a, .linking-buttons a, .grouped-faceted-header, .detail-wrapper, .detail__search-results, .accranescomhdev-xhioxp, .detail__title, .accranescomhdev-9b9i01, .accranescomhdev-88jlbf, .accranescomhdev-9uiqsl, .accranescomhdev-9gup2g, .accranescomhdev-1cczsil, .list-content .list-error-container .info, .parts-list-content .parts-title-and-breadcrumbs .parts-title .parts-title-text, .parts-list-content .error-message {font-family: 'Poppins', sans-serif !important;}
.list-top-section .list-title .list-listings-count, .list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count, .list-content .price-container .price, .list-content .list-listing .listing-top-right .listing-dealer-info .phone-link, .listing-prices__retail-price {color: #ac935e!important;}
/*.list-top-section .list-title .list-title-text {color: #006637 !important;}*/
.list-top-section .list-title .list-title-text {text-transform: uppercase !important;}
.faceted-search-content .selected-facets-container .selected-facet {background: #ac935e !important;}
.faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-content .list-container .contact-btn {background-color: #282828 !important;}
.faceted-search-content .faceted-section-box .faceted-search:hover, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn:hover, .list-content .list-container .contact-btn:hover {background-color: #000 !important;}
.view-listing-details-link, .accranescomhdev-xhioxp:hover, .accranescomhdev-88jlbf, .list-content .list-error-container .info button:not(.login-button) {background-color: #006637 !important;}
.view-listing-details-link:hover, .accranescomhdev-88jlbf:hover {background-color: #005C31 !important;}
.list-content .list-listing .listing-top-right .listing-dealer-info .phone-link {padding-left: 5px !important;}
.disclaimer {font-size: 14px !important; line-height: 20px !important;}
.breadcrumbs__link, .detail__search-results, .accranescomhdev-xhioxp, .accranescomhdev-9b9i01, .accranescomhdev-9uiqsl, .accranescomhdev-9gup2g, .detail__specs-label {color: #000 !important;}
.accranescomhdev-xhioxp:hover {color: #fff !important;}
.parts-list-content {padding-bottom: 64px !important;}
.parts-list-content .error-message {color: #006637 !important;}
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1860px) {
.about-section-flex img {
top: 17px;
}
}
@media only screen and (max-width: 1781px) {
.about-section-flex img {
top: 23px;
left: 85px;
}
}
@media only screen and (max-width: 1694px) {
.about-section-flex img {
top: 25px;
}
}
@media only screen and (max-width: 1636px) {
.about-section-flex img {
top: 29px;
left: 64px;
}
}
@media only screen and (max-width: 1571px) {
.about-section-flex img {
top: 34px;
}
}
@media only screen and (max-width: 1567px) {
.dealer-logos {width: 89%; margin-left: 9%;}
}
@media only screen and (max-width: 1496px) {
.dealer-logos {width: 90%; margin-left: 8%;}
}
@media only screen and (max-width: 1481px) {
.about-section-flex img {
top: 38px;
width: 59%;
}
}
@media only screen and (max-width: 1412px) {
.about-section-flex img {
top: 41px;
left: 36px;
}
}
@media only screen and (max-width: 1369px) {
.about-section-flex img {
top: 44px;
}
}
@media only screen and (max-width: 1302px) {
.about-section-flex img {
top: 51px;
}
}
@media only screen and (max-width: 1300px) {
.job-flex video {height: 550px;}
}
@media only screen and (max-width: 1282px) {
.about-section-content {width: 90%;}
.about-section-flex img {top: 54px; left: -20px; width: 69%;}
}
@media only screen and (max-width: 1240px) {
.center-circle {width: 95%; margin: 0 auto; display: flex; justify-content: center;}
.celebrating {display: none;}
.first-row {margin-top: 65px;}
}
@media only screen and (max-width: 1232px) {
.about-section-flex img {top: 54px;}
}
@media only screen and (max-width: 1217px) {
.about-section-flex img {
top: 56px;
}
}
@media only screen and (max-width: 1154px) {
.about-section-flex img {top: 58px; left: -66px; width: 151%;}
.about-section-content {width: 232%;}
}
@media only screen and (max-width: 1137px) {
.crane-flex {gap: 5%;}
}
@media only screen and (max-width: 1121px) {
.contact-width {width: 90%;}
.contact-employees {width: 90%;}
}
@media only screen and (max-width: 1120px) {
.about-section-flex img {
top: 60px;
}
}
@media only screen and (max-width: 1072px) {
.about-section-flex img {display: none;}
.about-section-flex {display: block;}
.about-section-content {width: 100%;}
}
@media only screen and (max-width: 1000px) {
.job-flex img, .single-job img {width: 49.7%;}
.long-img {width: 27.7% !important;}
.long-img-1 {width: 27.9% !important;}
.job-video {width: 97.5%;}
}
@media only screen and (max-width: 996px) {
.about-section-flex img {top: 50px;}
}
@media only screen and (max-width: 986px) {
.dealer-logos {flex-wrap: wrap; margin-left: 3%; width: 95%; gap: 92px;}
.dealer-logos > div {width: 100%;}
.dealer-logos a {width: 23%;}
.dealer-logo-wrapper {gap: 9%;}
}
@media only screen and (max-width: 950px) {
.job-flex video {height: 450px;}
}
@media only screen and (max-width: 946px) {
.footer-flex {display: block;}
.footer-address {padding-top: 8px; padding-bottom: 24px;}
.footer-names {margin-bottom: 44px;}
}
@media only screen and (max-width: 945px) {
.inventory-img-box a {width: 23%;}
}
@media only screen and (max-width: 937px) {
.about-section-flex img {top: 53px;}
}
@media only screen and (max-width: 930px) {
.bottom-nav {flex-wrap: wrap;}
.sales-button, .parts-button, .service-button {width: 100% !important; padding: 74px 0 67px 0;}
.about-section-flex > div:last-child {display: none;}
.about-section-content {width: 100%;}
.service-flyer img {width: 100%;}
.service-flyer {padding: 20px;}
}
@media only screen and (max-width: 900px) {
.contact-employees div {width: 47%;}
}
@media only screen and (max-width: 830px) {
.header-numbers a span {display:none;}
.header-numbers {gap: 16px;}
.header-numbers a {font-size: 17px;}
}
@media only screen and (max-width: 822px) {
.inventory-img-box img {width: 100%;}
.inventory-img-box a {width: 34%;}
.inventory-img-box {gap: 76px;}
}
@media only screen and (max-width: 800px) {
.feedback-form tr {flex-wrap: wrap;}
.feedback-form select {width: 102.2%;}
.experience-message textarea {width: 100%;}
.hear-about td {width: 50%;}
.hear-text textarea {width: 100%;}
.CaptchaPanel {width: 94%;}
.captcha {text-align: center;}
.captcha input {width: 87%; padding: 10px;}
.thank-you .contact-flex {width: 100%;}
.job-flex .single-img img {width: 100% !important;}
.sherp-pdf {gap: 5px;}
.contact-width {margin-top: 65px;}
}
@media only screen and (max-width: 785px) {
.job-flex img {width: 49.6%;}
}
@media only screen and (max-width: 730px) {
.dealer-logos {flex-wrap: wrap;}
.dealer-logos > div {width: 100%;}
}
@media only screen and (max-width: 700px) {
.job-flex video {height: 400px;}
.job-video {width: 98%;}
}
@media only screen and (max-width: 650px) {
.sherp-pdf {gap: 10px; flex-wrap: wrap;}
.sherp-pdf a {width: 100%;}
}
@media only screen and (max-width: 654px) {
.anonymous-flex input {width: 3%;}
}
@media only screen and (max-width: 618px) {
.feedback-form select {width: 102.7%;}
}
@media only screen and (max-width: 614px) {
.hero-content-wrapper p {line-height: 28px; margin-top: 15px; margin-bottom: 23px; font-size: 23px;}
}
@media only screen and (max-width: 600px) {
.hero-buttons-wrapper {display: block; width: 100%; padding-top: 183px; padding-bottom: 0px;}
.hero-buttons-wrapper button, .company-spotlight button {width: 100%; padding: 20px 0; font-size: 16px;}
.crane-button button {margin-bottom: 11px;}
.hero-content-wrapper {padding-top: 131px;}
}
@media only screen and (max-width: 600px) {
.job-flex img, .long-img, .long-img-1, .single-job img {width: 100% !important;}
.job-flex video {width: 100%; height: auto;}
.job-video {width: 100%;}
}
@media only screen and (max-width: 556px) {
.inventory-img-box {gap: 60px;}
.inventory-img-box a {width: 38%;}
}
@media only screen and (max-width: 546px) {
.dealer-logos a {width: 42%;}
.dealer-logos {margin-left: 2.5%;}
.dealer-logos h3 {text-align: center;}
.dealer-logos hr {width: 100%;}
}
@media only screen and (max-width: 526px) {
.hero-content-wrapper h1 {font-size: 36px;}
}
@media only screen and (max-width: 521px) {
.hear-about td {width: 100%;}
}
@media only screen and (max-width: 500px) {
.about-section-content {padding-top: 179px; padding-bottom: 112px;}
.contact-employees div {width: 100%;}
}
@media only screen and (max-width: 497px) {
.inventory-img-box a {width: 42%;}
.inventory-img-box {gap: 42px;}
}
@media only screen and (max-width: 482px) {
.feedback-form select {width: 104%;}}
@media only screen and (max-width: 456px) {
.anonymous-flex input {width: 4%;}
}
@media only screen and (max-width: 450px) {
.inventory-img-box a {width: 45%;}
.inventory-img-box {gap: 22px;}
.second-row {margin-top: 42px;}
}
@media only screen and (max-width: 420px) {
.inventory-img-box a {width: 68%;}
.inventory-img-box {gap: 37px;}
.second-row {margin-top: 60px;}
}
@media only screen and (max-width: 400px) {
.service-flyer {padding: 0px; box-shadow: none;}
}
@media only screen and (max-width: 382px) {
.footer-names {width: 100%;}
}
@media only screen and (max-width: 378px) {
.feedback-form select {width: 105%;}
}
@media only screen and (max-width: 375px) {
.anonymous-flex input {width: 5%;}
}
@media only screen and (max-width: 350px) {
h1 img {width: 100%;}
}
@media only screen and (max-width: 347px) {
.dealer-logos h3 {font-size: 16px;}
}
@media only screen and (max-width: 335px) {
.crane-specs {width: 100%;}
.contact-width h1 {font-size: 33px;}
}
@media only screen and (max-width: 312px) {
.about-section-content {padding-top: 201px;}
}
@media only screen and (max-width: 296px) {
.dealer-logos h3 {line-height: 22px;}
}