﻿/***** BEGIN RESET 
font-family: "roboto-condensed", sans-serif;
font-family: bebas-neue-pro, sans-serif;
*****/

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: "roboto-condensed", sans-serif !important;}
h1,h2,h3,h4,h5,h6{font-family: bebas-neue-pro, sans-serif !important;}
p{font-family: "roboto-condensed", sans-serif !important;font-size: 16px;line-height: 1.5;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}
hr{border:none;background: #ff671f;height: 10px;width:75px;margin: 20px 0;}

/*--- HEADER STYLES ---------------------*/
header {background: #fff !important;border-bottom:4px solid #033f76;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;position: relative;transition: top 0.4s ease-in-out;z-index: 5;width: 100%;}
.main-header {
    border-bottom: 2px solid #ff671f;
}
.logo-wrap {gap: 1rem;display: flex;justify-content: space-between;
    gap: 20px;}
.logo-wrap:before {content: "";align-self: stretch;background: #e9eae6;width: 0.5px;}

.logo-wrap img{max-width: 100%;width: 200px;}

.main-logo {order: -1;}
.top-bar {padding: 10px 0;border-bottom: 1px solid #e9eae6;}

.top-bar .flex-container {justify-content: flex-end; gap: 20px;}

.top-bar a {color: #000;text-transform: uppercase;font-weight: 600;font-family: bebas-neue-pro, sans-serif;letter-spacing: 1px;}
.main-header .flex-container {
    justify-content: space-between;
    align-items: center;
}
.right-wrap a{transition: .3s all;font-size: 22px;}
.right-wrap a:hover .orange-txt {color: #033f76;}
.navigation-wrap {text-align: center;display: flex;align-items: center;gap: 10%;width: 100%;}
.right-wrap {
    display: flex;
    gap: 20px;justify-content: flex-end;
}

/* Header Search */
.header-search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  background-size: 1px 200px;
  position: relative;
  overflow: hidden;
  margin-left: 25px;
}

.header-search-icon:hover {
  cursor: pointer;
}

.header-search-icon:hover i {
  opacity: 0.6;
}

.header-search-icon a {
  position: relative;
  z-index: 1;
}

.header-search-icon i {
      color: #000;
    font-size: 22px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/*  */
.header-search-slide {
  background: #033f76;
  padding: 30px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box !important;
  border-top: 1px solid #fff;
}

.search-outer-container {
  width: 100%;
  max-height: 100%;
  height: 50px;
}

.header-search {
  display: flex;
  height: 100%;
}

.header-search input[type="text"] {
  font-weight: 400;
  font-style: normal;
  font-size: 16px !important;
  color: #808080 !important;
  text-transform: uppercase;
  background: #d3d3d3;
  border: none;    font-family: "roboto-condensed", sans-serif !important;
}

.header-search ::placeholder {
  font-weight: 400;
  font-style: normal;
  font-size: 16px !important;
  color: #808080 !important;
  text-transform: uppercase;
}

.header-search i {
  color: #fff;
  font-size: 25px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

#mobile-form-submit {
  max-height: 80px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

#mobile-form-submit:hover {
  background: #D64400 !important;
  cursor: pointer;
}

.header-search input:focus {
  outline: none !important;
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}

.initiallyHidden {
  display: none;
}

/*---BODY--------------------------------*/
.page-wid {;width: 80%; margin: 0 auto;}
#pad-xl{padding-top: clamp(50px, 10%, 90px);padding-bottom: clamp(50px, 10%, 90px);}
#pad-l{padding-top: clamp(40px, 8%, 60px);padding-bottom: clamp(40px, 8%, 60px);}
.wid90{width: 90%; margin: 0 auto;}
.wid80{width: 80%; margin: 0 auto;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.relative {position: relative;}
.center {text-align: center;}
.orange-txt {color: #ff671f;transition: .3s all;}
.black-bg {background: #000;color: #fff;}
.hero {background: url("/siteart/hero-new.jpg") no-repeat;background-size: cover;background-position: center right;display: flex;align-items: center;}
.hero-txt {color: #000;width: 50%;	text-shadow: 0px 0px 15px #ffffff;padding-top: clamp(50px, 10%, 100px);padding-bottom: clamp(50px, 10%, 100px);}
.hero-txt h1 {
    
    text-transform: uppercase;
    font-size: 82px;
    letter-spacing: 2px;line-height: 1;
}
.hero-txt p {
    font-size: 18px;
}

.hero .wid80 {z-index: 1}
.home-top {overflow: hidden !important;}
.servicetxt {width: 50%;}
.servicetxt h2,.txt-half h2 {
    text-transform: uppercase;
    font-size: 48px;
    letter-spacing: 1px;
}

.cat-slide {margin-top: 40px;margin-left: 10%;overflow: hidden;margin-right: -10%;}
.cat {margin: 8px;position: relative;background: #000;}
.cat img {height: 100%;width: 100%;object-fit: cover;min-height: 350px;}

.cat:after{
content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: linear-gradient(0deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,0.05) 100%);
}
.cat-txt {
    position: absolute;
    z-index: 9;
    bottom: 10%;
    left: 10%;
    text-transform: uppercase;
}

.cat-txt h3 {color: #fff;font-size: 28px;letter: 1px;}
.cat-txt p {color: #ff671f;font-family: bebas-neue-pro, sans-serif !important;font-size: 22px;font-weight: 500;}
img.finance-img {
    object-position: 100%;
}
span.slide-btn {
    position: absolute;
    top: 0;
    right: 0;
}
.slide-btn button {
    /* padding: 10px; */
    height: 45px;
    width: 45px;
    font-size: 18px;
    border: none;
}

button.back-cat {
    background: #ebebeb;
}
button.next-cat {
    background: #033f76;
    color: #fff;
}
.home-txt .flex-container {align-items: center;gap:5%;}
.txt-half h2 span {text-transform: none !important;font-size: 22px;display: block !important;}
.img-half,.txt-half {flex-basis: 50%;}
.img-half img {max-width: 100%;width: 100%;}

.service-banner {color: #fff;background:linear-gradient(0deg, rgba(34,34,34,0.8) 0%, rgba(34,34,34,0.8) 100%),url("/siteart/service-bg.jpg") no-repeat;background-size: cover;background-position: center center;}


.service-banner .img-half {background: #fff;width: 90%;margin: 0 auto;height: 100%;}
.service-banner .flex-container {
    gap: 5%;
}
.service-info {padding: 30px;box-sizing: border-box;}
.service-info h3 {text-transform: uppercase;color: #000;letter-spacing: 1px;font-weight: 800;font-size: 22px;}
.service-info ul {
    padding-inline-start: 25px;
    margin-top: 20px;display: flex; flex-wrap: wrap;
}
.service-info ul li {color: #033f76;list-style:url("/siteart/check.svg");line-height: 1.5;margin-bottom: 20px;flex-basis: 50%;}
.service-info ul li:last-of-type {
    margin-bottom: 0;
}

.testimonial-banner {color: #fff;background:linear-gradient(0deg, rgba(34,34,34,0.8) 0%, rgba(34,34,34,0.8) 100%),url("/siteart/reachstacker.jpg") no-repeat;background-size: cover;background-position: center center;}
.testimonial-banner h2 {text-transform: uppercase;font-size: 36px;letter-spacing: 1px;}
.testimonial-banner h2 span {text-transform: none !important;font-size: 22px;display: block !important;}
.testimonial-banner hr {margin: 20px auto;}
/*---MANU SLIDE---*/
.manu-slide { padding-top: clamp(20px, 5%, 50px); }
.manu-slide img {max-width: 175px;width: 100%;filter: brightness(0) invert(1);opacity: .5;margin: 0 auto;transition: .3s all;}

.manu-slide a:hover img {opacity: 1;}

/*---ABOUT --*/
.video-wrap {box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;display: flex;}
video {
    height: 100%;
    width: 100%;
}

.page-wid h1 {text-transform: uppercase;
    font-size: 48px;
    letter-spacing: 1px;}

.page-wid .contact-page h2 {font-size: 28px !important;margin-bottom: 10px;}
.about-flex,.dept-flex {
    gap: 5%;
}

.dark-grey {background: #000;border-bottom: 1px solid #222;}
.dark-grey .manu-slide {padding: 20px 0;}

.contact-page a {color: #000;transition: .3s all;display: inline-block;}

.contact-page a:hover {color:#033f76}

span.form-title h2{text-transform: uppercase;padding: 15px 0 0;display: block;font-size: 22px;}

.service-options {padding-bottom: 0 !important;}
.service-options h2 {font-size: 28px;margin-bottom: 20px;}
.flex-options {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    grid-auto-rows: minmax(100px, auto);
}

.option {
    padding: 21px;
    background: #fafafa;
    border: 1px solid #e8e8e8;
}
.option h3 {
    text-transform: uppercase;
    margin-bottom: 10pxfont;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.request-form {border-top: 1px solid #e8e8e8;}
.request-form h2 {text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 1px;}

/*---CUSTOMER TESTIMONIAL---*/


.testimonial-flex h2 {font-size:34px; margin-top: 20px; }

.testimonial-vid {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.testimonial-vid iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*--------BUTTON STYLES--------------------*/
button {transition: .3s all;cursor: pointer;}
button.blue-btn {
    background: #033f76;
    border: none;
    padding: 15px;
    border-radius: 3px;
    font-family: bebas-neue-pro, sans-serif !important;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
}
button.blue-btn:hover {
    background: #02315C;
}
button.white-btn {
    background: #fff;
    border: none;
    padding: 15px;
    border-radius: 3px;
    font-family: bebas-neue-pro, sans-serif !important;
    text-transform: uppercase;
    font-size: 18px;
    color: #033f76;
    letter-spacing: 2px;
}
button.white-btn:hover {
    background: #e8e8e8;
}
button.orange-btn {
    background: #ff671f;
    border: none;
    padding: 15px;
    border-radius: 3px;
    font-family: bebas-neue-pro, sans-serif !important;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
}
button.orange-btn:hover {
    background: #D64400 !important;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ff671f;
  height: 5px;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/*-------- FOOTER STYLES ----------------*/
footer{padding: 40px 0;}

.flex-foot {
    justify-content: space-between;
}
.flex-foot a {
    color: #fff;
}

span.foot-title {
    font-family: bebas-neue-pro, sans-serif !important;text-transform: uppercase;font-weight: 800;letter-spacing: 2px;font-size: 18px;margin-bottom: 10px;display: block;}
.foot-col ul li {
    margin-bottom: 10px;
}
.foot-col img {
    max-width: 100%;
    width: 190px;
}
.social-icons {
    display: flex;
    gap: 10px;
    font-size: 22px;
}
.social-icons i {color: #ff671f;transition: .3s all;}
.social-icons a:hover i {color: #fff !important}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-content .list-listing .dealer-name,.list-content .listing-portion-title,.list-top-section .list-title .list-title-text{font-family: bebas-neue-pro, sans-serif !important;text-transform: uppercase !important;letter: 1px !important;}

.faceted-search-content .selected-facets-container .selected-facet,.faceted-search-content .faceted-section-box .faceted-search,.view-listing-details-link,.list-content .price-container .price,.list-content .spec-label, .list-content .dealer-data,.list-content .spec-value,.faceted-search-content .faceted-section-head .faceted-section-title,.list-content .listing-description,.list-content .list-listing .listing-top-right .listing-dealer-info .phone-link,.faceted-search-content .faceted-section-box .faceted-text-input,.list-content .list-error-container .info button:not(.login-button),.list-main-section .contact-options a:hover, .list-content .list-error-container .info button:not(.login-button):hover{    font-family: "roboto-condensed", sans-serif !important;}
.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}
.list-content .listing-portion-title {
    font-size: 1.25em !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#ee3124 !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#ff671f !important; color: #000!important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #ff671f !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #D64400 !important; border-color: #D64400 !important; color: #fff!important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #033f76 !important; border: solid 1px #033f76 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #02315C !important; border-color: #033f76  !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #033f76 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a,.list-content .list-error-container .info button:not(.login-button) {background: #033f76 !important;}
.list-main-section .contact-options a,.list-content .list-error-container .info button:not(.login-button) {border: #033f76 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover,.list-content .list-error-container .info button:not(.login-button):hover {background: #02315C !important; border-color: #033f76  !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}
.list-content .list-error-container .info .selected-facet,.list-content .list-error-container .info .selected-facet button {background-color: transparent !important;border: none !important;color: #000 !important;font-size: 14px !important;}

.list-content .list-error-container .info .selected-facet button {padding: 5px !important;}

/*---------- RESPONSIVE STYLES ----------*/
.mobile-hero {display: none;}
@media only screen and (max-width: 1560px) {
	.wid80 {width: 90%;}
	.cat-slide {margin-left: 5%;}
	
}
@media only screen and (max-width: 1420px) {
	.hero-txt h1 {font-size: 74px;}
	.servicetxt h2, .txt-half h2 {font-size: 42px;}
	.service-info ul li {flex-basis:100%;}
	.logo-wrap img {width: 100%;}
	.logo-wrap {width: 350px;}
}
@media only screen and (max-width: 1290px) {
	.hero-txt h1 {font-size: 62px;}
	.navigation-wrap {width: auto !important;gap:20px;}
	
}
@media only screen and (max-width: 1200px) {
	
	.main-header .flex-container {gap: 20%;}
	.hero-txt h1 {font-size: 54px;}
	.hero-txt {padding: 5% 0;}
	.page-wid h1 {font-size: 36px;}
	.page-wid {width: 90%;}
	.flex-options {grid-template-columns: repeat(2, 1fr);}
	
	
}
@media only screen and (max-width: 970px) {
	.home-txt .txt-half {flex-basis: 100%;}
	.home-txt .img-half {display: none;}
	.flex-foot {flex-wrap:wrap;}
	.foot-col.long-col {
    flex-basis: 100%;
    order: 1;
}
	.foot-col {
    flex: 1;
}
	.foot-col ul {margin-bottom: 40px;}
	.hero-txt h1 {
    font-size: 42px;
}
	
	.servicetxt h2, .txt-half h2 {font-size: 34px;}
	.servicetxt {
    width: 100%;
}
	.about-flex{flex-wrap:wrap;gap: 40px;}
	.about-flex .img-half, .about-flex .txt-half,.dept-flex .txt-half  {flex-basis: 100%;}

	
	.dept-flex .img-half {display: none;}
}


@media only screen and (max-width:900px) {
	.testimonial-flex.flex-container {display:block;}
	.testimonial-flex {width:100%;margin: 0 auto;}
}

@media only screen and (max-width: 767px) {
	.hero {position: relative;background-position: 70% center !important;}
	.hero:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: linear-gradient(0deg, rgba(0,0,0,.60) 0%, rgba(0,0,0,0.60) 100%);
}
	.hero-txt {width: 100%; padding: 40px 0;color: #fff;text-shadow: none !important;}
	.service-banner .flex-container {flex-wrap:wrap;gap: 40px;}
	.service-banner .txt-half, .service-banner .img-half {flex-basis: 100%;}
	.service-info{padding: 25px;}
	.hero-txt p {font-size: 16px;}
	.flex-options {grid-template-columns: repeat(1, 1fr);gap: 20px;}
}


@media only screen and (max-width: 600px) {
	.foot-col {flex: 1;flex-basis: 100%;}
	.manu-slide img {max-width: 150px;}
	.cat-txt h3 {font-size: 22px;}
	.cat-txt p {font-size: 16px;}
}

@media only screen and (max-width: 500px) {
	header,.main-header {border: none !important;}
	.main-header .flex-container {flex-wrap:wrap;width: 100%;justify-content: center;padding: 0;gap: 20px;}
	.logo-wrap {flex-basis:90%;padding-top:20px;}
	.navigation-wrap {flex-basis: 100%;background: #f2f2f2;border-top: 1px solid #e8e8e8;justify-content: space-between;}
	.txt-half h2 span {font-size: 18px;}
	
}
@media only screen and (max-width: 390px) {
	.cat-slide {width: 90%; margin: 40px auto 0 !important;}
	
}






