/***** 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;  
} 

/*-------- 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 {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {background: #171717 !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; position: relative; z-index: 700;}
#header-wrapper {width: 95%; margin: 0 auto; display: flex; justify-content: flex-end; padding: 6px 0;}
#header-wrapper button {background: #3B45AA; padding: 8px 0; color: #fff; font-family: 'inter-variable', sans-serif; width: 180px; border-radius: 3px; font-size: 12px; font-weight: bold; border: 2px #3B45AA solid;}
#header-wrapper button:hover {background: none; border: 2px #fff solid;}
#nav-bkgrd {background: #fff; position: relative; z-index: 500;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
.hero-overlay {
	display: flex; 
	justify-content: flex-end;
	flex-wrap: wrap;
	background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.85));
	position: absolute;
	z-index: 400;
	/*--margin-top: -591px;--*/
	inset: 0;
	align-items: flex-end;
}
.hero-content {width: 530px; margin-right: 45px; padding: 166px 0 212px 0;}
.hero-content h1 {color: #fff; font-family: 'oswald', sans-serif; font-size: 60px; line-height: 60px;}
.hero-content p {font-family: 'inter-variable', sans-serif; color: #fff; font-size: 20px; font-weight: bold; margin-top: 43px;}
.hero-content button {background: none; border: none; padding: 0px; color: #fff; font-family: 'inter-variable', sans-serif; font-size: 16px; margin-top: 12px;}
.reel img {width: 100%; overflow: hidden; height: 590px; object-fit: cover;}
.hero-content:hover i {padding-left: 30px; transition: .5s;}

.inventory-search {width: 90%; margin: 0 auto; display: flex; justify-content: center; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 3px; position: relative; z-index: 900; margin-top: -32px; background: #fff;}
.inventory-search form {width: 95%; display: flex; gap: 20px;}
.inventory-search .condition {width: 100%; background: rgba(217,217,217,0.30); box-shadow: rgba(50, 50, 93, 0.1) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; border: none; font-family: 'inter-variable', sans-serif; font-weight: 500; color: #000; border-radius: 3px;}
.inventory-search .category {width: 60%; background: rgba(217,217,217,0.30); box-shadow: rgba(50, 50, 93, 0.1) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; border: none; font-family: 'inter-variable', sans-serif; font-weight: 500; color: #000; border-radius: 3px;}
.inventory-search button {width: 225px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; background: #3B45AA; border: none; color: #fff; font-family: 'inter-variable', sans-serif; border-radius: 3px;}
.inventory-search .category, .inventory-search .condition {padding: 14px 0 13px 20px; font-size: 16px;}
.inventory-search button {font-size: 16px; font-weight: 300; padding-top: 4px;}
.inventory-search button:hover {background: #2F2F2F;}
.inventory-search {padding: 15px 0px;}
.inventory-search .category {color: #777777;}
.inventory-search option {padding: 10px 0px 9px 20px !important;}

.texas-premier h2 {width: 95%; margin: 0 auto; text-align: center; font-size: 22px; font-family: 'inter-variable', sans-serif; margin-bottom: 35px; line-height: 28px;}
#inventory {margin-top: 75px;}
#roll-off-trucks {background: url("/siteart/roll-off-trucks.jpg") no-repeat; background-position: center; background-size: cover; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.inventory-overlay {    height: 100%;background: rgba(23,23,23,0.81);}
.inventory-wrapper {padding: 20px;display: flex;flex-direction: column;justify-content: space-between;height: 100%;box-sizing: border-box;}
.inventory-manu {display: flex; gap: 6px; flex-wrap: wrap;}
#inventory .slick-slide {position: relative;}
.inventory-manu p {font-family: 'inter-variable', sans-serif; font-size: 13px; color: #D9D9D9;}
.inventory-manu div {border: 1px #D9D9D9 solid; border-radius: 4px; padding: 6px 10px;}
.inventory-category h3 {font-family: 'oswald', sans-serif; color: #fff; font-size: 34px; text-align: center; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.75); line-height: 34px;}
.inventory-reel a:hover .inventory-overlay {background: rgba(59,69,170,0.87); transition: .5s;}
#hook-lift-trucks {background: url("/siteart/hook-lift-trucks.jpg") no-repeat; background-position: center; background-size: cover; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
#hook-lift-trucks .inventory-category, #vacuum-trucks .inventory-category, #pump-trucks .inventory-category, #tanker-trucks .inventory-category {margin-top: 126px !important;}
#cab-chassis {background: url("/siteart/cab-chassis.jpg") no-repeat; background-position: center; background-size: cover; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
#vacuum-trucks {background: url("/siteart/vacuum-trucks.jpg") no-repeat; background-position: center; background-size: cover; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
#conventional-trucks {background: url("/siteart/day-cab.jpg") no-repeat; background-position: center; background-size: cover; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
#pump-trucks {background: url("/siteart/oil-field.jpg") no-repeat; background-position: center; background-size: cover; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
#vacuum-trailers {background: url("/siteart/vacuum-trailers.jpg") no-repeat; background-position: center; background-size: cover; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
#transfer-trucks {background: url("/siteart/grapple.jpg") no-repeat; background-position: center; background-size: cover; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

#inventory .slick-list {position: relative; overflow: hidden; padding: 0; width: 87%; margin: 0 auto; display: flex;}
#inventory .slick-track {position: relative; left: 0; top: 0; margin-left: auto; margin-right: auto; display: flex; gap: 10px; justify-content: center; margin-bottom: 30px;}

#brands h2 {font-family: 'inter-variable', sans-serif; color: #3B45AA; font-size: 28px; font-weight: bold; text-align: center; width: 95%; margin: 0 auto; line-height: 32px;}
#brands {margin-top: 70px;}
.brands-gradient {background-image: linear-gradient(to right, rgba(245,245,245,0), rgba(245,245,245,1.00), rgba(245,245,245,0));}
.logosflex, .brandsflex {display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; padding: 22px 0 21px 0; margin-top: 25px;}
.logosflex a, .brandsflex a {display: flex; justify-content: center;}
.logosflex {width: 100% !important;}

.logosflex .slick-slide img:hover, .brandsflex .slick-slide img:hover {opacity: .20; transition: .5s;} 

#brands .slick-initialized .slick-slide {display: flex; justify-content: center;}
#brands .slick-track {display: flex; align-items: center; gap: 25px; width: 100% !important; justify-content: center;}
#bottom-logos .slick-track {display: flex; align-items: center; gap: 70px; width: 95% !important; justify-content: center;}
#bottom-logos .slick-initialized .slick-slide {display: flex; justify-content: center;}


#about {background: url("/siteart/about-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.about-overlay {background: rgba(59,69,170,0.80);}
.about-wrapper {width: 85%; margin: 0 auto; padding: 80px 0 60px 0; display: flex; justify-content: space-between; gap: 60px;}
.welcome-to h2 {color: #fff; font-family: 'oswald', sans-serif; font-size: 45px; line-height: 45px; margin-top: 20px;}
.welcome-to {width: 40%;}
.about-info {width: 60%;}
.about-info p {color: #fff; font-family: 'inter-variable', sans-serif; font-size: 15px; line-height: 21px; margin-bottom: 10px;}
.about-info button {color: #fff; font-family: 'inter-variable', sans-serif; background: none; border: 2px #fff solid; padding: 12px 0; width: 220px; font-weight: bold; margin-top: 20px; font-size: 13px; border-radius: 3px;}
.about-info button:hover {background: #2F2F2F; border: 2px #2F2F2F solid;}

.custom-trucks h2 {font-size: 22px; font-family: 'inter-variable', sans-serif; line-height: 28px;}
.custom-trucks {display: flex; justify-content: space-between; width: 90%; margin: 0 auto;  margin-bottom: 35px; margin-top: 60px; align-items: center;}
.custom-trucks button {color: #fff; font-family: 'inter-variable',sans-serif; background: #3B45AA; padding: 12px 0; width: 220px; font-weight: bold; font-size: 13px; border: none; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.custom-trucks button:hover {background: #2F2F2F;}

/*---CONTACT US---*/

#contact-hero {background: url("/siteart/map.jpg") no-repeat; background-position: center; background-size: cover;}
.contact-overlay {background: rgba(59,69,170,0.80);}
.contact-hero-wrapper {width: 90%; margin: 0 auto; padding-top: 180px;}
.contact-hero-wrapper h1, .inventory_specific_title, .inventory_specific_title {color: #fff; font-family: 'oswald', sans-serif; font-size: 60px; line-height: 53px;}
.inventory_specific_title {font-weight: bold;}

.contact-form {width: 90%; margin: 0 auto; padding: 50px 0 55px 0; font-family: 'inter-varialbe', sans-serif; font-size: 15px; line-height: 21px;}
.contact-form p {margin-bottom: 10px; font-weight: bold; font-size: 16px; color: #3B45AA;}
.contact-form i {color: #3B45AA;}
.contact-form li {line-height: 25px;}
.contact-form tr {display: flex; gap: 26px;}
.contact-form td {width: 100%; color: #007D61 !important;}
.contact-form input {width: 100%;}
.contact-form input {padding: 10px 0px 9px 15px; margin-bottom: 8px; font-family: 'inter-variable', sans-serif; border-radius: 3px; border: 2px #ECECEC solid; font-size: 14px;}
.contact-form .select {width: 50.35%;}
.contact-form select {width: 100%; padding: 8px 0px 8px 7px; margin-bottom: 8px;}
.contact-form textarea {width: 100%; font-family: 'inter-variable', sans-serif; padding: 10px 0px 9px 15px; border-radius: 3px; border: 2px #ECECEC solid; font-size: 14px;}
.contact-form .captcha-selected {margin-top: 55px; width: 100%;}
.contact-form .CaptchaAnswerPanel input, .service-form .submit, .service-form .reset {width: 200px !important;}
.contact-form .CaptchaWhatsThisPanel a {color: #000 !important; font-family: 'inter-variable', sans-serif; font-size: 15px; font-weight: 600;}
.contact-form .CaptchaWhatsThisPanel a:hover {cursor: pointer; border-bottom: #989898 2px solid;}
.contact-form .CaptchaMessagePanel {font-weight: 300; font-family: 'inter-variable', sans-serif; font-size: 15px; color: #000;}
.contact-form .submit, .service-form .reset {color: #fff; font-family: 'inter-variable',sans-serif; background: #3B45AA; padding: 12px 0; width: 200px; font-weight: bold; font-size: 13px; border: none; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.contact-form .submit:hover, .service-form .reset:hover {background: #2F2F2F; cursor: pointer !important;}
.margin-top-send {margin-top: 13px;}
.captcha-selected {display: flex; justify-content: center;}
.contact-form .submitselect {color: #fff; font-family: 'inter-variable',sans-serif; background: #3B45AA; padding: 10px 0; width: 220px; font-weight: bold; font-size: 13px; border: none; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: block; text-align: center;}
.contact-form .submitselect:hover {background: #2F2F2F; cursor: pointer !important;}
.contact-form .captcha {display: flex; justify-content: center; gap: 12px;}
.contact-form .captcha-selected {width: 100%; margin: 0 auto !important; margin-top: 11px !important;}
.contact-form .form-form {width: 100% !important; padding-top: 30px !important;}
.contact-form .form-form p {padding-bottom: 20px; color: #989898; line-height: 21px; font-size: 17px;}
.contact-form .sub-header h2 {font-weight: 600; font-size: 20px; padding-bottom: 10px; padding-top: 20px;}
.contact-form h3 {padding-top: 2px;}

.contact-hr {width: 90%; margin: 0 auto;}
.contact-hr hr {border: 1px #ECECEC dashed;}

.contact-footer {width: 90%; margin: 0 auto; padding: 40px 0 80px 0; display: flex; justify-content: space-between;}
.contact-footer h2 {font-size: 22px; font-family: 'inter-variable', sans-serif; line-height: 28px; margin-bottom: 10px; color: #3B45AA;}
.contact-footer a {color: #000; font-size: 15px; line-height: 25px; font-family: 'inter-variable', sans-serif;}
.contact-footer a:hover {color: #3B45AA;}
.contact-footer i {color: #3B45AA;}
.contact-hours {display: flex; gap: 65px; font-family: 'inter-variable', sans-serif; font-size: 15px; line-height: 25px;}

/*---THANK YOU---*/
/*----
#thank-you-hero {background: url("/siteart/about-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}---*/
.thank-you-message h2 {font-family: 'inter-variable', sans-serif; color: #3B45AA; font-size: 28px; font-weight: bold; line-height: 32px;}
.thank-you-message p {color: #000; font-weight: normal; font-size: 16px; line-height: 24px; margin-top: 4px; margin-bottom: 18px;}
.thank-you-message-buttons {display: flex; gap: 10px;}
.thank-you-message-buttons button {color: #fff; font-family: 'inter-variable',sans-serif; background: #3B45AA; padding: 12px 0; width: 220px; font-weight: bold; font-size: 13px; border: none; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.thank-you-message-buttons button:hover {background: #2F2F2F;}

/*---SERVICE---*/
.drop-down-service a {margin-bottom: 10px;}
.drop-down-service a i {color: #fff;}
.drop-down-hover a:hover {background: #000; transition: .5s;}
#service-hero {background: url("/siteart/hero-2.jpg") no-repeat; background-size: cover; background-position: center;}
.service-title {justify-content: center !important;}
.before-after {justify-content: center !important;}
.services-ul ul {display: flex; justify-content: center; width: 98%; flex-wrap: wrap; margin-top: 25px; gap: 50px;}
.services-ul ul li {font-weight: bold; font-size: 25px; font-family: 'rustica', sans-serif;}

.rigging-trucks span div {border: 1px #fff solid; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 100%; display: flex; justify-content: center; padding: 25px 0;}
.rigging-trucks span {width: 32%;}

/*---ABOUT US---*/
.history-about {margin-bottom: 10px;}
.about-us p {margin-bottom: 10px !important;}

.about-imgs {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0 55px 0;
    display: flex;
	justify-content: space-between;
	gap: 20px;
}
.about-imgs img {
    max-width: 100%;
    width: 29vw;
}

/*---SOLD GALLERY---*/
#sold-hero {background: url("/siteart/hero-5.jpg") no-repeat; background-size: cover; background-position: center;}
#sold-gallery {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 22px;}
#sold-gallery div {border: 2px #3B45AA solid; padding: 10px; width: 22%; border-radius: 4px;}
#sold-gallery img {width: 100%; border-radius: 4px;}

/*---RIGGING + FABRICATION---*/
.rigging-body section {margin-bottom: 70px; margin-top: 20px;}
.rigging-title {background: #3B45AA; text-align: center; padding: 20px 0; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.rigging-title h2 {color: #fff; font-size: 28px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.15); font-weight: bold; font-family: 'rustica', sans-serif; line-height: 28px;}
.rigging-options {background: #3B45AA; border-radius: 65px; width: 95px; text-align: center; padding: 31px 4px; margin-top: 40px;}
.rigging-options h4 {color: #fff; font-size: 16px; line-height: 19px; font-family: 'rustica', sans-serif;}
.rigging-sub-cat {background: #3B45AA; text-align: center; padding: 10px 0; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 400px; margin: 0 auto; margin-top: -50px;}
.rigging-sub-cat h3 {color: #fff; font-size: 20px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.15); font-weight: bold; font-family: 'rustica', sans-serif; line-height: 20px;}
.rigging-trucks a div {border: 1px #fff solid; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 100%; display: flex; justify-content: center; padding: 25px 0;}
.rigging-trucks {display: flex; gap: 20px; justify-content: space-between; margin-top: 30px; margin-bottom: 60px;}
.rigging-trucks img {width: 90%; margin: 0 auto;}
.rigging-trucks a {width: 32%;}
.rigging-trucks h5 {text-align: center; font-size: 25px; color: #000; font-weight: bold; margin-top: 15px; font-family: 'rustica', sans-serif; line-height: 25px; margin-bottom: 15px;}
.rigging-trucks a:hover h5 {color: #3B45AA; transition: .5s;}
.rigging-trucks a:hover img {transform: scale(105%); transition: .8s;}
.rigging-specs {background: #3B45AA; text-align: center; padding: 10px 0; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 250px; margin: 0 auto; margin-top: 50px;}
.rigging-specs h3 {color: #fff; font-size: 20px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.15); font-weight: bold; font-family: 'rustica', sans-serif; line-height: 20px;}
.spec-details {background: rgba(59,69,170,0.20); margin-top: 15px;}
.spec-details p {padding: 15px; font-size: 18px; line-height: 26px; color: #000;}
.spec-details p span {border-bottom: 2px transparent solid; color: #3B45AA;}
.align-p {width: 500px; margin: 0 auto; margin-top: 15px;}
.align-p p {text-align: center;}
.rigging-title {display: flex; align-items: center; justify-content: center;}
.rigging-title hr {width: 37%; margin: 0 auto; height: 0px; border: rgba(255,255,255,0.18) 1px solid;}
.services-ul {flex-wrap: wrap;}
.trucks-wrap {flex-wrap: wrap;}
/*
#rigging {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-top: 30px;}
#rigging h3 {font-size: 20px; font-family: 'inter-variable', sans-serif; line-height: 26px; margin-bottom: 10px; color: #3B45AA; padding-top: 20px;}
#rigging p {color: #000; font-weight: normal; font-size: 16px; line-height: 24px; margin-top: 4px; margin-bottom: 18px;}
#rigging button {color: #fff; font-family: 'inter-variable',sans-serif; background: #3B45AA; padding: 12px 0; width: 220px; font-weight: bold; font-size: 13px; border: none; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-top: 20px;}
#rigging button:hover {background: #2F2F2F;}
.rigging-box {width: 30%; text-align: center;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 0 15px 30px 15px;}
.rigging-box img {width: 90%;}
*/

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer{background: #171717; font-family: 'inter-variable', sans-serif; color: #fff; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
#footer {width: 95%; margin: 0 auto; padding: 35px 0; display: flex; justify-content: space-between;}
#footer img {width: 120px;}
footer a {color: #fff;}
.footer-contact-links {margin-top: 20px;}
.footer-contact-links a {font-size: 15px; line-height: 26px;}
.footer-contact-links a:hover, .quick-links a:hover, .footer-socials a:hover i {color: #626BC8;}
.quick-links-links {display: flex; gap: 55px;}
.quick-links a {font-size: 15px; line-height: 26px;}
.footer-title {font-size: 17px; margin-bottom: 12px; display: block; font-weight: bold;}
.quick-links button {color: #fff; font-family: 'inter-variable', sans-serif; background: #3B45AA; padding: 10px 0; width: 220px; font-weight: bold; font-size: 13px; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-top: 12px; border: 2px #3B45AA solid;}
.quick-links button:hover {border: 2px #fff solid; background: none;}
.quick-links {margin-top: 43px;}
.footer-socials {width: 95%; margin: 0 auto; display: flex; justify-content: center; gap: 7px; padding: 20px 0 35px 0;}
.footer-socials i {font-size: 30px;}
#site-hosted {width: 95%; margin: 0 auto; padding: 20px 0;}
#site-hosted h5 {text-align: center; font-size: 13px; font-family: 'inter-variable', sans-serif;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
#inventory-hero {background: url("/siteart/hero-3.jpg") no-repeat; background-size: cover; background-position: center;}
.list-top-section .list-title {padding: 0 24px 12px 0 !important;}
.list-content, .detail-wrapper, .parts-list-content {margin-top: 50px !important; margin-bottom: 100px !important;}
.list-top-section .list-listings-count, .list-content .price-container .price, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price, .parts-list-content .error-message, .mobile-option-bar .mobile-option-bar-filter {color: #3B45AA !important;}
.view-listing-details-link, .faceted-search-content button.faceted-search, .rollofftruckworldcomhdev-9yt8fn.MuiPaginationItem-previousNext, .rollofftruckworldcomhdev-88jlbf, .rollofftruckworldcomhdev-lf60up.MuiPaginationItem-previousNext, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button)  {background: #3B45AA !important;}
.faceted-search-content button.faceted-search:hover, .list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text, .list-content .list-container .request-a-quote-btn {background: #000 !important;}
.disclaimer {font-family: 'inter-variable', sans-serif !important; font-size: 15px !important; line-height: 21px !important;}
.list-content .listing-description, .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 .list-listing .listings-compare-link-wrapper, .list-content .list-listing .dealer-name, .list-content .listing-dealer-info .spec-label, .list-content .listing-dealer-info .dealer-data, .list-content .listing-dealer-info spec-value, .view-listing-details-link span, .list-content .list-container .contact-btn, .list-content .listing-widgets a, .faceted-search-content .faceted-section-head, .faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name, .faceted-search-content button.faceted-search, .list-top-section .list-title .list-title-text, .list-top-section .list-listings-count, .breadcrumbs__link, .detail__title, .compare-listings__label, .detail__category, .currency-selector .currency-select, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price, .rollofftruckworldcomhdev-88jlbf , .finance-link__text, .detail__machine-location-label-text, .rollofftruckworldcomhdev-1rt9xjc, .rollofftruckworldcomhdev-9uiqsl, .dealer-contact__branch-name, .dealer-contact__label, .detail-shipping__branch-name, .detail-shipping__label, .rollofftruckworldcomhdev-9gup2g, .rollofftruckworldcomhdev-1r9hjhb, .rollofftruckworldcomhdev-1cczsil, .detail__specs-heading, .detail__specs-label, .inspection__spec-label, .detail__specs-value, .detail__specs-value_showroom, .parts-list-content .parts-title-and-breadcrumbs .parts-title .parts-title-text, .parts-list-content .error-message, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button)   {font-family: 'inter-variable', sans-serif !important;}

/*--video style--*/
.home-hero{
	background-color: var(#3B45AA);
    position: relative;
}
.home-hero .video-height{
	height: 791px;
    max-width: 2300px;
    overflow: hidden;
}
.home-hero iframe{
	width: 2300px;
    overflow: hidden;
    height: 148%;
    transform: translateX(-200px);
    object-fit: cover;
    opacity: .8;
    pointer-events: none;
}
.contact-st{
	justify-content: flex-start;
   
    
}
.contact-bg{
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .85));
}
.about-video>h1{
	padding-bottom: 50px;
}

.TT-logo{
	width:179px;
}

.parts-item{
	width: 90% !important;
    border: none!important;
    justify-content: center;
	margin-top: 14px!important;
}
#parts-gallery .parts-wrapper{
	border: none!important;}
#parts-gallery{
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 22px;
}
#parts-gallery div {border: 2px #3B45AA solid; padding: 10px; width: 22%; border-radius: 4px;}
#parts-gallery img {width: 100%; border-radius: 4px;}
	


/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1580px) {
	#sold-gallery div {width: 30%; margin-bottom: 30px;}
	#sold-gallery {gap: 0px; justify-content: space-between;}
	#parts-gallery div{width: 30%; margin-bottom: 30px;}
	#parts-gallery{gap: 0px; justify-content: center!important;}
}
@media only screen and (max-width: 1500px) {
	.reel img {height: 490px;}
	
	.hero-content {padding: 117px 0 161px 0;}
}
@media only screen and (max-width: 1450px) {
	#brands .slick-track {gap: 65px;}
	.rigging-box {width: 29%;}
}
@media only screen and (max-width: 1400px) {
	.about-wrapper {flex-wrap: wrap; gap: 20px; padding: 80px 0 85px 0;}
	.about-info {width: 90%;}
	.about-info button {margin-top: 30px;}
	.welcome-to {width: 100%;}
	.brands-flex {flex-wrap: wrap; gap: 30px; justify-content: center;}
	.about-wrapper {width: 90%;}
	.home-hero .video-height{ height: 500px;}
	.home-hero iframe{
		width: 1300px;
		height: 250%;
		transform: translateY(-400px);
}
}
@media only screen and (max-width: 1350px) {
	.hero-content h1 {font-size: 50px; line-height: 50px;}
	.hero-content p {font-size: 18px;}
	.hero-content button {font-size: 15px;}
	.hero-content {padding: 136px 0 164px 0; width: 450px;}
}
@media only screen and (max-width: 1300px) {
	.brands-flex img {width: 100%;}
	.
}
@media only screen and (max-width: 1240px) {
	#hero {margin-top: -50px;}
	.reel img {height: 460px;}
	.hero-overlay {justify-content: flex-start;}
	.hero-content {padding: 130px 0 139px 0;}
	.hero-overlay {background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,.85));}
	.hero-content {margin-left: 45px; margin-right: 0px;}
	.reel img {object-position: left;}
	.inventory-search {width: 90%;}
	.about-info {width: 100%;}
	.contact-hero-wrapper {width: 95%;}
	.contact-form, .contact-hr, .contact-footer {width: 95%;}
	.contact-form .form-form {width: 99% !important;}
	.custom-trucks, .about-wrapper {width: 95% !important;}
	#sold-gallery div {margin-bottom: 20px;}
	#parts-gallery div {margin-bottom: 20px;}
	.rigging-title hr {width: 32%;}
	#service-hero, #inventory-hero, #thank-you-hero, #sold-hero, #contact-hero {margin-top: -35px;}
}
@media only screen and (max-width: 1150px) {
	.about-wrapper {width: 90%;}
}
@media only screen and (max-width: 1100px) {
	#sold-gallery div {margin-bottom: 15px;}
	#parts-gallery div {margin-bottom: 15px;}
}
@media only screen and (max-width: 1060px) {
	.rigging-box {width: 45%;}
	.rigging-trucks a, .rigging-trucks span {width: 48%;}
	.rigging-trucks h5 {margin-bottom: 12px;}
}
@media only screen and (max-width: 1050px) {
	#sold-gallery div {margin-bottom: 28px; width: 29%;}
	#parts-gallery div {margin-bottom: 28px; width: 29%;}

}
@media only screen and (max-width: 1000px) {
	.contact-form .form-form {width: 98% !important;}
	.rigging-title hr {width: 28%;}
	.hero-content h1 {font-size: 45px !important; line-height: 45px !important;}
	.hero-content {padding: 120px 0 129px 0;}
	.reel img {height: 430px;}
	
	.about-imgs {flex-direction: column;align-items: center;}
	.about-imgs img{width: 90vw;}
}
@media only screen and (max-width: 900px) {
	.inventory-search form {gap: 10px;}
	.inventory-search {padding: 12px 0px; margin-top: -22px;}
	.inventory-search .condition, .inventory-search .category {font-size: 13px;}
	.inventory-search button {font-size: 12px;}
	#sold-gallery div {margin-bottom: 20px;}
	#parts-gallery div {margin-bottom: 20px;}
	.hero-content h1 {font-size: 40px !important; line-height: 40px !important;}
	.hero-content p {font-size: 16px;}
	.hero-content button {font-size: 13px;}
	.hero-content {padding: 110px 0 99px 0;}
	.reel img {height: 375px;}
	
	#hero {margin-top: -35px;}
}
@media only screen and (max-width: 850px) {
	.about-wrapper {width: 95%;}
	#sold-gallery div {margin-bottom: 30px; width: 45%;}
	#parts-gallery div {margin-bottom: 30px; width: 45%;}
	.rigging-box {width: 44%;}
}
@media only screen and (max-width: 800px) {
	.hero-content {padding: 100px 0 79px 0; margin-left: 25px;}
	.reel img {height: 345px;}
	
	.inventory-search {margin-top: -12px;}
	.inventory-category h3 {font-size: 30px; line-height: 30px;}
	.inventory-manu p {font-size: 10px;}
	.inventory-manu div {padding: 5px 9px;}
	.footer-contact-links a {font-size: 14px; line-height: 25px;}
	.footer-title {font-size: 16px; margin-bottom: 11px;}
	.quick-links a {font-size: 14px; line-height: 25px;}
	#footer {align-items: center;}
	.logosflex, .brandsflex {padding: 12px 0 11px 0;}
	.rigging-sub-cat {width: 380px;}
	.thank-you-message-buttons button, #header-wrapper button, .contact-form .submitselect {padding: 10px 0; width: 180px; font-size: 12px;}
	.slick-slide img {width: 100px !important;}
}
@media only screen and (max-width: 750px) {
	#sold-gallery div {margin-bottom: 20px;}
	#parts-gallery div {margin-bottom: 20px;}
	.rigging-sub-cat {width: 360px;}
}

@media only screen and (max-width: 730px) {
    .home-hero .video-height{
        height: 250px;
    }
	.home-hero iframe{
		width: 2110px;
		height: 106%;
    	transform: translateX(-858px);
	}
}
@media only screen and (max-width: 710px) {
	.rigging-box {width: 100%;}
}
@media only screen and (max-width: 700px) {
	.hero-content { margin-left: 25px;}
	.hero-contact{
		width: 100%;
	}
	#sold-gallery div {width: 44%; margin-bottom: 25px;}
	#parts-gallery div {width: 44%; margin-bottom: 25px;}
	.rigging-specs {width: 200px;}
	.align-p {width: 100%;}
	.rigging-title hr {width: 24%;}
	.hero-content {padding: 65px 0 50px 0;}
	.reel img {height: 270px;}
	
	.inventory-search {padding: 12px 0px; width: 95.6%;}
	.inventory-category h3 {font-size: 25px; line-height: 25px;}
	.inventory-manu {gap: 5px;}
	.inventory-manu div {padding: 4px 7px;}
	.texas-premier h2 {font-size: 18px; margin-bottom: 23px;}
	.custom-trucks h2, #brands h2 {font-size: 18px;}
	#inventory {margin-top: 60px;}
	#inventory .slick-track {margin-bottom: 0px;}
	.welcome-to h2 {font-size: 35px; line-height: 35px;}
	.about-info p {font-size: 14px;}
	.about-info button, .custom-trucks button, .quick-links button {font-size: 12px;}
	.about-wrapper {padding: 60px 0 85px 0; gap: 25px;}
	#footer img {width: 100px;}
	.footer-contact-links a {font-size: 13px; line-height: 24px;}
	.footer-title {font-size: 15px; margin-bottom: 10px;}
	.quick-links a {font-size: 13px; line-height: 24px;}
	#site-hosted h5 {font-size: 12px;}
	.rigging-title h2 {font-size: 20px; line-height: 26px;}
	.contact-hero-wrapper h1, .inventory_specific_title {font-size: 50px; line-height: 46px;}
	.rigging-title {padding: 17px 0;}
	.contact-footer h2 {font-size: 18px;}
	.contact-footer a, .contact-hours {font-size: 14px; line-height: 24px;}
	.rigging-trucks h5, .services-ul ul li {font-size: 18px; line-height: 18px;}
	.rigging-trucks span div {padding: 20px 0;}
	.rigging-options h4 {font-size: 14px; line-height: 16px;}
	.rigging-options {padding: 30px 0px;}
	.rigging-sub-cat h3 {font-size: 18px; line-height: 18px;}
	.rigging-sub-cat {width: 340px;}
	.rigging-specs h3 {font-size: 18px; line-height: 18px;}
	.spec-details p {font-size: 16px; line-height: 24px;}
	.thank-you-message p {font-size: 14px; line-height: 22px;}
	.thank-you-message h2 {font-size: 20px; line-height: 24px;}
	.contact-form li {font-size: 14px;}
	.contact-form p {margin-bottom: 7px; font-size: 15px;}
}
@media only screen and (max-width: 650px) {
/*
	.inventory-search form {flex-wrap: wrap;}
	.inventory-search .condition, .inventory-search .category {width: 100%; padding: 15px 0 14px 20px;}
	.inventory-search button {width: 100%; padding: 15px 0 14px 0; font-size: 14px;}
	.inventory-search {padding: 35px 20px;}
*/
	.contact-form .captcha-selected {width: 89%;}
	.inventory-wrapper {padding: 10px;}
	.rigging-sub-cat {width: 320px;}
}
@media only screen and (max-width: 600px) {
/*
	#header-wrapper button:hover {background: #3B45AA; border: 2px #3B45AA solid;}
	.about-info button, .thank-you-message-buttons button, #rigging button {width: 100%; padding: 15px 0;}
*/
/*	.custom-trucks button {width: 100%; padding: 15px 0;}*/
	.thank-you-message-buttons {flex-wrap: wrap;}
	.thank-you-message-buttons {gap: 8px;}
	.thank-you-message p {margin-top: 11px; margin-bottom: 28px;}
	.rigging-title hr {width: 20%;}
	.services-ul ul {margin-top: 10px;}
	.services-ul ul li {margin-top: 23px; line-height: 30px;}
	.hero-content h1 {font-size: 30px !important; line-height: 30px !important;}
	.hero-content p {margin-top: 30px;}
	.hero-content {padding: 55px 0 43px 0;}
	.reel img {height: 220px;}
	
	.inventory-search button {width: 120px; padding-top: 3px;}
	.inventory-search .condition, .inventory-search .category {font-size: 12px;}
	.inventory-search .category, .inventory-search .condition {padding: 8px 0 6px 12px;}
	.inventory-search {padding: 9px 0px;}
	.inventory-category h3 {font-size: 20px; line-height: 20px;}
	.inventory-manu p {font-size: 8px;}
	.inventory-manu div {padding: 3px 6px 2px 6px;}
	#hook-lift-trucks .inventory-category, #vacuum-trucks .inventory-category, #pump-trucks .inventory-category, #tanker-trucks .inventory-category {margin-top: 100px !important;}
	.texas-premier h2, #brands h2 {font-size: 16px; margin-bottom: 18px;}
	.custom-trucks h2 {font-size: 16px;}
	#inventory {margin-top: 50px;}
	.hero-content p {font-size: 14px;}
	.hero-content button {font-size: 11px; margin-top: 7px;}
	.thank-you-message-buttons button {font-size: 11px;}
	.custom-trucks button, .about-info button, .quick-links button, .thank-you-message-buttons button {width: 170px;}
	#footer img {width: 80px;}
	.footer-contact-links a {font-size: 12px; line-height: 23px;}
	.footer-title {font-size: 14px; margin-bottom: 9px;}
	.quick-links a {font-size: 12px; line-height: 23px;}
	.quick-links-links {gap: 30px;}
	#site-hosted h5 {font-size: 11px;}
	.contact-hero-wrapper h1, .inventory_specific_title {font-size: 40px; line-height: 36px;}
	.rigging-title h2 {font-size: 18px; line-height: 21px;}
	.contact-footer h2 {font-size: 16px; margin-top: 6px;}
	.contact-footer a, .contact-hours {font-size: 13px; line-height: 24px;}
	.contact-hours {gap: 40px;}
	.contact-footer {padding: 30px 0 60px 0;}
	.contact-form {padding: 40px 0 45px 0;}
	.rigging-trucks h5, .services-ul ul li {font-size: 16px; line-height: 16px;}
	.rigging-trucks span div {padding: 15px 0;}
	.rigging-trucks {margin-bottom: 35px;}
	.services-ul ul {gap: 40px;}
	.rigging-options h4 {font-size: 12px; line-height: 14px;}
	.rigging-options {width: 89px;}
	.rigging-sub-cat h3 {font-size: 16px; line-height: 16px;}
	.rigging-sub-cat {width: 300px;}
	.rigging-specs h3 {font-size: 16px; line-height: 16px;}
	.spec-details p {font-size: 14px; line-height: 22px;}
	.rigging-specs {width: 180px;}
	.slick-slide img {width: 80px !important;}
	#footer {padding: 10px 0 35px 0;}
	.contact-form .form-form {width: 96% !important;}
}
@media only screen and (max-width: 570px) {
	#inventory .slick-track {gap: 6px;}
}
@media only screen and (max-width: 550px) {
	#footer img {width: 70px;}
	.footer-contact-links {margin-top: 12px;}
	.footer-contact-links a {font-size: 11px; line-height: 21px;}
	.footer-title {font-size: 13px; margin-bottom: 8px;}
	.quick-links a {font-size: 11px; line-height: 21px;}
	.quick-links-links {gap: 20px;}
	.contact-footer h2 {font-size: 14px; margin-bottom: 5px;}
	.contact-footer a, .contact-hours {font-size: 12px; line-height: 22px;}
	.contact-hours {gap: 30px;}
	.rigging-trucks {gap: 5px;}
	.before-after {gap: 20px;}
	.services-ul span {width: 47%;}
	.rigging-sub-cat {width: 280px;}
}
@media only screen and (max-width: 500px) {
	.hero-content {width: 100%; padding: 110px 0 109px 0; margin-left: 15px;}
	.brands-flex a {width: 130px;}
	.rigging-title hr {width: 12%;}
	.hero-content h1 {font-size: 25px !important; line-height: 25px !important;}
	.hero-content p {margin-top: 23px; font-size: 13px;}
	.hero-content button {font-size: 11px;}
	.hero-content {padding: 50px 0 35px 0;}
	.reel img {height: 180px;}
	
	#header-wrapper button {padding: 8px 0 5px 0; width: 150px; font-size: 11px;}
	.inventory-search form {gap: 6px;}
	.inventory-search {padding: 9px 0px; width: 95.9%;}
	#hook-lift-trucks .inventory-category, #vacuum-trucks .inventory-category, #pump-trucks .inventory-category, #tanker-trucks .inventory-category {margin-top: 90px !important;}
	.texas-premier h2 {font-size: 14px; margin-bottom: 16px;}
	.custom-trucks h2 {font-size: 14px;}
	.about-info button {margin-top: 20px;}
	#footer img {width: 60px;}
	.footer-contact-links a, .quick-links a {font-size: 10px; line-height: 19px;}
	.footer-title {font-size: 11px; margin-bottom: 7px;}
	.footer-socials i {font-size: 22px;}
	.footer-socials {padding: 15px 0 25px 0;}
	#site-hosted h5 {font-size: 10px;}
	.rigging-title h2 {font-size: 16px; line-height: 16px;}
	.contact-footer h2 {font-size: 13px; margin-bottom: 3px;}
	.contact-footer a, .contact-hours {font-size: 11px; line-height: 20px;}
	.contact-hours {gap: 25px;}
	.contact-footer {padding: 20px 0 40px 0;}
	.contact-form {padding: 30px 0 35px 0;}
	.contact-hero-wrapper {padding-top: 150px;}
	.rigging-trucks h5, .services-ul ul li {font-size: 14px; line-height: 14px;}
	.rigging-trucks span div {padding: 10px 0;}
	.services-ul ul {gap: 30px;}
	.contact-hero-wrapper h1, .inventory_specific_title {font-size: 35px; line-height: 32px;}
	.rigging-options h4 {font-size: 10px; line-height: 12px;}
	.rigging-options {width: 76px; padding: 25px 0;}
	.rigging-sub-cat h3, .rigging-specs h3 {font-size: 14px; line-height: 14px;}
	.rigging-sub-cat {width: 260px;}
	#sold-gallery {gap: 9px;}
	#parts-gallery {gap: 9px;}
	#sold-gallery div {width: 43%;}
	#parts-gallery div {width: 43%;}
	.thank-you-message h2 {font-size: 18px; line-height: 20px;}
	.history-about {margin-bottom: 0px;}
}
@media only screen and (max-width: 450px) {
	.about-wrapper {padding: 50px 0 55px 0;}
	.quick-links-links {justify-content: space-between;}
	.quick-links button {width: 100%; padding: 12px 0; margin-top: 18px;}
	.contact-hours {justify-content: space-between; gap: 20px;}
	.inventory-category h3 {font-size: 18px; line-height: 18px;}
	#hook-lift-trucks .inventory-category, #vacuum-trucks .inventory-category, #pump-trucks .inventory-category, #tanker-trucks .inventory-category {margin-top: 80px !important;}
	.custom-trucks h2 {font-size: 12px;}
	.custom-trucks button, .about-info button, .quick-links button, .thannk-you-message-buttons button {width: 140px; font-size: 11px; padding: 9px 0;}
	#footer img {width: 55px;}
	.footer-contact-links a, .quick-links a {font-size: 9px; line-height: 17px;}
	.footer-title {font-size: 10px; margin-bottom: 6px;}
	.contact-footer h2 {font-size: 12px; margin-bottom: 1px;}
	.contact-footer a, .contact-hours {font-size: 10px; line-height: 19px;}
	.rigging-sub-cat {width: 240px;}
	#sold-gallery div {padding: 7px 7px 3px 7px; width: 44%; margin-bottom: 7px;}
	#parts-gallery div {padding: 7px 7px 3px 7px; width: 44%; margin-bottom: 7px;}

	.thank-you-message-buttons button, #header-wrapper button, .contact-form .submitselect {font-size: 10px; width: 150px;}
	.contact-form .submitselect {padding: 6px 0;}
}
@media only screen and (max-width: 425px) {
	.rigging-sub-cat {width: 220px;}
}
@media only screen and (max-width: 400px) {
	.hero-contact{
		width: 90%;
        overflow: hidden;
	}
	.rigging-title hr {width: 7%;}
	.inventory-search .condition, .inventory-search .category {font-size: 11px;}
	.inventory-search button {font-size: 11px;}
	#hero {margin-top: -25px;}
	.texas-premier h2 {font-size: 12px; margin-bottom: 14px;}
	#inventory {margin-top: 40px;}
	.inventory-category h3 {font-size: 16px; line-height: 16px;}
	#hook-lift-trucks .inventory-category, #vacuum-trucks .inventory-category, #pump-trucks .inventory-category, #tanker-trucks .inventory-category {margin-top: 60px !important;}
	.inventory-manu {gap: 3px;}
	.inventory-manu div {padding: 2px 5px 1px 5px;}
	.welcome-to h2 {font-size: 30px; line-height: 30px;}
	.about-wrapper {padding: 50px 0 65px 0;}
	.custom-trucks button, .about-info button, .quick-links button {width: 125px; font-size: 10px;}
	.custom-trucks h2 {font-size: 11px;}
	#footer img {width: 50px;}
	.footer-contact-links {margin-top: 10px;}
	.footer-contact-links a, .quick-links a {font-size: 8px; line-height: 14px;}
	.quick-links-links {gap: 17px;}
	.footer-socials i {font-size: 20px;}
	.footer-socials {padding: 0px 0 20px 0;}
	#site-hosted h5 {font-size: 9px;}
	.contact-hero-wrapper h1, .inventory_specific_title {font-size: 30px; line-height: 27px;}
	.rigging-title h2 {font-size: 14px; line-height: 14px;}
	.contact-hero-wrapper {padding-top: 120px;}
	.contact-footer {padding: 10px 0 30px 0;}
	.contact-footer h2 {font-size: 11px; margin-bottom: 0px;}
	.contact-footer a, .contact-hours {font-size: 9px; line-height: 17px;}
	.rigging-trucks h5, .services-ul ul li {font-size: 12px; line-height: 12px;}
	.rigging-trucks {margin-bottom: 30px;}
	.services-ul ul {gap: 20px;}
	.rigging-options h4 {font-size: 8px; line-height: 10px;}
	.rigging-options {width: 60px; padding: 20px 0;}
	.rigging-sub-cat h3, .rigging-specs h3 {font-size: 12px; line-height: 12px;}
	.rigging-sub-cat {width: 200px;}
	#sold-gallery div {width: 43%;}
	#parts-gallery div {width: 43%;}
	.thank-you-message h2 {font-size: 16px; line-height: 18px;}
	.thank-you-message-buttons button, #header-wrapper button, .contact-form .submitselect {font-size: 8px; width: 130px;}
	.slick-slide img {width: 70px !important;}
	#bottom-logos .slick-track {gap: 50px !important;}
	.hero-content h1 {font-size: 20px !important; line-height: 20px !important;}
	.hero-content p {font-size: 12px;}
	.hero-content button {font-size: 10px;}
	.hero-content {padding: 45px 0 40px 0;}
	.contact-form .submitselect {padding: 3px 0;}
	.contact-form .form-form {width: 94% !important;}
	.about-video>h1{
		padding-bottom: 29px;
	}
}
@media only screen and (max-width: 380px) {
	.inventory-manu p {font-size: 6px;}
	.contact-footer h2 {font-size: 10px;}
	.contact-footer a, .contact-hours {font-size: 8px;}
	.contact-footer a {line-height: 14px;}
	.contact-hours {line-height: 16px;}
	.services-ul span {width: 46%;}
	.before-after {gap: 15px;}
}
@media only screen and (max-width: 350px) {
	.hero-content h1 {font-size: 18px !important; line-height: 18px !important;}
	.hero-content p {margin-top: 17px; font-size: 11px;}
	.hero-content button {font-size: 9px; margin-top: 4px;}
	.hero-content {padding: 51px 0 37px 0; margin-left: 10px;}
	.reel img {height: 170px;}
	
	#hero {margin-top: -35px;}
	#header-wrapper button {padding: 6px 0 4px 0;}
	.inventory-category h3 {font-size: 15px; line-height: 15px;}
	.inventory-manu div {padding: 1px 4px 0px 4px; border-radius: 2px;}
	.custom-trucks button, .about-info button, .quick-links button {width: 105px; font-size: 9px;}
	.footer-contact-links {margin-top: 8px;}
	.footer-contact-links a, .quick-links a {font-size: 7px; line-height: 11px;}
	.footer-title {font-size: 9px; margin-bottom: 4px;}
	.footer-socials i {font-size: 16px;}
	.footer-socials {gap: 4px;}
	.contact-hero-wrapper h1, .inventory_specific_title {font-size: 35px; line-height: 32px;}
	.contact-hero-wrapper {padding-top: 90px;}
	.rigging-title h2 {font-size: 12px; line-height: 12px;}
	.rigging-title {padding: 15px 0;}
	.contact-form {padding: 20px 0 25px 0;}
	.contact-footer h2 {font-size: 9px; line-height: 22px;}
	.contact-footer a, .contact-hours {font-size: 7px;}
	.contact-footer a {line-height: 11px;}
	.contact-hours {line-height: 15px;}
	.rigging-trucks h5, .services-ul ul li {font-size: 10px; line-height: 10px;}
	.rigging-trucks a {margin-bottom: 0px !important;}
	.drop-down-hover a {margin-bottom: 10px;}
	.rigging-trucks {margin-top: 20px;}
	.rigging-trucks span div {padding: 8px 0;}
	.services-ul ul {gap: 15px;}
	.contact-hero-wrapper h1, .inventory_specific_title {font-size: 25px; line-height: 23px;}
	.rigging-options h4 {font-size: 6px; line-height: 8px;}
	.rigging-options {width: 50px; padding: 17px 0;}
	.rigging-sub-cat h3, .rigging-specs h3 {font-size: 10px; line-height: 10px;}
	.rigging-sub-cat, .rigging-specs {width: 180px;}
	.rigging-sub-cat {margin-top: -40px;}
	.thank-you-message-buttons button, #header-wrapper button, .contact-form .submitselect {width: 115px;}
}
@media only screen and (max-width: 330px){
	#hook-lift-trucks .inventory-category, #vacuum-trucks .inventory-category, #pump-trucks .inventory-category, #tanker-trucks .inventory-category {margin-top: 50px !important;}
	.inventory-category h3 {font-size: 14px; line-height: 14px;}
	.custom-trucks h2 {line-height: 16px;}
	.custom-trucks {gap: 12px;}
}
@media only screen and (max-width: 320px) {
	.rigging-title hr {display: none;}
	#footer {flex-wrap: wrap;}
	.footer-contact {margin-top: 35px; width: 100%;}
	.quick-links {margin-top: 35px;}
}
@media only screen and (max-width: 350px) {
	.rigging-title hr {width: 5%;}
	.rigging-title {justify-content: center;}
	.inventory-search .condition, .inventory-search .category {font-size: 10px;}
	.inventory-search button {font-size: 10px;}
	.inventory-search .category, .inventory-search .condition {padding: 6px 0 4px 6px;}
	.texas-premier h2 {font-size: 11px; margin-bottom: 16px; line-height: 14px;}
	.custom-trucks h2 {font-size: 11px;}
	#sold-gallery div {width: 42%;}
	#parts-gallery div {width: 42%;}
	.thank-you-message h2 {font-size: 14px; line-height: 16px;}
}
@media only screen and (max-width: 300px) {
	.contact-form .captcha-selected {width: 100%;}
	.reel img {height: 170px;}
	
	#hero {margin-top: -35px;}
	#site-hosted h5 {font-size: 8px;}
	.contact-hero-wrapper h1, .inventory_specific_title {font-size: 30px; line-height: 27px;}
	.rigging-title h2 {font-size: 11px; line-height: 11px;}
	.rigging-title {padding: 13px 0;}
	.rigging-trucks h5, .services-ul ul li {font-size: 9px; line-height: 9px;}
	.rigging-trucks span div {padding: 7px 0;}
	.services-ul ul {gap: 12px;}
	.contact-hero-wrapper h1, .inventory_specific_title {font-size: 23px; line-height: 20px;}
	.rigging-sub-cat h3, .rigging-specs h3 {font-size: 8px; line-height: 8px;}
	.rigging-sub-cat, .rigging-specs {width: 140px;}
	#sold-gallery div {padding: 4px 4px 0 4px;}
	#parts-gallery div {padding: 4px 4px 0 4px;}
	.contact-form .form-form {width: 93% !important;}
}
@media only screen and (max-width: 290px) {
	.contact-footer { flex-wrap: wrap; gap: 10px;}
	.contact-footer div:first-child {width: 100%;}
}