/*===================== 
	Color information
	
	-
	-
	-
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}
nav ul li {
    list-style-type: none;
}c
/*===================== 
	@Font-Face 
=======================*/


/*===================== 
	base styles 
=======================*/

html {
    font-family: Arial, sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    margin: 0;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0;} 
	
/*===================== 
	typography 
=======================*/
@font-face {
    font-family: 'montserratlight';
    src: url('/fonts/montserrat-light-webfont.eot');
    src: url('/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-light-webfont.woff') format('woff'),
         url('/fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('/fonts/montserrat-regular-webfont.eot');
    src: url('/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-regular-webfont.woff') format('woff'),
         url('/fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('/fonts/montserrat-bold-webfont.eot');
    src: url('/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-bold-webfont.woff') format('woff'),
         url('/fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection {
    background: #c5242a;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #c5242a;
    color: #fff;
    text-shadow: none;
}



h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 {
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    margin: -43px auto;
    width: 31%;
    min-width: 320px;
    z-index: 72;
    position: relative;
}
h1 a:link{color:#fff;}
h1 a:hover{color:#000;}
h2 {font-size: 20px; font-weight:bold; color: #6c6c73;}
h3 {font-size: 14px; font-weight:bold; color:#c5242a;}

h3 a:link {color:#c5242a; text-decoration:none;}
h3 a:link, h3 a:active, h3 a:visited{ _color:#c5242a; _text-decoration:none;}  /*IE6*/
h3 a:link, h3 a:active, h3 a:visited{ *color:#c5242a; *text-decoration:none;}  /*IE7-*/
h3 a:link, h3 a:active, h3 a:visited{ color:#c5242a\9; text-decoration:none\9;}  /*IE9-*/
h3 a:link, h3 a:active, h3 a:visited{ color:#c5242a\0; text-decoration:none\0;}  /*IE10+*/
h3 a:hover{text-decoration:underline;}

h4{color:#c5242a;}
h4 a:link{color:#c5242a;}
h4 a:hover{color:#6c6c73;}


p {
	margin: 0 auto;
	font-size:16px;
	color:#6c6c73;
	font-family: 'montserratbold';
}

b, strong {font-weight: bold;}

.center {
	text-align: center;
}
.white{
	color:#FFFFFF;
}

/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    text-decoration:none;
}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		}  

/*===================== 
	header styles 
=======================*/

.header-cont-1 {
    width:100%;
    display: flex;
    justify-content: space-between;
}

.header-wrap {
	width: 100%;
	min-width: 1024px;
	margin: 0;
}

header {
	margin: 0 auto;
	width: 1024px;
}
.logo {
    z-index: 99999;
    padding: 0 0 0 30px;
	float:left;
}
.logo img {
    max-width: 205px;
    z-index: 102;
    margin: 17px auto -52px auto;
    position: relative;
}


.top-left {
    width:calc(100% - 725px);
    text-align: left;
    max-width: 790px;
    display: flex;
}

.contact-info {
    display: inline;
    float: right;
    max-width: 540px;
    padding: 10px 0 0 50px;
}

h5 {font-size: 14px; color: #999999;}

h6 {font-size: 14px; color: #e92b42;}
h6 a{color: #e92b42;}
h6 a:hover{color: #000;}


.logo-inv {
    z-index: 99999;
    padding: 0 0 0 30px;
}
.logo-inv img {
    max-width: 245px;
    z-index: 102;
    margin: 0px auto -31px auto;
    position: relative;
    top: 28px;
	display: block;
}
.nav-inv{
	position: relative;	
	top: 28px;
}


/*===================== 
	nav styles 
=======================*/

nav.primary {
	}
	nav ul {
		}
		nav ul li {
			}
			nav ul li a {
				}	
			nav ul li a:hover {
				}

.nav-highlight {
    background:#f9ec00;
}
/*===================== 
	slide styles 
=======================*/
	

.slideshow {
	height: auto; /* height of container is slide height plus applied border width */ 
	  /* width of image */
	width: 100%;  /* width of container is slide width plus applied border width */
	overflow:hidden; /* Hides all other images within slideshow container while loading */ 
	margin:0 auto;
	border-top: 2px solid #f9ec00;
	position:relative;
}


.slideshow img { 
	padding:0; 
	border:0; 
	top: 0;
	left: 0;
	height: auto; /* height of image */ 
	width:100%;
}



/*---POP-UP -----------------------------------*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box {
	width: 50%;
	margin: 0 auto;
	background: rgba(0,0,0,0.2);
	padding: 35px;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}
.popup .close {
    position: absolute;
    top: 10px;
    right: 15px;
	transition: all 0.2s;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
    border: 1px solid #ffffff;
	padding:0 5px 5px 5px;
}
.popup .close:hover {
  background: #000;
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

.popup p a{color:#000;}
.popup p a:hover{color:#fff;}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
	content:"";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	z-index: 99999;
}
	
.overlay .popup {
    background: #c6c6c6;
    border: 3px solid #d4d4d4;
    border-radius: 5px;
    width: 100%;
    max-width: 1100px;
    position: absolute;
    top: 6vw;
    left: 0;
    right: 0;
    float: none;
    padding: 40px 2%;
    margin: 0 auto;
    text-align: left;
    z-index: 99999999;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
	.overlay:target .popup {
    top: -280%;
    left: -200%;
}

.overlay .popup .wrapper-inner{width: 90%;}
.overlay .popup .wrapper-inner li{font-size: 14px; line-height:  30px;}

.pop-logo {
	width: 30%;
}




/*===================== 
	content styles 
=======================*/

.wrapper{
	width:100%;
	max-width:1100px;	
	margin: 0 auto;
}

.wrap {
	width: 100%;
	margin: 0 auto;
}

.middle-wrap{
	margin:0 auto;
	width:100%;
	width:85%\9;  /*IE9-*/
}


.about {
    margin: 0px auto;
    width: 100%;
}

.position-about {
    width: 65%;
    margin: 0 auto;
    max-width: 815px;
}
	
.company-p {
    color: #6c6c73;
    max-width: 540px;
    margin: 25px auto 0 auto;
    line-height: 28px;
    border-left: 1px solid #ccc;
    padding: 7px 0 10px 15px;
    float: right;
}
.combine {
    margin: 0 auto;
    display: inline-block;
    float: left;
}
.combine img{
	margin:0 auto;
	max-width:208px;
}

.inventory-button {
    margin: 80px auto 0 auto;
    width: 100%;
    max-width: 1050px;
    height: auto;
    z-index: 999;
    position: relative;
}
.inventory-button img{
	max-width: 1050px;
	width:100%;
}

.inventory-button a:link, .inventory-button a:visited, .inventory-button a:active  {
	color:#fff;
	white-space: nowrap; 
	*white-space: nowrap; 
}

.inventory-button a:hover {
	color:#EDEDED;
}




/*===================== 
	icon links 
=======================*/

.icon-banner {
    padding: 40px 0 65px 0;
    position: relative;
    z-index: 999;
    margin: -115px auto 0 auto;
    
}
.icon-wrap {
    max-width: 1100px;
    width: 100%;
    background: #fff;
    border-radius: 735px / 166px;
    padding:80px 20px 0px 20px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.icon-banner a {
    width:19%;
}
.icon-banner a img {
    width:100%;
    height: auto;
    display: block;
    transition: .2s ease-in;
}
.icon-banner a p {
    text-align: center;
    padding:20px 0;
    font-size:16px;
    font-weight: 600;
    color:#c5242a;
    transition: .2s ease-in;
}
.icon-banner a:hover img {
   filter: grayscale(100%); 
}
.icon-banner a:hover p {
   color:#6c6c73;
}

.coupon {width:80% !important;margin: 0 auto;text-align:center;}

.coupon img{width:18%;max-width:500px;}

/*===================== 
	button wrap 
=======================*/

.button-wrap{
	margin: 0 auto;
	width: 300px;
    position: relative;
    top: 350px;
    z-index: 9999;
    text-align: center;	
}
.inv-btn a{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.67);
    border: solid 1px #ffffff;
    padding: 10px 40px;
    border-radius: 6px;
}
.inv-btn a:hover{
	color:#000;
    background: rgba(255, 255, 255, 0.67);
	border: solid 1px #000;
}





/*===================== 
	loaction map 
=======================*/

.location{
    margin: 80px auto 80px auto;
    width: 100%;
    max-width: 885px;
}
.position-map {
    width: 100%;
    margin: 0 auto;
}
.map {
    margin: 0 auto;
    display: inline-block;
    float: left;
	padding: 0 8px 0 20px;
}
.map img{
	margin:0 auto;
	max-width: 245px;
}
.location-p {
    color: #6c6c73;
    max-width: 540px;
    margin: 50px auto 0 auto;
    line-height: 30px;
    border-left: 1px solid #ccc;
    padding: 10px 0 10px 20px;
    float: right;
}

.manuals h1 {
    margin:0;
    color:#6c6c73;   
}
.manuals p {
    padding:5px 0;
    color:#000;   
    font-family: Arial, sans-serif;
}
.manuals ul {
    padding:10px 0;
    margin: 0;
}
.manuals ul li {
    padding:10px 0;
    margin: 0;
    list-style: none;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.manuals ul li a {
    padding:0;
    margin: 0;
    list-style: none;
    font-size: 20px;
    color:#6c6c73;
}
.manuals ul li a i {
    color:#c5242a;
}
.manuals ul li a:hover {
    color:#c5242a;
}

#google-map iframe{
	margin:100px auto;
}

.view-map{
	margin: 20px auto;
	width:100%;
}




/*===================== 
	scrolling inv 
=======================*/


.border-scroll{
	border-top: 2px solid #f9ec00;
}


.scrolling-wrap {
    width:100% !important;
    height:90px !important;
    overflow:hidden !important;
}
 
.scrolling {
    width:100% !important;
    height:92px !important;
}
.scrolling iframe{
    width:100% !important;
    height:92px !important;
}

	
/*===================== 
	banner styles 
=======================*/

.banner {
    margin: 40px auto 0 auto;
    width: 100%;
    max-width: 1024px;
}

.banner img {
    width: 100%;
    max-width: 1024px;
    margin: 50px auto 0 auto;
}


/*===================== 
	layout styles 
=======================*/

.left {float: left;}
.right {float: right;}

.container {
	width: 100%;
	margin: 0 auto;
}
.container-inv {
	max-width: 1200px;
	padding:40px 10px;
	margin:0 auto;
	box-sizing: border-box;
}
	
.col-1-6 { width: 16%;}
.col-1-5 { width: 20%;}
.col-1-4 { width: 24%;}
.col-1-3 { width: 33%;}
.col-1-2 { width: 49%;}
.col-2-3 { width: 65%;}
.col-3-4 { width: 75%;}

.manus {
    width:100%;
    height: auto;
    padding:10px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    border-top: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
}

.manus a {
    max-width: 90px;
    width:100%;
    margin:10px auto;
}
.manus a img {
    width:100%;
    height: auto;
    display: block;
}



/*===================== 
	footer styles 
=======================*/


.footer {
    border-top: 2px solid #f9ec00;
    margin: 0 auto;
    padding: 35px 0 20px 0;
    width: 73%;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#777;

}
	
a.footerlink:hover {
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;

}

.footertext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	 color:#777;
}

.smallfootertext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	 color:#777;
}

.divfooter {
	max-width:1200px; 
	text-align:left;
	margin:0 auto;
	line-height:13px;
}



/*===============================   
	inv conversion styles
===================================*/

.hosted-content #listings-title {
    font-size: 1.8rem;
    color: #000!important;
}


.hosted-content h1 {
    color: #ee2c43!important;
}


.hosted-content h3 {
    text-align: left;
    color: #333;
}


.hosted-content h3 {
    text-align: left;
    color: #333;
	font-size:20px;
}

.listings-wrapper .hosted-theme .btn {
    width: 100%;
    text-align: center;
    border-radius: 0;
    border: solid 1px #333 !important;
    padding: 10px 0 !important;
    height: auto;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

.listings-wrapper .hosted-theme .btn:hover {
    border: solid 1px #333 !important;
	background: #ebebeb !important;
	color:#333 !important;
}

/*===================== 
	responsive styles 
=======================*/

@media screen and (max-width: 1565px) {
	

	
	
}
@media screen and (max-width: 1463px) {


.middle-wrap {
    width: 100%;
    padding-left: 0;
    max-width: 1155px;
	height: auto;
}










.inventory-button {
    margin: 0 auto;
    width: 60%;
    max-width: 1050px;
    height: auto;
    z-index: 999;
    position: relative;
}
h1 {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    margin: -39px auto;
    width: 34%;
    min-width: 304px;
    z-index: 72;
    position: relative;
}
.about {
    margin: 10px auto;
    width: 100%;
}

.position-about {
    width: 62%;
    margin: 0 auto;
    max-width: 780px;
}
.combine {
    margin: 10px auto;
    display: inline-block;
    float: left;
}
.combine img {
    margin: 0 auto;
    max-width: 175px;
}
.company-p {
    color: #6c6c73;
    max-width: 500px;
    margin: 25px auto 0 auto;
    line-height: 26px;
    border-left: 1px solid #ccc;
    padding: 7px 0 10px 15px;
    float: right;
}
h2 {
    font-size: 18px;
    font-weight: bold;
    color: #6c6c73;
}
p {
    margin: 0 auto;
    font-size: 14px;
    color: #6c6c73;
    font-family: 'montserratbold';
}
h3 {
    font-size: 14px;
    font-weight: bold;
    color: #c5242a;
}
.banner {
    margin: 40px auto 0 auto;
    width: 65%;
    max-width: 1024px;
}
.banner img {
    width: 100%;
    max-width: 1024px;
    margin: 70px auto 0 auto;
}


}
@media screen and (max-width: 1366px) {

.contact-info {
    display: inline;
    float: right;
    max-width: 296px;
    padding: 10px 0 0 50px;
}

}
@media screen and (max-width: 1280px) {

.divfooter {
    max-width: 1200px;
    text-align: left;
    margin: 0 auto;
    line-height: 13px;
    padding-left: 20px;
}

}
@media screen and (max-width: 1215px) {
.middle-wrap {
    width: 85%;
    padding-left: 0;
    max-width: 1155px;
}

h1 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: -30px auto;
    width: 35%;
    min-width: 280px;
    z-index: 72;
    position: relative;
}

h1 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: -30px auto;
    width: 35%;
    min-width: 280px;
    z-index: 72;
    position: relative;
}
.position-about {
    width: 77%;
    margin: 0 auto;
    max-width: 780px;
}


.banner {
    margin: 40px auto 0 auto;
    width: 88%;
    max-width: 1024px;
}


}
@media screen and (max-width: 1100px) {
	.coupon img {    width: 58%;
    max-width: 500px;}
.top-left {
    flex-wrap: wrap;
    gap:10px;   
    width: calc(100% - 720px);
}
.logo img {
    margin: 17px auto 0px auto;
    width:100%;
}

.position-about {
    width: 57%;
    margin: 0 auto;
    max-width: 780px;
}
.company-p {
    color: #6c6c73;
    max-width: 500px;
    margin: 5px auto 0 auto;
    line-height: 26px;
    border-left: 1px solid #ccc;
    padding: 7px 0 10px 15px;
    float: left;
}
.inventory-button {
    margin: 60px auto 0 auto;
    width: 60%;
    max-width: 1050px;
    height: auto;
    z-index: 999;
    position: relative;
}
h1 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: -29px auto;
    width: 35%;
    min-width: 255px;
    z-index: 72;
    position: relative;
}
.about {
    margin: 0 auto;
    width: 100%;
}
.position-about {
    width: 70%;
    margin: 0 auto;
    max-width: 780px;
    padding-left: 45px;
}
.company-p {
    color: #6c6c73;
    max-width: 500px;
    margin: 5px auto 0 auto;
    line-height: 26px;
    border-left: 1px solid #ccc;
    padding: 7px 0 10px 15px;
    float: left;
}

.banner {
    margin: 0 auto 0 auto;
    width: 88%;
    max-width: 1024px;
}
.banner img {
    width: 100%;
    max-width: 1024px;
    margin: 25px auto 0 auto;
}


.button-wrap {top: 280px;}




}
@media screen and (max-width: 995px) {



.inventory-button {
    margin: 25px auto 0 auto;
    width: 70%;
    max-width: 1050px;
    height: auto;
    z-index: 999;
    position: relative;
}
.about {
    margin: 28px auto;
    width: 100%;
}
p {
    margin: 0 auto;
    font-size: 14px;
    color: #6c6c73;
    font-family: Arial, sans-serif;
    font-weight: 300;
}


.banner img {
    width: 100%;
    max-width: 1024px;
    margin: 70px auto 0 auto;
}


.inventory-button {
    margin: 25px auto 0 auto;
    width: 76%;
    max-width: 1050px;
    height: auto;
    z-index: 999;
    position: relative;
    padding-left: 30px;
}
h1 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: -27px auto;
    width: 35%;
    min-width: 222px;
    z-index: 72;
    position: relative;
}

h2 {
    font-size: 17px;
    font-weight: bold;
    color: #6c6c73;
}
p {
    margin: 0 auto;
    font-size: 13px;
    color: #6c6c73;
    font-family: Arial, sans-serif;
    font-weight: 300;
}
h3 {
    font-size: 13px;
    font-weight: bold;
    color: #c5242a;
}

.button-wrap {top: 215px;}

.icon-banner a {
  width: 31%;
  margin: 0 auto;
}



}

@media screen and (max-width: 965px) {
    .top-left {
        width: calc(100% - 650px);
    }
}

@media screen and (max-width: 855px) {

.map {
    margin: 0px auto;
    display: inline-block;
    float: left;
    padding: 0 8px 0 0px;
}
.map img {
	margin: 25px auto 0 auto;
}

.location {
    margin: 0px auto 80px auto;
    width: 100%;
    max-width: 510px;
}


}

@media screen and (max-width: 815px) {
    .header-cont-1 {
      flex-wrap: wrap;
    }
    .top-left {
      width: 100%;
        
        order:2;
    }    
    #navcontain {
     order:1;   
    }
    .contact-info {
        padding-top:0;
    }
}

@media screen and (max-width: 800px) {


.inventory-button {
    margin: 5px auto 0 auto;
    width: 76%;
    max-width: 1050px;
    height: auto;
    z-index: 999;
    position: relative;
    padding-left: 30px;
}
h1 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: -23px auto;
    width: 35%;
    min-width: 192px;
    z-index: 72;
    position: relative;
}
.about {
    margin: 0px auto;
    width: 100%;
}
.combine img {
    margin: 0 auto;
    max-width: 115px;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    color: #6c6c73;
}
.company-p {
    color: #6c6c73;
    max-width: 411px;
    margin: 5px auto 0 auto;
    line-height: 26px;
    border-left: 1px solid #ccc;
    padding: 7px 0 10px 15px;
    float: left;
}
.manu-logo img {
    width: 80px;
    padding-bottom: 10px;
}

.contact-info {
    display: inline;
    float: left;
    max-width: 509px;
    padding: 00px 0 0 35px;
    width: 91%;
}
    


}
@media screen and (max-width: 730px) {

.combine img {
    display:none;
}
.inventory-button {
    margin: 35px auto 0 auto;
    width: 76%;
    max-width: 1050px;
    height: auto;
    z-index: 999;
    position: relative;
    padding-left: 30px;
}
h1 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: -22px auto;
    width: 35%;
    min-width: 197px;
    z-index: 72;
    position: relative;
}
    .manus a {
        max-width: 120px;
    }

}
@media screen and (max-width: 670px) {

h1 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: -21px auto;
    width: 35%;
    min-width: 197px;
    z-index: 72;
    position: relative;
}

.company-p {
    color: #6c6c73;
    max-width: 348px;
    margin: 5px auto 0 auto;
    line-height: 26px;
    border-left: 1px solid #ccc;
    padding: 7px 0 10px 15px;
    float: left;
}

.button-wrap {top: 135px;}
.inv-btn a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.67);
    border: solid 1px #ffffff;
    padding: 6px 29px;
    border-radius: 6px;
}





}
@media screen and (max-width: 580px) {


.location {
    margin: 0px auto 80px auto;
    width: 100%;
}

.location-map{
	max-width: 410px;
}
.position-map{
	max-width: 370px;
    padding: 0 10px 0 20px;
}

.location-p {
    color: #6c6c73;
    margin: 50px auto 0 auto;
    line-height: 30px;
    border-left: 0px solid #ccc;
    padding: 10px 0 10px 20px;
    float: left;
}

.contact-info {
    display: inline;
    float: left;
    max-width: 534px;
    padding: 60px 0 0 35px;
    width: 91%;
}
.icon-banner a {
  width: 49%;
  margin: 0 auto;
}
.icon-banner a p {
  font-size: 4.2vw;
}

}
@media screen and (max-width: 530px) {
.logo {
    z-index: 99999;
    padding: 0 0 0 13px;
}
.logo img {
    max-width: 150px;
    z-index: 102;
    margin: 30px auto -36px auto;
    position: relative;
}
h5 a {
    display: inline;
    padding-left: 27px;
    position: relative;
    bottom: 57px;
    width: 100%;
    max-width: 604px;
}



.middle-wrap {
    width: 100%;
    padding-left: 0;
    max-width: 1155px;
}

.inventory-button {
    margin: 10px auto 0 auto;
    width: 85%;
    max-width: 1050px;
    height: auto;
    z-index: 999;
    position: relative;
    padding-left: 10px;
}
.position-about {
    width: 85%;
    margin: 0 auto;
    max-width: 477px;
    padding-left: 45px;
}
.company-p {
    max-width: 390px;
    margin: 5px auto 0 auto;
    line-height: 26px;
    border-left: none;
    padding: 7px 10px 10px 7px;
}
h2 {
    font-size: 12px;
}
p {
    font-size: 12px;
}
h3 {
    font-size: 12px;
}
.banner {
    margin: 0 auto 0 auto;
    width: 100%;
    max-width: 1024px;
}
.button-wrap {top: 90px;}






}
@media screen and (max-width: 435px) {


h1 {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: -18px auto;
    width: 35%;
    min-width: 166px;
    z-index: 72;
    position: relative;
}

.inventory-button {
    margin: 10px auto 0 auto;
    width: 82%;
    max-width: 1050px;
    height: auto;
    z-index: 999;
    position: relative;
    padding-left: 10px;
}

.inventory-button {
    margin: 10px auto 0 auto;
    width: 75%;
    max-width: 1050px;
    height: auto;
    z-index: 999;
    position: relative;
    padding-left: 10px;
}
h1 {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: -16px auto;
    width: 35%;
    min-width: 166px;
    z-index: 72;
    position: relative;
}
.column4-d img {
    max-width: 75px;
    margin: 5px 0 0px 0;
}

.column4-c {
    width: 26%;
    float: left;
    box-sizing: border-box;
    padding-top: 5px;
}

.position-map {
    max-width: 310px;
    padding: 0 10px 0 20px;
}

.logo {
    z-index: 99999;
    padding: 0 0 0 0;
    text-align: center;
    margin: 0 auto;
    float: none;
}
.logo img {
    max-width: 180px;
    z-index: 102;
    margin: 17px auto 0px auto;
    position: relative;
    padding-left: 0;
}
.top-left {
    max-width: 600px;
    text-align: center;
    float: left;
    margin: 0 auto;
}

.contact-info {
    float: left;
    max-width: 534px;
    padding: 10px 0 0 0;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}



}
@media screen and (max-width: 355px) {






.inventory-button img {
    display: none;
}
.inventory-button {
    margin: 60px auto 0 auto;
    width: 75%;
    max-width: 1050px;
    height: auto;
    z-index: 999;
    position: relative;
    padding-left: 10px;
}

h1 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 5px auto;
    width: 35%;
    min-width: 193px;
    z-index: 143;
    position: relative;
    background: #b5c0c5;
    padding: 10px;
}
.banner img {
    width: 100%;
    max-width: 1024px;
    margin: 25px auto 0 auto;
}

.position-map {
    max-width: 255px;
    padding: 0 10px 0 20px;
}

.button-wrap {top: 90px;display: none;}
h5{padding-bottom: 5px;}



}
@media screen and (max-width: 311px) {
	
.middle-wrap {
    width: 98%;
    padding-left: 0;
    max-width: 1155px;
}

.position-about {
    width: 79%;
    margin: 0 auto;
    max-width: 477px;
    padding-left: 45px;
}
.company-p {
    max-width: 390px;
    margin: 5px auto 0 auto;
    line-height: 26px;
    border-left: none;
    padding: 7px 20px 10px 0px;
}

}
@media screen and (max-width: 266px) {



}