@charset "utf-8";
/***** 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;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::-moz-selection{background: #25346e; color: #fff; text-shadow: none} ::selection{background: #25346e; color: #fff; text-shadow: none;}
body {overflow-x: hidden; font-family: 'Saira', sans-serif; line-height: 1.6;}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

a {text-decoration: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all.3s ease-in-out;}

.width {width: 90%; margin: 0 auto; max-width: 1450px;}
.wrapper-width {width: 87%; margin: 0 auto; max-width: 1450px; }
.inventory-width {width: 95%; margin: 0 auto; max-width: 1450px;}

.flex-wrapper {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

/**SCROLL UP BUTTON**/
.cd-top {
  display: inline-block;
  outline: none; /* Remove outline */
  border: none; /* Remove borders */
  height: 50px;
  width: 50px;
  position: fixed;
  z-index: 999;
  bottom: 20px;
  right: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff!important;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #383838 /*black*/ url(../siteart/scroll-to-top.svg) no-repeat center 50%;
  visibility: hidden;
  border-radius: 100px;
  opacity: 0;
  padding:5px; /* Some padding */
  cursor: pointer; /* Add a mouse pointer on hover */
  border-radius:5px;
  border: .5px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: opacity .3s 0s, visibility 0s .5s;
  -moz-transition: opacity .3s 0s, visibility 0s .5s;
  transition: opacity .3s 0s, visibility 0s .5s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .5s 0s, visibility 0s 0s;
  -moz-transition: opacity .5s 0s, visibility 0s 0s;
  transition: opacity .5s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: 1;}
