﻿@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@100;200;300;400;500;600;700;800;900&display=swap');
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 { font-family:'Archivo', sans-serif;

}
a{text-decoration:none;}


/*-------buttons--------------*/
.red-btn{display:block; padding:12px; max-width:180px; background:#bf1e2e; transition:.3s ease; color:#fff; font-size:16px; text-align:center;}
.red-center{display:block; padding:12px; max-width:180px; transition:.3s ease; margin:40px auto 0 auto; background:#bf1e2e; color:#fff; font-size:16px; text-align:center;}
.red-btn:hover, .red-center:hover{transform:scale(105%); box-shadow:3px 3px 5px rgba(0,0,0,.4);}
/*--------Landing Page--------------*/
.landing{width:100%; display:flex; flex-direction:row; overflow-x:hidden; }
.texas{width:48%; transition:1s ease-in-out;}
.trading{width:52%; transition:1s ease-in-out;}
.texas-top, .trading-top{height:750px;}
img.trading-top{position:relative; width:100%; object-fit:cover; height:100%;}
.trading{clip-path:polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);}
.logo{width:350px; position:absolute; top:100px; left:60px;}
.logo img{width:100%;}
.logo2{position:absolute; top:110px; right:100px; width:400px;}
.logo2 img{width:100%;}
.texas-bottom{height:300px; background-color:#0e76bc; width:105%;  box-sizing:border-box; padding:0 0 0 9% ;}
.texas-bottom h1{font-size:60px; color:#fff; font-weight:700; text-transform:uppercase; padding-top:7%;}
.texas-bottom a{color:#fff; display:block; margin-top:30px; border: solid 2px #fff; width:100%; box-sizing:border-box; max-width:260px; padding:14px; text-align:center; font-size:18px; text-transform:uppercase;}

.trading-bottom{height:305px; background-color:#61585e; margin-top:-5px; padding:0 9% 0 0;}
.trading-bottom h2{font-size:60px; color:#fff; font-weight:700; text-align:right; padding-top:7%;}
.trading-bottom a{color:#fff; display:block; margin-top:30px; border: solid 2px #fff; width:100%; box-sizing:border-box; max-width:260px; padding:14px; text-align:center; font-size:18px; text-transform:uppercase; float:right;}
.texas-bottom a:hover{color:#0e76bc; background:#fff;}
.trading-bottom a:hover{background:#fff; color:#61585e;}
.trading:has(.trading-bottom a:hover){width:65%; margin-left:-100px;}
.texas:has(.texas-bottom a:hover){width:53%;}
/*--- HEADER STYLES ---------------------*/
.top-header-container{width:100%; background:#0e76bc;}
.top-header{width:100%; max-width:1600px; margin:0 auto; display:flex; flex-direction:row; justify-content: space-between;}
.top-header-left a{padding:10px 15px; color:#fff; font-size:16px; display:inline-block;}
.top-header-right a{color:#fff; display:inline-block; font-size:16px; padding:10px 15px;}
.top-header-left a:hover{text-decoration:underline;}
.top-header-right a.red{background:#bf1e2e;}

.top-header-left{
	display: flex;
	flex-direction: row;
	gap: 12px;
	padding-left: 12px;
}

header{display:flex; width:100%; max-width:1600px; margin:0 auto; justify-content: space-between; flex-direction:row;}
.home-logo{width:100%; max-width:320px; padding:10px 0; }
.home-logo img{width:100%;}


.header-contact-info{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.header-business-contact{
	color: white;
	font-weight: 900;
}


/*---BODY--------------------------------*/
/*-------------Slideshow------------------*/
.slideshow{max-width:100%; position:relative;}
.slider-back{position:relative;}
.slider-back img{height:100%; width:100%;z-index:-10;}

.cycle-slideshow{position:relative;}
.slide-caption{position:absolute; bottom:50%; left:10%;}
.slide-caption h1{font-size:70px;text-transform:uppercase; line-height:70px; font-weight:900;}
.slide-caption p{font-size:16px;line-height:24px;font-weight:400;padding: 0 0 40px 0; width:100%; max-width:550px;}

/*----------Quick Links---------------*/
.qls{width:100%; margin:0 auto; max-width:1600px; display:flex; flex-direction:row; justify-content: center;}
.qls a{width:calc(25% - 10px); margin: 10px 5px; transition:.5s ease; position:relative;}
.qls a img{width:100%; transition:.5s ease; object-fit:cover;}
.qls a p{position:absolute; bottom:0; transition:1s ease; left:0; right:0; width:100%; color:#fff; background:rgba(0,0,0,.7); padding:15px; box-sizing:border-box;}
.qls a:hover img{opacity:0;}
.qls a:hover {background:#0e76bc;}
.qls a:hover p{bottom:10%; width:80%; height:80%; padding-top:30%; border:solid 1px #fff; text-align:center; margin:0 auto; font-size:20px; font-weight:800; background:transparent;}


/*----------Home About----------------*/
.home-about{max-width:1400px; width:100%; margin:0 auto; padding:80px 0; text-align:center;}
.home-about h2{font-size:30px; font-weight:900; text-transform:uppercase; padding-bottom:20px;}
.home-about p{font-size:16px; line-height:22px; box-sizing:border-box; padding:0 10px;}

.middle-home{max-width:1600px; width:100%; margin:20px auto; display:flex; flex-direction:row;}
.product-left, .product-right, .custom-right, .custom-left{width:50%;}
.product-right img{width:100%;}
.custom-left img {width:100%;}
.product-left{background:#0e76bc; box-sizing:border-box; padding:5%; margin-bottom:3px;}
.product-left h3{font-size:45px; font-weight:900; color:#fff; line-height:40px; text-transform:uppercase;}
.product-left p{color:#fff; line-height:20px; padding: 15px 0 40px 0; max-width:450px; width:100%;}

.custom-right{background:#000; box-sizing:border-box; text-align:right; padding:5%; margin-bottom:3px;}
.custom-right h3{font-size:45px; font-weight:900; color:#fff; line-height:40px; text-transform:uppercase;}
.custom-right p{color:#fff; line-height:20px; padding: 15px 0 40px 0; float:right; max-width:450px; width:100%;}
.custom-right a.red-btn{float:right!important; clear:both; max-width:180px; width:100%;}


.call-home{background:url("/siteart/give-us-a-call.jpg") center right no-repeat; width:100%; max-width:1600px; margin:0 auto; min-height:400px;}
.call-text{padding:5%;}
.call-text h4{font-size:50px; font-weight:900; line-height:50px; color:#000; text-transform:uppercase;}
.call-text h4 span{font-weight:400; font-size:30px;}
.call-text p{max-width:450px; width:100%; padding:15px 0 40px 0; line-height:22px;}

/*----------Sub Pages--------------*/
.page-top{max-width:1600px; width:100%; margin:0 auto;}
.page-top h1{padding:30px 0; text-align:center; text-transform:uppercase; font-size:40px; font-weight:900; border-top:solid 1px #0e76bc; border-bottom:solid 1px #0e76bc;}
.products{width:100%; max-width:1600px; margin:100px auto; display:flex; flex-direction:row; }
.products a{width:calc(25% - 2px); height:600px; margin:1px; position:relative; background:#0e76bc;}
.products a img{width:100%; height:100%; object-fit:cover; filter:brightness(.3); transition:.3s ease-in-out;}
.products-text{position:absolute; bottom:45%; left:0; right:0; text-align:center;}
.products-text h2{color:#fff; font-size:25px; text-transform:uppercase; font-weight:900; margin-bottom:-20px; transition:.5s ease;}
.products-text p{color:#fff; padding-top:20px; max-width:300px; width:100%; margin:0 auto; transition:.3s ease; opacity:0;}
.products-btn{position:absolute; bottom:5%; left:0; right:0; margin:0 auto; width:140px; display:block; padding:12px; border:solid 1px #fff; color:#fff; text-align:center;}
.products a:hover img{filter:brightness(.4); opacity:.5;}
.products a:hover .products-text p{opacity:1;}
.products a:hover h2{margin-bottom:0;}


/*---------Contact-----------------*/
.contact{width:100%; max-width:1600px; margin:0 auto; display:flex; flex-direction:row;}
.contact-top-left, .contact-top-right, .contact-bottom-left, .contact-bottom-right{width:50%;}
.contact-top-right img{width:100%;}
.contact-top-left{background:#000; margin-bottom:3px;}
.contact-text{padding:7%; box-sizing:border-box;}
.contact-text h2{font-size:32px; color:#fff; font-weight:900; padding-bottom:10px;}
.contact-text p, .contact-text a{color:#fff;}
.contact-text p{font-weight:700; padding-top:10px;}
.contact-text a.red-btn{display:block; padding:12px; max-width:180px; margin-top:40px; background:#bf1e2e; color:#fff; font-size:16px; text-align:center;}
.contact-bottom-right{background:#0e76bc; margin-bottom:3px;}
.contact-text table{ max-width:350px;}
.contact-text table td{color:#fff; line-height:22px;}

.contact-text h3{font-size:32px; color:#fff; font-weight:900; padding-bottom:10px; }
.contact-information{
	display: flex;
	flex-direction: row;
}

/*---------------Gallery-----------------*/
.gallery-wrapper{max-width:1600px; width:100%; margin:50px auto; box-sizing:border-box; padding:30px; box-shadow:3px 3px 5px rgba(0,0,0,.3); }
#gal_container a{width:19.7%; display:inline-block; background:#0e76bc; margin-bottom:3px;}
#gal_container a img{width:100%; filter:brightness(.7); margin-bottom:-3px; transition:.3s ease;}
#gal_container a img:hover{opacity:.5;}





/*--------FORM STYLES--------------------*/
.form-width h4{font-size:28px; font-weight:800;}
.form-width{width:100%; max-width:1600px; margin: 20px auto 50px auto; padding:40px 80px; box-sizing:border-box; box-shadow:2px 3px 6px rgba(0,0,0,.3);}
.flex-form{width:100%;text-align: left;margin: 0 auto;flex-direction: row;justify-content: flex-start;align-items: flex-start;font-size: 15px;}
#formpage input, select {padding:14px 7px;border: 1px solid #ccc;color: #777!important;font-size: 14px;margin-top: 5px;}
.flex-row{display:flex;flex-direction:row;width:100%;}
#formpage {width:100%;vertical-align: top;display:inline-block;text-align:left;padding: 30px 0px 20px 0;}
.form-half{width:50%;display: inline-block;vertical-align: middle;margin:0 5px;}
.form-whole{width:100%;display:block;vertical-align:middle;margin: 0 5px;}
.row-input{display:flex; flex-direction:row;}
input[type="text"], input[type="email"], input[type="date"], select, input[type="phone"]{width:100%;box-sizing:border-box;}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}
#formpage textarea {box-sizing:border-box;padding: 6px 5px;border: 1px solid #ccc!important;color: #000;font-size: 16px;background: #fff;width: 100%;height: 100px;border-radius:2px;margin-top:10px;}
#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 

#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button{background:#bf1e2e; color:#ffffff;padding:12px 20px;text-decoration:none;transition:ease-in .3s;width: 140px;border:none;height:auto; text-transform:uppercase; font-size:16px; font-weight:600; margin: 0 auto;}
#formpage input.submit-button:hover, #submit-btn button:hover{ transform:scale(105%); box-shadow:3px 3px 5px rgba(0,0,0,.4);}
.submit-button, #submit-btn{padding:10px 0px 10px 0px;position:relative;width:100%;text-align:center;}
.captcha-button{width:140px; margin:0 auto;}
.include-captcha{display:none;}
#formpage input.submit-button{color:#fff!important;}


/*-------- FOOTER STYLES ----------------*/
footer{width:100%; margin-top:20px; border-top:3px solid #0e76bc;}
.footer{max-width:1600px; width:100%; margin:0 auto; display:flex; padding:70px 0; flex-direction:row; justify-content: space-between;}
.foot-col{width:25%; box-sizing:border-box; padding:10px;}
.foot-col img{max-width:280px; width:100%;}
.foot-col p{font-size:18px; text-transform:uppercase; font-weight:800; padding-bottom:10px; color:#000;}
.foot-col ul li{line-height:26px;}
.foot-col ul li a{font-size:16px; text-transform:uppercase; color:#000; border-bottom:2px solid #fff; transition:.3s ease;}
.footer-bottom{padding:15px 0; text-align:center; background:#bf1e2e;}
.footer-bottom p, .footer-bottom p a{color:#fff; font-size:15px;}
.foot-col ul li a:hover{border-bottom:2px solid #0e76bc;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.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: #c61230 !important;
    color: #000 !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: #c61230 !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: #014f30 !important;
    color: #fff !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-----------------------*/
}






/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1600px) {
	.top-header-left{
		flex-direction: column;
		gap: 0px;
	}
	
	.vertical-bar{
		display: none;
	}
}

@media only screen and (max-width: 1450px) {
	
	.slider-back{height:580px;}
	.slider-back img{height:100%; width:100%; object-fit:cover;}
	.product-left, .custom-right{padding:4%;}
	.contact{height:350px;}
	.contact-top-right{height:100%;}
	.contact-top-right img{height:100%; object-fit:cover;}
	.custom-left img{height:99%; object-fit:cover;}
	
	
}
@media only screen and (max-width: 1400px) {
	.texas-top, .trading-top{height:650px;}
	.slide-caption h1{font-size:60px; line-height:60px;}
	.slide-caption{left:2%;}
	.product-right h3, .custom-left h3{font-size:35px; line-height:35px;}
	.products a{height:500px;}
	
	
}
@media only screen and (max-width: 1250px) {
	.landing{height:auto; flex-direction:column;}
	.texas, .trading{width:100%;}
	.trading{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); position:relative}
	.texas-top img{width:100%; object-fit:cover;}
	.texas-top, .trading-top, img.trading-top{height:55vh;}
	.logo, .logo2{top:80px;}
	.middle-home{height:305px;}
	.product-right img, .custom-left img{object-fit:cover; height:100%;}
	.product-left, .custom-right{margin-bottom:0;}
	#gal_container a{width:24.5%;}
	
}
@media only screen and (max-width: 1050px) {	
	.qls{flex-wrap:wrap;}
	.qls a{width:calc(50% - 10px);}
	.slide-caption h1{font-size:50px; line-height:48px;}
	.home-logo{max-width:280px; margin:0 auto;}
	header{flex-direction:column;}
	.call-home{min-height:220px;}
	.call-text h4{font-size:35px; line-height:35px;}
	.call-text h4 span{font-size:20px;}
	.footer{flex-wrap:wrap;}
	.foot-col{width:50%;}
	.form-width{padding:40px;}
	#gal_container a{width:33%;}
	.products{flex-wrap:wrap;}
	.products a{width:calc(50% - 2px);}
	.slide-caption{bottom:43%;}
	.slide-caption h1{font-size:42px; line-height:40px;}
	.custom-right h3{font-size:35px;line-height:35px;}
	
}

@media only screen and (max-width: 1000px){
	.contact{height:auto; flex-direction:column;}
	.contact-top-right, .contact-top-left, .contact-bottom-left, .contact-bottom-right{width:100%;}
}

@media only screen and (max-width: 870px){
	.top-header-left{display:none;}
	.top-header-right{width:100%; display:flex; flex-direction:row;}
	.top-header-right a{width:50%; padding:15px; text-align:center; box-sizing:border-box;}
}

@media only screen and (max-width: 800px) {	
	.middle-home{height:auto; flex-direction:column;}
	.custom-order{flex-direction:column-reverse!important;}
	.product-right, .product-left, .custom-right, .custom-left{width:100%;}
	.product-left, .custom-right{padding:50px;}
	.call-text p{display:none;}
	.call-text h4{padding-bottom:15px;}
	.call-home{background:url("/siteart/give-us-a-call.jpg") 90% center no-repeat; background-size: cover; }
	.foot-col{width:100%; text-align:center;}
	.contact{height:auto; flex-direction:column;}
	.contact-top-right, .contact-top-left, .contact-bottom-left, .contact-bottom-right{width:100%;}
	.flex-row{flex-direction:column;}
	.form-half{width:100%;}
	#gal_container a{width:48.7%;}
	
}
@media only screen and (max-width: 650px) {	
	.trading-bottom h2, .texas-bottom h1{font-size:45px;}
	.slide-caption p{display:none;}
	.slider-back{height:400px;}
	.slide-caption {bottom:53%;}
	.slide-caption h1{font-size:35px; line-height:35px; padding-bottom:10px;}
	.middle-home h3{font-size:35px; line-height:35px;}
	.call-text{padding:30% 5% 2% 5%;}
	.call-text h4{font-size:28px; line-height:30px;}
	.contact-text h2{font-size:26px; line-height:24px;}
	.page-top h1{font-size:30px;}
	.products a{height:300px; width:calc(100% - 2px);}
	.trading-bottom h2{text-align:left;}
	.trading-bottom a{float:none;}
	.trading-bottom{padding:0 0 0 9%;}

}

@media only screen and (max-width: 550px){
	.contact-information{
		flex-direction: column;
	}
}


@media only screen and (max-width: 500px) {
	.qls a{width:calc(100% - 10px);}
	.slide-caption h1{font-size:30px; line-height:30px;}
	.form-width{padding:40px 10px;}
	#gal_container a{width:100%;}
	.middle-home h3{font-size:28px; line-height:28px;}
	.logo{max-width:300px; width:100%; left:0; right:0; margin:0 auto;}
	.logo img, .logo2 img{margin:0 auto; width:100%;}
	.logo2{max-width:320px; width:100%; left:0; right:0; margin:0 auto;}
	.texas-bottom h1, .trading-bottom h2{font-size:35px; line-height:33px;}
	.texas-bottom, .trading-bottom{height:240px; width:100%; padding:0 0 0 20px;}
	.trading-bottom a, .texas-bottom a{max-width:200px;}
	.custom-right, .product-left{padding:50px 20px;}
	
	
	
	
}

@media only screen and (max-width: 350px) {
	
	.texas-bottom h1, .trading-bottom h2{font-size:28px; line-height:28px;}
	.texas-bottom, .trading-bottom{height:200px; width:100%; padding:0 0 0 20px;}
	.trading-bottom a, .texas-bottom a{max-width:180px; width:100%; box-sizing:border-box;}
	.trading-top, img.trading-top{height:45vh;}
	.middle-home h3{font-size:25px; line-height:25px;}
	.home-about h2{font-size:26px; line-height:26px;}
	
	
	
	
	
}



