/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&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 --------*/
:root{
	--red: #bf3119;
	--lightred: #F54B2C;
}

body {
	font-family:'Oswald', sans-serif; 
}

a{text-decoration:none;}
.red-btn{width:180px; padding:12px; box-sizing:border-box; display:block; text-align:center; color:#fff; text-transform:uppercase; font-size:16px; background:var(--red);font-family:'Oswald', sans-serif;transition: ease-in.3s;}
.red-btn:hover{box-shadow:3px 3px 3px #848484;transition:ease-out .3s;}
/*--- HEADER STYLES ---------------------*/
header{width:100%; background:#000;font-family:'Oswald', sans-serif;}
.header-wrapper{width:100%; color:#796a6a; max-width:1700px; margin:0 auto; padding:0 10px; box-sizing:border-box; display:flex; flex-direction:row; justify-content: space-between;align-items: center;}
.logo{max-width:280px; width:100%;}
.logo img{width:100%; padding:5px; box-sizing:border-box;}
.header-icons{width:240px; padding:30px 0; display:flex; flex-direction:row; justify-content: space-between;}
.header-icons a{color:#fff; transition:.3s ease;}
.header-icons i{color:#fff; font-size:17px; padding:10px; transition:.3s ease;}
.header-icons a:hover{color:var(--red);}
.header-icons a:hover i{color:var(--red);}
/*---INVENTORY SEARCH IN HEADER---*/
#search {
	top: 105px;
	bottom: 0;
	left: 0;
	right: 0;
	background: #eaeaea;
	z-index: 999999999999;
    height: 90px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
    
  }
  
  form.search-header {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }
  
  .search-bg {
	-webkit-animation: slide-down .3s ease-out;
	-moz-animation: slide-down .3s ease-out;
  }
  .search-btn {
	border: none !important;
	background: transparent !important;

  }
  .search-btn img {
	width: 35px !important;
  }
  #search-header input {
	caret-color: #000;
  }
  .searchTerm::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000;
	opacity: 1; /* Firefox */
  }
  .searchTerm:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #000;
  }
  .searchTerm::-ms-input-placeholder { /* Microsoft Edge */
	color: #000;
  }
  .search-wrap {
	  margin: 0 auto;
	width: 90%;
  }
  .search-header input[type="text"]:not([class^="Mui"]) {
	width: 90% !important;
	border: none !important;
	font-size: 16px !important;
	color: #000 !important;
	font-family:'Oswald', sans-serif;
    text-transform: uppercase;
	font-weight: 700 !important;
	  letter-spacing: 2px !important;
	  -webkit-user-select: initial;
	  -khtml-user-select: initial;
	  -moz-user-select: initial;
	  -ms-user-select: initial;
	  user-select: initial;
	  height: auto !important;
	  line-height: 70px !important;
	  background: #eaeaea;
  }
  .search-nav {
	opacity: .7;
	transition: ease all 0.2s !important;
  }
  .search-nav:hover {
	opacity: 1;
  }
  
  .search-header input:focus {
	  outline: none;
  }


h1{font-size: 70px; text-transform: uppercase; line-height: 65px;margin-bottom: 15px;}
h1 span{color:var(--red); font-size: 22px; text-transform: capitalize;}

h2{font-size: 52px; text-transform: uppercase;line-height: 52px;}
h2 span{color:var(--red); font-size: 22px; text-transform: capitalize;}

p{font-size:18px;}
/*-------- FLEX STYLES --------*/
.flexy{display: flex;gap: 50px;}
.col-2{width: 50%;}
.col-2-lrg{width: 60%;}
.col-2-sml{width: 40%;}
.col-3 {width: 33.33%;}
.col-4{width: 25%;}

.section-width{padding: 50px 10px;}
.inner-cover{object-fit: cover;text-align: center;height: 450px;background-repeat: no-repeat;background-size: cover;background-position: center;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.inner-pages{max-width: 1700px; margin:0 auto; padding:75px 10px;}

.inner-pages h2{font-size: 32px !important;}

.about-cover{
    background-image: linear-gradient(0deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.55) 99%), url(/siteart/hilliard-inside-store.jpg);
}

.about-cover h1{
    color: #fff;
}


/*---BODY--------------------------------*/
/*---Hero----*/
.cycle-slideshow{width:100%; height:750px; position:relative;}
.cycle-slideshow img{width:100%; height:750px; object-fit:cover; filter: brightness(.7); object-position: center bottom;}

.hero-text{position: absolute; z-index:150; left:0;right:0;top:0;bottom:0;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;}
/*.hero-text{position:absolute; z-index:150; left:0; right:0; margin:0 auto; max-width:900px; bottom:34%; text-align:center;} */
.hero-text h1{font-size:70px; line-height:78px; text-transform:uppercase; color:#fff; font-weight:700; text-shadow:1px 1px 2px rgba(0,0,0,.8);}
.hero-text a{margin:40px auto 0 auto;}


/*----qls---------*/
.qls-wrap{width:100%; margin:0 auto; max-width:1700px; padding:100px 10px 160px 10px; box-sizing:border-box;}
.ql-text{padding:40px 0;}
.ql-text h2{font-size:50px; text-transform:uppercase; font-weight:700; color:#000; max-width:600px; line-height:60px;}
.qls{display:block!important; width:100%; padding:60px 0 80px 0;}
.ql-row{background:transparent;margin: 0 auto;padding:10px 0px;width: 100%;top:0;left: 0;right:0;display:block!important;}
.ql-slider{padding:30px; box-sizing:border-box; position:relative; width:95%; border:solid 1px #ccc; }
.ql-slider img{width:100%; height:300px; object-fit:contain; box-sizing:border-box; background-color:#fff; margin: 0 auto; background: #fff; transition:.3s ease;}

.ql-slider h3{text-align:center; font-size:34px; text-transform:uppercase; padding:10px 0; color:#000;}
.ql-slider p{transition:.3s ease; box-sizing:border-box; width:100%; position:relative;margin:0 auto; color:#fff; font-size:20px; text-transform:uppercase;  font-weight:400; background:var(--red); padding:12px; text-align:center;}


.slick-list{margin:0 auto!important;}
.slick-prev:before{font-family:"Font Awesome 5 Free"!important; content: "\f053"!important; color:#000!important; font-size:20px!important; font-weight:600;}
.slick-next:before{font-family:"Font Awesome 5 Free"!important; content: "\f054"!important; color:#000!important; font-size:20px!important; font-weight:600;}


/*---------Brands-----------*/

.black-back{width:100%; padding:100px 0; background:#222;}
.home-brands{width:100%; margin:0 auto; max-width:1700px; padding:0 10px; box-sizing:border-box;}
.heading-row{width:100%; display:flex; flex-direction:row;  justify-content: space-between; padding-bottom:80px;}
.heading-left{color:#fff; max-width:550px;}
.heading-left h2{font-size:60px; color:#fff; text-transform:uppercase; line-height:70px; padding-bottom:30px;}
.heading-left h2 span{font-size:22px; color:var(--lightred); text-transform:none; font-weight:500;}
.heading-right{display:flex; align-self:flex-end;}

.brands{width:100%; display:flex; flex-direction:row; justify-content: flex-start; flex-wrap:wrap;}
.brands a, .brand-alt{background:#444; height:250px; width:calc(20% - 10px); margin:5px; justify-content:center; display:flex; flex-wrap:wrap;align-content: center;}
.brands a img, .brand-alt img{width:70%; margin:0 auto; display:flex; align-self:center; }

/*--------Home Service--------*/
.home-service{width:100%; max-width:1700px; margin:0 auto; padding:120px 10px; box-sizing:border-box;display: flex; gap:50px;}
.service-left{width:50%; position: relative;}
.service-left img{width:800px; opacity:.5;}
.service-text{position: absolute;top:0;}
.service-text p{margin: 25px 0px 25px 0px;}
.service-right{width:50%}
.accordion {color:#000; cursor: pointer;padding: 25px 10px;font-size: 22px;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s;display: flex;justify-content: space-between;background-color: #fff;border-bottom: 1px solid #000;font-family:'Oswald', sans-serif; }
.active, .accordion:hover {

}
.panel {
    padding: 0px 10px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel p{padding: 25px 10px;}

/*--------Home Welcome To--------*/
.welcome-to{background-color: #000;padding:120px 10px;align-items: center;}
.welcome-to .flexy{max-width:1700px;margin:0 auto; align-items: center;}
.welcome-to h2,.welcome-to p{color:#fff;}
.welcome-to p{margin:40px 0px; line-height:30px;width:80%;}
.image-container{
    height: 300px;
}
.welcome-to .image-container img{width:100%;height:100%;object-fit: cover;
object-position: center;
}
.welcome-to .red-btn{margin-top:80px;}


/*--------Home Banner--------*/
.banner-carousel{margin:50px;}
.banner-slider img{width: 100%;object-fit: cover;}
.banner{padding:100px 0;}
/*--------About Page--------*/


/*--------Service Page--------*/

.service-blurb .flexy{
    gap: 25px;
}

.service-blurb i{
    font-size: 26px;
}

.service-blurb .col-3{
    border: solid 1px #ccc; padding:25px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.service-blurb span{
    font-size: 24px; 
    text-transform: uppercase;
    font-weight: 600;
}

.services-details-container{
    max-width: 1700px;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 25px;
    margin: 50px auto 0 auto;
}

.services-detail{
    border: solid 1px #ccc;
    padding: 25px;
    width: calc(33.33% - 70px);
}

.services-detail h3{
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 24px;
}

.services-detail p{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--red);
}

.services-detail ul{
    list-style-type: disc;
    padding-left: 22px;
}

/*--------Contact Page--------*/


.contact-side{
    padding: 75px 10px;
}

.image-side{

}

.image-side img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btn-container{
    display: flex;
    gap: 25px;
    margin-top: 50px;
}

.contact-blurb{display:flex; flex-direction:row; justify-content: space-between; flex-wrap:wrap;gap: 25px;margin-top: 50px;padding-top: 0px;padding-bottom: 0px;}
.contact-form-section{max-width:1700px; margin:0 auto; padding:50px 10px; align-items: center;}
.contact-form-section h2{text-align: center;}
.contact-info{display: flex;gap: 25px;margin-top: 25px;border: solid 1px #ccc;padding: 25px;width: calc(33.33% - 70px);}
.contact-info span{font-size: 18px; text-transform: uppercase;}
.contact-info i{background-color: var(--red); color: #fff; padding: 25px; font-size: 18px;}
.contact-info a{color: #000;}
.contact-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  gap: 12px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15), -4px -4px 8px rgba(255, 255, 255, 0.5);}

.contact-label {
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #888;
  margin: 0;
}

.contact-phone {
  font-size: 2.2rem;
  font-weight: 700;
  color: #e63b2e;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: color 0.2s ease;
}

.contact-phone:hover {
  color: #111;
}

/*--------Thank You Page--------*/
.thankyou-page{
    max-width:1700px; padding: 100px 10px; margin: 0 auto;
}

/*-------Finance----------*/
.finance{width:100%; max-width:1700px; margin:0 auto; padding:50px 10px; box-sizing:border-box; display:flex; justify-content:center;flex-direction:row;}
.fin{width:calc(33.33% - 10px); margin:5px;}
.fin h3{text-align:center; font-size:22px; color:#000;}
.fin img{max-width:80%; margin:0 auto; display:block;}





/*--------FORM STYLES--------------------*/
.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;border: 1px solid #ccc;color: #777!important;font-size: 14px;}
.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:calc(50% - 10px);display: inline-block;vertical-align: middle;margin:5px;}
.form-whole{width:calc(100% - 10px);display:block;vertical-align:middle;margin:5px;}
input[type="text"], input[type="email"], input[type="date"], select, input[type="phone"]{width:100%;box-sizing:border-box;}
#formpage textarea {font-family:'Arial', sans-serif; font-size:14px; box-sizing:border-box;padding: 14px;border: 1px solid #ccc!important;color: #000;background: #fff;width: 100%;height: 100px;border-radius:2px;}
#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 
#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button{width: 180px;padding: 12px;box-sizing: border-box;display: block;text-align: center;color: #fff;text-transform: uppercase;font-size: 16px;background: var(--red);font-family: 'Oswald', sans-serif;transition:ease-in .3s;margin: 0 auto;border: none;}
#formpage input.submit-button:hover, #submit-btn button:hover{ box-shadow:3px 3px 3px #848484;transition:ease-out .3s;}
.submit-button, #submit-btn{padding:10px 0px 10px 0px;position:relative;width:100%;text-align:center;}
.captcha-button{margin:0 auto;}
.include-captcha{display:none;}
#formpage input.submit-button{color:#fff!important;}


/*-------- FOOTER STYLES ----------------*/
footer{background-color: #000;color:#fff;padding: 25px 50px;}
.top-footer{display: flex;justify-content: space-between;padding: 110px 0px;font-family:'Oswald', sans-serif;}
.small-text-ft{color:#f9492a;font-size: 18px;}
.big-text-ft{font-size: 28px;font-weight: 600;}
.social-ft{display: flex;gap:15px;align-items: baseline;}
.social-ft a{color:#fff; font-size: 28px;}
.bottom-footer{border-top: 1px solid #fff;color:#fff;padding:25px 0px;display: flex;justify-content: space-between;font-size: 14px !important;}
.bottom-footer a{color:#fff;}
.bottom-footer ul{display: flex;gap:10px;}
.bottom-footer ul li{font-weight: 500 !important;}



/*----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 section{
    padding: inherit;
}

.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: 1200px) {
	#menu-button{width:calc(100% - 520px)!important;}
}
@media only screen and (max-width: 1000px) {.flexy,.heading-row, .home-service{flex-direction: column !important;}
    .col-2, .col-3, .col-4, .col-2-sml, .col-2-lrg,.service-left,.service-right{width: inherit !important;}
    .home-service{gap: 25px;}
    .brands a, .brand-alt{width: calc(33.33% - 10px); height:200px!important;}
    .heading-right{align-self: flex-start; margin-top: 50px;}
    .split-cover{flex-direction: column-reverse !important; gap: 25px;}
    .contact-side{padding-top: 0px; padding-bottom: 0px;}
    .contact-blurb{gap:15px;}
    .contact-info{width: calc(50% - 40px);margin-top: 0px;padding: 15px;}
    .services-detail{width: calc(50% - 65px);}
    .welcome-to p{width:inherit;}
    .service-left img{width:550px;}
    .qls-wrap,.black-back,.home-service,.welcome-to, .banner{padding: 50px 10px 40px;}
    .qls-wrap{padding-bottom:90px;}
    .black-back{width:inherit;}
    .cycle-slideshow, .cycle-slideshow img{height: 700px;}
    .banner-carousel{margin:0px;}
}

@media only screen and (max-width: 1000px) {
	.finance{flex-wrap:wrap;}
	.fin{width:calc(50% - 10px);}
}

@media only screen and (max-width: 750px) {
	.no-break{display: none;}
	h1,.hero-text h1{font-size: 52px;}
	h2,.heading-left h2,.ql-text h2{font-size: 42px;line-height: 52px;}
	.top-footer{flex-direction: column;gap:50px;padding:50px 0px;}
	.cycle-slideshow{height:600px;} 
	.cycle-slideshow img{height:600px;}
	.slick-prev, .slick-next{bottom:-90px !important;top:0px;}
	.service-left img{display: none;}.welcome-to .red-btn{margin-top: 60px;}
	 .service-text{position: relative;}}

@media only screen and (max-width: 650px) {.ql-slider h3{font-size: 27px;}.ql-slider img{height:200px;}.services-detail h3{font-size: 18px;}.bottom-footer{flex-direction: column;}.top-footer{gap:30px;}.service-left img{width:400px;}.service-text{position: inherit;}
	.header-wrapper{flex-wrap:wrap;}
	.logo{width:100%; max-width:none;}
	.logo img{max-width:280px; margin:0 auto; display:block;}
	#menu-button{width:calc(100% - 240px)!important;}
	.header-icons{ padding:10px 0;}
	#search{top:150px;}
}


@media only screen and (max-width: 550px) {
	h1,.hero-text h1{font-size: 42px;line-height: 52px;}
	h2,.heading-left h2,.ql-text h2{font-size: 36px;line-height: 36px;}
	.brands a,.brand-alt{width: calc(50% - 10px); height:160px!important;}
	.services-detail{width: 100%;}.contact-info{width: calc(100% - 20px);}
	.contact-blurb{margin-bottom: 0px;}.contact-form-section{padding: 25px 10px;}
	.services-details-container{gap:10px;}
	.flex-row{flex-direction: column;}
	.form-half{width: inherit;box-sizing: border-box;}
	.service-left img{width:300px;}
	.cycle-slideshow, .cycle-slideshow img{height: 500px;}
	.fin{width:calc(100% - 10px);}
	.header-icons{width:210px;}
}

@media only screen and (max-width: 380px) {h1,.hero-text h1{font-size: 38px;}h2,.heading-left h2,.ql-text h2{font-size: 28px;line-height: 30px;}.brands a, .brand-alt{width: 100%;}.big-text-ft{font-size: 24px;}.bottom-footer ul{flex-wrap: wrap;}.service-left img{width:250px;}.accordion{font-size: 18px;}.banner{padding: 0px;}}