.no-touch .cd-top:hover {background-color: #000; opacity: 1;}
.cd-top:hover {background-color: #1b2754;}


/**********  HEADER STYLES  ***************/
header .sticky {position: fixed; z-index: 999; top: 0; width: 100%;}
div#fixed {width: 100%;}

header {width: 100%; display: inline-flex; flex-wrap: wrap; margin: 0 auto; box-shadow: 0px 2px 8px rgba(0,0,0,0.5); background: #000; border-top: 10px solid #1b2754;}
header .flex-wrapper {justify-content: space-between; margin: 1.5em auto;}

a#logo img {width: 100%; max-width: 350px; height: auto; display: inline-block!important;}

a#sticks {
	display: block!important;
	padding: 10px;
	text-align: center;
	color: #ddd;
	border: .5px solid transparent;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	background: linear-gradient(#25346e, #1b2754);
}
a#sticks:hover {background: none; color: #fff; border: .5px solid #fff;}

header .right {text-align: right;}
header .right p {font-size: 14px;}
header .right a {color: #fff;}
header .right a:hover {color: #ddd;}
header .right a .fas, header .right a .fab {margin: 0 5px;}

.keyword-search {margin: 15px 0;}
form.detailed-search input::placeholder {letter-spacing: .5px;}
form.detailed-search input {
	padding: 10px!important;
	border: none;
	border-radius: 0!important;
	height: 45px!important;
}
form.detailed-search input#keywords {width: 250px; border: 1px solid #000;}
form.detailed-search input#submit {
	background: linear-gradient(#25346e, #1b2754)!important;
	color: #fff!important;
	padding: 7px 22px!important;
	cursor: pointer;
	-webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
	border-radius: 0!important;
}
form.detailed-search input#submit:hover {background: #ddd!important; color: #000!important; font-weight: bold;}

/*********************  HOMEPAGE STYLES **************************************/
.homepage-wrapper {width: 100%; margin: 0 auto; display: inline-block; background: url('/siteart/welcome-bg.png') no-repeat center; background-size: cover; background-attachment: fixed;}

/* EQUIPMENT STYLES */
.equipment-wrapper {width: 100%; background: #eee; padding: 30px 0; display: inline-block; margin: 0 auto; border-top: 2px solid #000; border-bottom: 2px solid #000;}
.equipment-wrapper a {width: calc(25% - 1em); margin: .5em;}
.equipment-wrapper a.half {width: calc(50% - 1em); margin: .5em;}

.equipment-wrapper div.box1,  .equipment-wrapper div.box2, .equipment-wrapper div.box3, .equipment-wrapper div.box4, .equipment-wrapper div.box5, .equipment-wrapper div.box6, .equipment-wrapper div.box7, .equipment-wrapper div.box8, .equipment-wrapper div.box9, .equipment-wrapper div.box10, .equipment-wrapper div.box11, .equipment-wrapper div.box12,
.equipment-wrapper div.box13,
.equipment-wrapper div.box14,
.equipment-wrapper div.box15,
.equipment-wrapper div.box16,
.equipment-wrapper div.box17,
.equipment-wrapper div.box18,
.equipment-wrapper div.box19,
.equipment-wrapper div.box20,
.equipment-wrapper div.box21,
.equipment-wrapper div.box22,
.equipment-wrapper div.box23,
.equipment-wrapper div.box24,
.equipment-wrapper div.box25,
.equipment-wrapper div.box26,
.equipment-wrapper div.box27,
.equipment-wrapper div.box28 {
	text-align: center;
	background: #000;
	min-height: 260px;
	position: relative;
	border: 2px solid #2a2a2a;
    transition: all.3s ease-in-out;
}

.equipment-wrapper div.box1:hover,  .equipment-wrapper div.box2:hover, .equipment-wrapper div.box3:hover, .equipment-wrapper a div.box4:hover, .equipment-wrapper div.box5:hover, .equipment-wrapper div.box6:hover, .equipment-wrapper div.box7:hover, .equipment-wrapper div.box8:hover, .equipment-wrapper div.box9:hover, .equipment-wrapper div.box10:hover, .equipment-wrapper a div.box11:hover, .equipment-wrapper div.box12:hover,
.equipment-wrapper div.box13:hover,
.equipment-wrapper div.box14:hover,
.equipment-wrapper div.box15:hover,
.equipment-wrapper div.box16:hover,
.equipment-wrapper div.box17:hover,
.equipment-wrapper div.box18:hover,
.equipment-wrapper div.box19:hover,
.equipment-wrapper div.box20:hover,
.equipment-wrapper div.box21:hover,
.equipment-wrapper div.box22:hover,
.equipment-wrapper div.box23:hover,
.equipment-wrapper div.box24:hover,
.equipment-wrapper div.box25:hover,
.equipment-wrapper div.box26:hover,
.equipment-wrapper div.box27:hover,
.equipment-wrapper div.box28:hover {
	border: 2px solid #1b2754;
	opacity: .85;
}

.equipment-wrapper div.box1:hover p,  .equipment-wrapper div.box2:hover p, .equipment-wrapper div.box3:hover p, .equipment-wrapper div.box4:hover p, .equipment-wrapper div.box5:hover p, .equipment-wrapper div.box6:hover p, .equipment-wrapper div.box7:hover p, .equipment-wrapper div.box8:hover p, .equipment-wrapper div.box9:hover p, .equipment-wrapper div.box10:hover p, .equipment-wrapper div.box11:hover p, .equipment-wrapper div.box12:hover p,
.equipment-wrapper div.box13:hover p,
.equipment-wrapper div.box14:hover p,
.equipment-wrapper div.box15:hover p,
.equipment-wrapper div.box16:hover p,
.equipment-wrapper div.box17:hover p,
.equipment-wrapper div.box18:hover p,
.equipment-wrapper div.box19:hover p,
.equipment-wrapper div.box20:hover p,
.equipment-wrapper div.box21:hover p,
.equipment-wrapper div.box22:hover p,
.equipment-wrapper div.box23:hover p,
.equipment-wrapper div.box24:hover p,
.equipment-wrapper div.box25:hover p,
.equipment-wrapper div.box26:hover p,
.equipment-wrapper div.box27:hover p,
.equipment-wrapper div.box28:hover p {
	background: rgba(0,33,97,.9);
}

.equipment-wrapper p {
	background: rgba(0,0,0,.75);
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 1.3;
	font-size: 14px!important;
	padding: .75em!important;
	margin-bottom: 0!important;
	/*text-shadow: 1px 2px 2px rgba(0,0,0,0.75);*/
}

.equipment-wrapper a div.box1 {
	background: url('/siteart/quicklinks/Material-Handling.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box2 {
	background: url('/siteart/quicklinks/Demolition.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box3 {
	background: url('/siteart/quicklinks/Long-Reach.JPG') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box4 {
	background: url('/siteart/quicklinks/Low-Ground-Pressure1.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box5 {
	background: url('/siteart/quicklinks/Cab-Risers.jpeg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box6 {
	background: url('/siteart/quicklinks/Hydraulic-Rail-Cranes.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box7 {
	background: url('/siteart/quicklinks/Boom-Stick-Repair.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box8 {
	background: url('/siteart/quicklinks/Additional-Counterweight.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box9 {
	background: url('/siteart/demolition/two-piece-front/3-piece hero.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box10 {
	background: url('/siteart/demolition/three-piece-front/Sany-335.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box11 {
	background: url('/siteart/demolition/tilt-cabs/Demolition-tilt-cab-on-Sany-335-1-1200x928.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box12 {
	background: url('/siteart/demolition/sticks/Cat-374D-Demolition-Stick-4.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box13 {
	background: url('/siteart/material-handling/Deere-850D-Material-Handler.3.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box14 {
	background: url('/siteart/material-handling/scrap4.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box15 {
	background: url('/siteart/quicklinks/Telescopic-Sticks.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box16 {
	background: url('/siteart/quicklinks/Sectional-Barges.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box17 {
	background: url('/siteart/quicklinks/Werk-Brau-Attachments.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box18 {
	background: url('/siteart/quicklinks/Contact1.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box19 {
	background: url('/siteart/werk-brau-attachments/severe-duty-excavator-buckets/1.png') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box20 {
	background: url('/siteart/werk-brau-attachments/extreme-duty-excavator-buckets/5.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box21 {
	background: url('/siteart/werk-brau-attachments/severe-duty-ditching-and-grading-buckets/9.png') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box22 {
	background: url('/siteart/werk-brau-attachments/v-line-frost-rock-bucket/13.png') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box23 {
	background: url('/siteart/werk-brau-attachments/hydra-clamp-bucket/16.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box24 {
	background: url('/siteart/werk-brau-attachments/demolition-contractors-grapple/18.png') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box25 {
	background: url('/siteart/werk-brau-attachments/pavement-removal-bucket/21.png') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box26 {
	background: url('/siteart/werk-brau-attachments/excavator-stump-rippers/23.png') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box27 {
	background: url('/siteart/werk-brau-attachments/excavator-quick-couplers/24.png') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box28 {
	background: url('/siteart/werk-brau-attachments/excavator-thumbs/25.jpg') no-repeat center center;
	background-size: cover;
}

/* welcome section */
.welcome-txt {width: 100%; max-width: 1200px; margin: 0 auto; padding: 5em 1em; display: block;}
.welcome-txt h1 {text-transform: uppercase; letter-spacing: 1px; font-size: 24px; line-height: 30px; margin-bottom: 30px;}
.welcome-txt h1 span {font-size: 900; font-size: 32px; color: #1b2754;}
.welcome-txt strong {color: #1b2754;}
.welcome-txt a {display: inline-block; padding: 1em 2em; color: #fff; text-align: center; background: #1b2754; margin-top: 30px; font-size: 14px;}
.welcome-txt a .fas {margin-right: 5px;}
.welcome-txt a:hover {background: #000;}

/* scrolling wrap */
.scrolling-wrap {width: 100%; height: 98px; overflow: hidden; border-top: 5px solid #1b2754; border-bottom: 5px solid #1b2754;} 
.scrolling {width: 100%; height: 100px;}

.ftr-inv {width: 100%; position: relative;}
.ftr-inv .overlay {
  width: 100%;
  max-width: 185px;
  height: 100%;
  padding: 0 2em;
  position: absolute;
  background: linear-gradient(#25346e, #1b2754);
  text-align: center;
  transform-origin: bottom left;
  -webkit-transform: skew(140deg, 0deg);
  -ms-transform: skew(140deg, 0deg);
  -o-transform: skew(140deg, 0deg);
  transform: skew(140deg, 0deg);
  left: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ftr-inv .overlay h2 {
	text-transform: uppercase;
	color: #ddd;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 22px;
	-webkit-transform: skew(-140deg, 0deg);
    -ms-transform: skew(-140deg, 0deg);
    -o-transform: skew(-140deg, 0deg);
    transform: skew(-140deg, 0deg);
}
.ftr-inv .overlay h2 span {color: #fff;	font-size: 17px;}

/*** lrg video section ***/
.video-wrapper {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 1em auto 0;}
.video-wrapper iframe {width: calc(33.33% - 1em); margin: .5em;}

.img-row {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; box-sizing: border-box;}
.img-row img {width: calc(33.33% - 1em); margin: .5em; height: auto;}

.page-wrapper {width: 100%;	display: block;	margin: 0 auto;	background: #f4f4f4;}
.page-wrapper .wrapper-width.flex-wrapper {padding: 3.5em 0; align-items: flex-start; /*flex-wrap: nowrap;*/}
.page-wrapper .wrapper-width h2, .page-wrapper .wrapper-width p {width: 100%;}
.page-wrapper .wrapper-width h2 {width: 100%; font-size: 20px;}

.page-wrapper .title {width: 100%; padding: 5em 2.5em; box-sizing: border-box; text-align: center; background: #000 url("/siteart/page-hero2.jpg") no-repeat bottom; background-attachment: fixed;}
.page-wrapper .title h1 {text-transform: uppercase; color: #eeeeee; letter-spacing: 2px; display: block; font-size: 28px; text-shadow: 2px 2px 10px #222222;}

.page-wrapper hr {width: 100%; border-bottom: 1px solid #eee;}
.page-wrapper .left img, .page-wrapper .right img {width: calc(100% - 1em); margin: .5em; height: auto; border: 1px solid #eee;}
.page-wrapper img.half {width: calc(50% - 1em); margin: .5em;}
.page-wrapper img.third {width: calc(33.33% - 1em); margin: .5em;}

.page-wrapper .left {margin: 0 6em 0 0; flex: 1;}
.page-wrapper .left h3 {display: block;	margin: 15px 0;	text-decoration: underline;}
.page-wrapper .right {margin: 0; text-align: right; display: inline-flex; flex: 1;}
.page-wrapper .left iframe, .page-wrapper .right iframe {width: calc(100% - 1em); margin: .5em .5em 1em;}
.page-wrapper .right a#cta-btn, .page-wrapper .left a#cta-btn {
	width: 100%;
	display: block;
	padding: 1em;
	margin-bottom: 20px;
	color:  #000!important;
	background: none;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 5px;
	text-decoration: underline;
}
.page-wrapper .right a#cta-btn:hover, .page-wrapper .left a#cta-btn:hover {background: #ddd;	border: 1px solid #c0c0c0; text-decoration: none;}

.page-wrapper h2 span a {color: #1b2754; font-size: 15px;}
.page-wrapper h2 span a:hover {color: #555;}
.page-wrapper h2 span .fas {padding: 7px; font-size: 15px;}

.page-wrapper p {padding: 1.75em 0; font-size: 16.5px;}
.page-wrapper p a {color: #1b2754; text-decoration: underline;}
.page-wrapper p a:hover {text-decoration: none;}
.page-wrapper p a .fas {margin-right: 3px; padding: 8px;}

.page-wrapper .grid-gallery {width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 1em auto;}
.page-wrapper .grid-gallery img {width: calc(33.33% - 1em); margin: .5em; /*aspect-ratio: 2 / 2; object-fit: cover;*/}

.category-wrapper {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2em 0;}
.category-wrapper img {width: 100%; height: auto;}
.category-wrapper h1 {width: 100%; color: #000; letter-spacing: .5px; line-height: 30px; font-size: 22px;}
.category-wrapper ul {display: inline-block; padding: 2em 0; line-height: 30px;}
.category-wrapper ul.half {width: 55%;}
.category-wrapper ul li {
	margin: .5%;
	padding: 10px 20px;
	line-height: 22px;
	display: block;
	float: left;
	background: #ddd;
	color: #1b2754;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}
.category-wrapper ul#lrg li {
	margin: .25em 0;
	padding: 10px 20px;
	line-height: 22px;
	display: block;
	float: left;
	width: 100%;
	background: #ddd;
	color: #1b2754;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}
.category-wrapper ul li:hover {background: #000; color: #eee;	box-shadow: 0px 2px 8px rgba(0,0,0,0.1);}
.category-wrapper ul li strong {float: right;}
.category-wrapper .left {flex: 2;}
.category-wrapper .right {flex: 1;}

.media-wrapper {width: 100%; display: inline-block; background: #f5f5f5; border: 1px solid #cacaca; margin-bottom: 25px; margin-top: 10px;}
.media-wrapper h1 {padding: .5em; font-size: 20px; background: #1b2754; font-weight: 500; color: #ddd; text-align: center; border-top: 2px solid #000;}

/* CONTACT PAGE */
.contact-info {width: 100%;	display: flex; justify-content: center; flex-wrap: wrap; margin: 15px 0;}
.contact-info div {width: calc(33.33% - 1em); text-align: center; margin: .5em; background: #fff;}
.contact-info div p {margin: 20px 0; line-height: 24px; font-size: 16px; padding: 0; font-family: 'Saira', sans-serif;}
.contact-info div a {color: #1b2754; text-decoration: none;}
.contact-info div p a:hover {color: #2a2a2a; text-decoration: underline;}
.contact-info div h2 {line-height: 30px; padding: 10px!important; background: #000; color: #fff; font-size: 14px!important; font-weight: 500; letter-spacing: 1px; border-top: 4px solid #1b2754; text-transform: uppercase;}

/* thank you page styles */
p#thankyou {
	width: 100%;
	background: rgba(255,255,255,.85);
	display: inline-block;
	font-size: 18px;
	margin: 0 auto;
	line-height: 26px;
	padding: 3rem;
	/*box-shadow: 0px 3px 15px rgba(0,0,0,0.1)!important;*/
	border: 2px solid #eeeeee;
	font-weight: 500;
	color: #000;
}
p#thankyou a {text-decoration: none; color: #1b2754;}
p#thankyou a:hover {color: #000; text-decoration: underline;}
p#thankyou .fas {margin-right: 10px;}


/*********************  FOOTER STYLES **************************************/
footer {width: 100%; display: inline-block; margin: 0 auto; box-sizing: border-box; background: #ddd;}
footer .col ul {column-count: 2;}
footer .col a:hover {color: #2a2a2a; font-weight: 800;}
footer .col a {color: #000;}
footer .col a .fab {font-size: 30px; margin: 10px 0; color: #1b2754;}
footer .col {float: left; width: 46%; margin: 2%; padding: 25px 0; display: inline-block; line-height: 26px; font-size: 14px; color: #000;}
footer .col h2 {text-transform: uppercase; margin-bottom: 10px; font-size: 24px; letter-spacing: 1px; color: #1b2754;}

.site-host {width: 100%; display: inline-block; margin: 0 auto; background: linear-gradient(#25346e, #1b2754); padding: 15px 0;}
.site-host p {
	text-transform: uppercase;
	color: #ddd;
	letter-spacing: 1px;
	font-size: 10px; 
	line-height: 18px;
	padding: 1em 5%;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	font-family: 'Saira', sans-serif;
}

/**********************  MEDIA QUERIES (RWD) ***************************************/
@media screen and (max-width: 1550px) {
	.contact-info div {width: calc(50% - 1em);}
}

@media screen and (max-width:1450px) {
	.inventory-width {width: 95%;}

	a#sticks img {width: 125px!important;}
	a#sticks {font-size: 9px; margin: 0 auto 0 3%;}
	header .right {width: auto;}
	header .right p {font-size: 13px;}
	
	.zoom-container img {height: auto!important;}
	.zoom-container {width: 32.95%;}
	.zoom-container.mobile {display: block;}
}

@media screen and (max-width: 1280px) {
	.equipment-wrapper a {width: calc(33.33% - 1em);}
	.page-wrapper .left, .page-wrapper .right {flex-wrap: wrap; width: 100%; max-width: none; margin: 0 auto;}
	.page-wrapper .right {text-align: left;}
	.category-wrapper ul.half {width: 100%;}
	.equipment-wrapper .wrapper-width.flex-wrapper {display: flex!important;}
	.page-wrapper .wrapper-width.flex-wrapper {display: block;}
	.category-wrapper {display: block;}
	.category-wrapper .right {height: 400px; margin: 0 auto!important;}
}

@media screen and (max-width:1080px) {
	header {border-bottom: none;}
	a#logo, header .right {float: none; width: 100%; text-align: center!important; margin: 0 auto;}
	header .right p {font-size: 16px;}
	a#sticks {float: none; width: 100%; max-width: 300px; margin: 0 auto; margin-top: 5px; margin-bottom: 15px; font-size: 11px;}
	a#sticks img {text-align: center!important; display: block!important; margin: 0 auto; width: 100%!important; max-width: 250px!important;}
	
	.homepage-wrapper .hero-section {height: 525px;}
	.homepage-wrapper .banner h1 {font-size: 20px; line-height: 24px;}
	.homepage-wrapper .hero-section h1 span {font-size: 32px;}
	.homepage-wrapper .hero-section h1 {font-size: 28px; line-height: 32px; margin-bottom: 0;}
	.homepage-wrapper .skew-btns a {font-size: 14px;}
	.homepage-wrapper .skew-btns {margin: 0;}
	.zoom-container {width: 49.4%;}
	.equipment-wrapper a {width: calc(50% - 1em);}

	.ftr-inv .overlay {left: 0;}	
			
	footer .col {float: none; width: 100%;}
	footer .col h2 {padding: 0;}
	.ftr-inv .overlay {display: none;}
	footer {padding: 1em 0;}
}

@media screen and (max-width:900px) {	
	.page-wrapper .title {padding: 3em 1.5em;}
	
	.category-wrapper ul li {float: none; width: 100%; display: inline-block;}
	.category-wrapper ul {padding: 1em;}
	.category-wrapper h1 {padding: 0 1em!important;}
	
	.contact-info div {width: calc(100% - 1em);}	
	.video-wrapper iframe {width: calc(100% - 1em);}
}

@media screen and (max-width:690px) {
	a#logo img {max-width: 250px;}
	header .right p {font-size: 12px;}
	
	.page-wrapper .contact-info {margin: 0;}
	
	.zoom-container {width: 100%; height: 160px; margin: 0 auto; margin-top: 2px;}
	.equipment-wrapper a {width: calc(100% - 1em);}
	.equipment-wrapper a.half {width: calc(100% - 1em);}
		
	.welcome-txt {padding: 3em 1em;}
	.welcome-txt h1 {font-size: 20px; line-height: 24px;}
	.welcome-txt h1 span {font-size: 24px;}

	.page-wrapper .title h1 {line-height: 30px;}
	.page-wrapper p {padding: 1em;}
	.page-wrapper h2 {padding: 0 1em!important; font-size: 16px!important;}
	.page-wrapper .grid-gallery img {width: calc(50% - 1em);}
}

@media screen and (max-width:500px) {	
	.homepage-wrapper .skew-btns a {font-size: 12px; padding: 10px 20px;}
	.homepage-wrapper .hero-section {height: 375px; padding-top: 70px;}
	.homepage-wrapper .banner span {display: block;}
	.equipment-wrapper p {font-size: 14px!important; line-height: 1.3;}
	.homepage-wrapper, .page-wrapper .title {background-attachment: inherit;}
	.page-wrapper .title h1 {font-size: 22px;line-height: 24px;}
	.media-wrapper h1 {font-size: 22px;}
	
	.video-wrapper iframe {width: 100%;}
	.img-row {flex-wrap: wrap;}
	.img-row img {width: calc(50% - 1em); margin: .5em;}
	
	footer .col {float: none; width: 100%; padding: 5px 0;}
	footer .col ul {column-count: 1;}
	footer .col h2 {font-size: 18px;}
}

@media screen and (max-width:350px) {
	.equipment-wrapper a {width: calc(100% - 1em); margin: .5em;}
	
	form.detailed-search input#keywords {width: 215px;}
}