/***** 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;}

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, img {    display: block;  } 

/***** END RESET *****/

body {background:url("../siteart/6background2.png") #DDDDDD  ; text-align: left;text-transform: uppercase;height: 100%;background-size:auto;background-position: center;
  font-family:  'Audiowide', cursive;
  font-weight: 400;
  letter-spacing: 2px;
   font-size: 18px;
  line-height: 25px; 
  }

p{font-size: 16px;line-height: 25px;}

h1, h2, h3, h4, h5 {
 font-family:  'Audiowide', cursive;
  letter-spacing: 2px;
  font-weight: normal;
  line-height: normal;}

h1{ color: #000; margin-bottom: 10px;}

strong {font-family:  'Audiowide', cursive; letter-spacing: 2px;font-weight: 400; font-size: 18px;}
a.a-styles:link, a.a-styles:visited, a.a-styles:active {text-decoration:none; color:#FFFFFF;}
a.a-styles:hover {text-decoration: none; color:#000;}
img {max-width:100%; height: auto;}
header {background-color: #fff;max-width: 100%; height: auto;}
.fa, .far, .fas { font-weight:normal;}
/************************************** MAIN STYLES ****************************************/

#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#26262c; display:none; width: 100%!important;  height: 1060px!important; font-size: 32pt; color:white;           opacity: 0.4;} 
.window{ height: 100%; margin: 0 auto!important; top: 50%!important; left: 50%!important; margin-right: -50%!important;  transform: translate(-50%, -50%)!important; display: 			 none; } 
#boxes .window { position:absolute; left:0; top:0; width:100%; height:auto; display:none; z-index:9999; padding:20px; border-radius: 5px; text-align: center;}
#boxes #dialog { width:1000px;  height:auto; padding: 10px 10px 10px 10px; background-color:#ffffff; font-size: 15pt; border: #F1EC40 thick solid;}
.agree:hover{ background-color: #D1D1D1;}
.popupoption:hover{	background-color:#D1D1D1;color: #F1EC40;}
.popupoption2:hover{color: #F1EC40;}

/**************************************** FORM STYLES ****************************************/
.lc-form {position:relative;  margin: 0 auto; padding: 5px;font-size: 18px; line-height: 20px; color: #000000;}
.lc-form input[type="text"] { width: 80%; margin: 0px 0 12px 0; padding: 10px 1%;font-size: 14px; border: 1px solid #bebebe; -webkit-border-radius:0; border-radius:0;}
.lth-btn a {border-radius: 4px; display: inline-block;padding: 10px 1.5em;margin: 20px 0;background-color: #414141; text-transform: uppercase;font-weight: 400; border: 1px solid                 #ccc;-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;font-size: 15px; color: #fff;}
.lth-btn a :hover {cursor: pointer;background-color: #222222; color: #555555; text-decoration: none;}
.lc-form textarea {width: 80%;min-height:80px;margin:2px 0;padding: 10px 1%;font-size: 14px; background-color: #f9f9f9; border: 1px solid #bebebe;-webkit-border-radius:0;border-radius:0;}
.lc-form input[type="submit"]{ height: 50px; cursor: pointer; width: auto; background: #555555; text-align: center; color: #FFFFFF; border-radius:  5px 5px ; font-size: 18px; font-weight: bold;}
.lc-form h3{padding-bottom: 10px;}

.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}

.cs-lcolumn a {color: #000!important;}
.cs-lcolumn a:hover {color: #F1EC40!important;}

/**************************************** Captacha Code ****************************************/
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header {color: #000!important;}
.ctct-form-embed.form_0 .ctct-form-defaults {background-color: #CCCCCC!important;}
div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {font-size: 20px!important; font-weight: bold!important; }
.ctct-inline-form {width: 65%; margin: auto;}
.CaptchaPanel {   margin: 0!important; text-align: center;    padding: 5px!important; }
.CaptchaImagePanel {text-align: center!important; width: 100%!important;}
.CaptchaImage {text-align: center!important; margin: 0 auto!important;}
#CaptchaImage {margin: 0 auto!important;}
#CaptchaAnswer { padding: 10px;}
.CaptchaWhatsThisPanel {font-size: 16px!important;}
.CaptchaMessagePanel {font-size: 16px!important; font-weight: 600!important;}
.CaptchaWhatsThisPanel a {color: #fff; text-decoration: none;}
.CaptchaWhatsThisPanel a:hover {color: #000;}
.c-about a {color: #000!important;}

/*----------Hero Image/ landing image-----------------*/
.cycle-slideshow{ z-index: 100;}
.lbanner {height:100% ;box-sizing: border-box; width: 100%;}
.lwrapper {text-align: center; width: 100%; border-bottom: thick solid #555555; }
/*----------------------------------------*/
/**************************************** Main website ****************************************/
/*----Header -----*/
.mediaheader{display: none;}
.wrapper{ width: 100%; }
.background{ background:url("../siteart/background3.png") #cccccc;text-align: left;text-transform: uppercase;height: 100%;	padding: 20px 20px;color:#fff;background-size: cover;background-position: center; border-bottom: thick solid #F1EC40;}
.hcolumn {float: left; width: 33.33%;}
.hmcolumn {float: left; width: 33.33%;}
.hrcolumn {float: left; width: 33.33%;}
.hrow:after {  content: "";  display: table;  clear: both; }

.rside {float: left; display: inline-block; position: relative; left:10%; }
.my-logo {position: relative; display: inline-block;  width: auto; margin: 0 auto;left: 20%;}
.my-logo img {width: 100%; }

.hmiddle {float: left; display: inline-block; position: relative; margin: 0 2%; padding: 5px 0; padding-top: 85px;}
.hmiddle h2 {font-size: 20px; color: #000000!important;  text-align: center; line-height: 30px; font-weight: 400;}

.hphone {float: right; display: inline-block; position: relative; }
.hphone img {display: inline-block; width: 35px;     padding: 3px 8px 3px 0; float: left; }
.hphone ul {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.hphone ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 6px 0;
}
width:auto;padding: 3px 0; color: #000000; font-size: 18px}
.hphone ul li a {text-decoration:none;	display:inline-block;margin:0;-webkit-transition:.4s ease-in;-moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s   ease-in; padding:0 }
.hphone a {	font-size: 11px; color: #000000;  text-decoration: none; font-weight: 400; }
.hphone a:hover {font-size: 14px; color: #F1EC40!important;  text-decoration: none; font-weight: 600;}

.email li a {font-size: 12px; color: #000000;text-decoration: none; font-weight: 400; line-height:30px!important;}
.email li a:hover { color: #F1EC40!important; font-size: 12px;}

.media ul li {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.media li a{display:inline-block;margin:0;list-style-type:none; width:auto;}
.media {display: inline-block; position: relative;}


.femail li a {font-size: 12px; color: #FFFFFF;text-decoration: none; font-weight: 400; line-height:30px!important;}
.femail li a:hover { color: #F1EC40!important; font-size: 12px;}

.fmhphone {display: none;}.m-media{display: none;}

.mainheader a {color: #000!important;}
/*----------------------------------------*/

/*----------Hero Image/ Main image-----------------*/
.cycle-slideshow{ z-index: 100;}
.banner {height: auto;box-sizing: border-box; width: 100%;border-bottom: thick solid #F1EC40;}
.hwrapper {text-align: center; width: 100%; }
/*----------------------------------------*/

.ic-wrapper {width: 100%;  height: auto;  display: inline-block; position: relative; margin: 0 auto;}

/*----------------------------------------*/

/*----------Buttons-------------------------------*/
.bwrapper {text-align: center; width: 100%; margin: 0 auto; max-width: 1600px; }
.brow:after {  content: "";  display: table;  clear: both; }
.bcolumn{float: left; width: 25%;}
.button {
  background-color: #747474;
  border: none;
  color: #FFFFFF;
  padding: 5px 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px; font-weight: 400; letter-spacing: 1px; text-shadow: 2px 2px 4px #000000;
  margin: 10px ;
  cursor: pointer;border-radius: 4px;box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.33);
}
.button a:hover {color:#F1EC40;}
.button img { width: 50%; margin: 0 auto; position: relative; display: inline-block;}




.bhome-content .bhome-bg-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.bhome-content .bhome-bg-image.lazyload-bg {
   
}

.bhome-content section:nth-child(odd) {
    background: rgba(255,255,255,.8);
}
.bhome-content .bcategory-grid {
    background-color:transparent!important;
     padding-bottom: 0;
    margin: 0 auto;
    max-width: 800px;
	font-weight: 500;}





/*----------------------------------------*/

/*  FOOTER
------------------------------------------------*/
footer { background:url("../siteart/fbackground1.png") #555555;text-align: left;text-transform: uppercase;height: auto;	padding: 40px 0 0 80px;color:#fff!important;background-size: cover;background-position: center; border-bottom: thick solid #F1EC40; display:block;   position:relative; border-top: thick solid #F1EC40;}

.wrap {width: 100%; margin: 0 auto; max-width: 1500px; margin-bottom: 30px; }

.foot-nav {list-style: none; margin: 0; }
.foot-nav li {padding: 5px 0;} 
.foot-nav li a {font-size: 14px; list-style: none;color: #FFFFFF!important; text-transform: uppercase; font-weight: 400; line-height:30px; }
.foot-nav li a:hover {color: #F1EC40 ;  text-decoration: none;}
.foot-nav img {padding: 0; display: inline-block;    position: relative; width:  80%}

.column1 {width:8%;}
.column2-1 {width: 8%;}
.column3-1 {width:10%;}
.column4-1 {width:20%;}
.column5-1 {width:25%;}
.column6 {width:0%;}
.column7-1 {width:33%;}

.middle {padding: 0 1%;text-transform: uppercase;}
.middle  a {color: #FFFFFF!important;text-transform: uppercase;font-weight: 600;}
.middle  a:hover {color:#F1EC40 ;}
.middle  p {color: #FFFFFF;font-size: 14px;line-height: 16px;letter-spacing: 1px; text-transform: uppercase;font-weight: 400;}

.fco{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 5px;text-transform: uppercase;}

.soc-media {width: 100%;}

.fphone {float: right; display: inline-block; position: relative; margin-bottom: 35px;}
.fphone img {display: inline-block; width:30px;     padding: 3px 8px 3px 0; float: left; }
.fphone ul {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.fphone ul li {	display:flex; align-items: flex-start; gap:5px; flex-wrap: nowrap;padding: 3px 0;}
.fphone ul li a {line-height:2.5;display:block; flex:1; min-width: 0; word-break:break-word}
.fphone a {	font-size: 11px; color: #FFFFFF!important;  text-decoration: none; font-weight: 400; }
.fphone a:hover { color: #F1EC40!important;  text-decoration: none; }
/*--------Footer Div Wrap------------*/

.divwrap {width: 100%; margin: 0 auto; height: auto;background-color: #F1EC40; padding: 0 ;}
.divwrap p{ color: #000000; text-align: left;font-size: 11px;transition: all 0.3s; padding: 0 50px; font-weight: 400; text-transform: uppercase;}
.divwrap p a {color: #000000; transition: all 0.3s; font-size: 11px!important;font-weight: 600;text-transform: uppercase;}
.divwrap p a:hover {color: #555555;font-size: 11px!important;font-weight: 400;text-transform: uppercase;}

/*  end footer
--------------*/

/*-------------About Us Page------------------*/
.a-mwrapper{text-align: left; width: 100%;  height: 100%;  display: inline-block;}
.a-row:after { content: ""; display: table;clear: both;}
.a-apcolumn {width: 50%; padding: 10px 0;  height:auto; float: right; display: inline-block; position: relative;}
.a-apcolumn img {width: auto; padding: 20px 20px;}
.a-acolumn{ width: 50%; padding: 10px 0; height:auto; display: inline-block; position: relative; }
.a-about{padding:  80px  10% 40px; }
.a-about h1{ font-weight: 400; font-size: 35px; letter-spacing: 2px;color: #000000;}
.a-about p{ font-weight: 600; font-size: 16px; letter-spacing: 2px; line-height: 30px; color: #000000; text-transform: capitalize;   font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
.a-about a {	font-size: 16px; color: #000000;  text-decoration: none; }
.a-about a:hover {font-size: 16px; color: #F1EC40!important;  text-decoration: none; }
.a-about strong {	font-size: 16px; color: #000000;  text-decoration: none; }
.a-about strong:hover {font-size: 16px; color: #F1EC40!important;  text-decoration: none; }
.a-photo{margin: 0 auto; left: 50px;display: inline-block; position: relative;}
/*--------------*/
/*---------- about Buttons-------------------------------*/
.abwrapper {text-align: center; width: 100%; margin: 0 auto;  padding: 40px  0 50px 0;}
.abrow:after {  content: "";  display: table;  clear: both; }
.abcolumn{float: left; width: 50%;}
.a-button {
  background-color: #747474;
  border: none;
  color: #FFFFFF;
  padding: 5px 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px; font-weight: 800; letter-spacing: 2px; text-shadow: 2px 2px 4px #000000;
  margin: 4px ;
  cursor: pointer;border-radius: 4px;box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.33);
}
.a-button a:hover {color:#F1EC40;}
.a-button img { width: 60%; margin: 0 auto; position: relative; display: inline-block;}
/*----------------------------------------*/
/*----Info-----*//*----Conact Page-------*/
.c-mwrapper{text-align: left; width: 100%;  height: 100%;  display: inline-block;}
.c-amiddle{margin: 0 auto;}
.ct-row:after { content: ""; display: table;clear: both;}

.c-mcolumn img {width: 100%; padding: 20px;}
.c-mcolumn {width:auto; padding: 10px 0;  height:auto; float: left; display: inline-block; position: relative;}


.c-acolumn{ width: 43%;   float: left;  padding: 10px 0 10px 13%; height:auto; display: inline-block; position: relative; }
.c-about{padding:  20px 0 20px  50px;}

.c-about h1{ font-weight: 700; font-size: 35px; letter-spacing: 2px;color: #000000;}
.c-about h3{ font-weight: 700; font-size: 25px; letter-spacing: 2px;color: #000000;}
.c-about p{ font-weight: 500; font-size: 16px; letter-spacing: 2px; line-height: 25px; color: #000000; }
.c-about a {	font-size: 16px; color: #000000;  text-decoration: none; }
.c-about a:hover {font-size: 16px; color: #F1EC40!important;  text-decoration: none; }
.c-about strong {	font-size: 16px; color: #000000;  text-decoration: none; }
.c-about strong:hover {font-size: 16px; color: #F1EC40!important;  text-decoration: none; }

.cbody{  width: 100%;padding-bottom: 50px;}
.c-wrap {width: 100%; margin: 0 auto; max-width: 1340px; background-color: #555555; }

.c-lcolumn {      padding: 0;  height: auto;border: 3px solid #000000; }

.c-row:after {  content: "";  display: table;  clear: both;}

.c-media ul li {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.c-media li a{display:inline-block;margin:0;list-style-type:none; width:auto;}
.c-media {display: inline-block; position: relative;}
.c-media img {display: inline-block; width: 50px; padding: 3px  10px 3px 0; float: left; }



/*----------Hero Image/ landing image-----------------*/
.cycle-slideshow{ z-index: 100;}
.cbanner {height:100% ;box-sizing: border-box; width: 100%;}

/*----------------------------------------*/
/**************************************** FORM STYLES ****************************************/
.c-form {position:relative; max-width:100%; margin: 0 auto; padding: 50px;font-size: 18px; line-height: 35px; color: #FFFFFF;}
.c-form input[type="text"],.c-form input[type="email"] { width: 98%; margin: 0px 0 12px 0; padding: 10px 1%;font-size: 14px; border: 1px solid #bebebe; -webkit-border-radius:0; border-radius:0;}
.th-btn a {border-radius: 4px; display: inline-block;padding: 10px 1.5em;margin: 20px 0;background-color: #414141; text-transform: uppercase;font-weight: 400; border: 1px solid #ccc;-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;font-size: 15px; color: #fff;}
.th-btn a :hover {cursor: pointer;background-color: #222222; color: #F1EC40; text-decoration: none;}
.c-form textarea {width: 98%;min-height:80px;margin:2px 0;padding: 10px 1%;font-size: 14px; background-color: #f9f9f9; border: 1px solid #bebebe;-webkit-border-radius:0;border-radius:0;}
.c-form input[type="submit"]{ height: 50px; cursor: pointer; width: auto; background: #F1EC40; text-align: center; color: #000000; border-radius: 0 5px 5px 0; font-size: 18px; font-weight: bold;
	position: absolute;
    top: 96%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)}
.c-form h3{padding-bottom: 10px; color: #F1EC40}

/* map secttion ------------------------------------------------*/
.cmcolumn{ width: 100%; height: auto; }

/*---------------Thank You------------------*/
/*----Info-----*/
.ctbody{ width: 100%;}
.t-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 80px;}

.header{ padding: 50px 30px; }
.header h1 { color: #000000;}

.t-lcolumn {  float: left;  width: 45%;  padding: 5% 4%;  height: auto; }
.img-column {  float: left;  width: 35%;  padding: 5% 4%;  height: auto; }
.img-column img {  box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.33); width: 50%;}


.t-lcolumn p {  font-size: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; line-height: 30px; color:#000000;}
.t-lcolumn strong {letter-spacing: 0; font-size: 20px}
.t-lcolumn a {	font-size: 18px; color:#000000!important; text-decoration: none; font-weight: 400;letter-spacing: 2px;}
.t-lcolumn a:hover {font-size: 18px; color: #F1EC40; text-decoration: none; font-weight: 400;}
.t-lcolumn h1 {font-size: 45px; letter-spacing: 1px; font-weight: 800; color:#000000; }	

.t-rcolumn { float: left; width: 45%; padding: 5% 4%;  height: auto;  }

.t-row:after {  content: "";  display: table;  clear: both;}
.t-i img { padding: 10px 0;}
.t-i p  {font-size: 18px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 30px;color: #000000;font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
.t-i strong {letter-spacing: 0; font-size: 20px; color: #000000;}
.t-i a {	font-size: 18px; color: #000000!important; text-decoration: none; font-weight: 400;}
.t-i a:hover {font-size: 18px; color:#F1EC40!important; text-decoration: none; font-weight: 400;}
.t-i h3 {font-size: 25px; letter-spacing: 1px; font-weight: 400;color: #000000;}	
.st-wrap { width: 100%;  margin: 0 ; display: block;  padding:  0;}





/*----Info-----*/
.ctbody{ width: 100%;}
.ta-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 80px;}

.header{ padding: 50px 30px 20px ; }
.header h1 { color: #000000;}

.ta-lcolumn {  float: left;  width: 55%;  padding: 5% 4%;  height: auto; }
.img-column {  float: left;  width: 35%;  padding: 5% 0;  height: auto; }
.img-column img {  box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.33); width: 50%;}


.ta-lcolumn p {  font-size: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; line-height: 30px; color:#000000;}
.ta-lcolumn strong {letter-spacing: 0; font-size: 20px}
.ta-lcolumn a {	font-size: 18px; color:#000000 ; text-decoration: none; font-weight: 400;letter-spacing: 2px;}
.ta-lcolumn a:hover {font-size: 18px; color: #F1EC40; text-decoration: none; font-weight: 400;}
.ta-lcolumn h1 {font-size: 45px; letter-spacing: 1px; font-weight: 800; color:#000000; }	

.ta-rcolumn { float: left; width: 55%; padding: 5% 4%;  height: auto;  }

.tarow:after {  content: "";  display: table;  clear: both;}
.ta-i img { padding: 10px 0;}
.ta-i p  {font-size: 18px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 30px;color: #000000;font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
.ta-i strong {letter-spacing: 0; font-size: 20px; color: #000000;}
.ta-i a {	font-size: 18px; color: #000000!important; text-decoration: none; font-weight: 400;}
.ta-i a:hover {font-size: 18px; color:#F1EC40!important; text-decoration: none; font-weight: 400;}
.ta-i h3 {font-size: 25px; letter-spacing: 1px; font-weight: 400;color: #000000;}	
.sta-wrap { width: 100%;  margin: 0 ; display: block;  padding:  0;}
























/*----------Hero Image/ landing image-----------------*/
.cycle-slideshow{ z-index: 100;}
.tbanner {height:100% ;box-sizing: border-box; width: 100%;}
.t-mcolumn img {width: 100%; padding: 20px 0;}
/*----------------------------------------*/

/*----------Auctions-----------------*/
.container {
    width: 96%;
    max-width: 1500px;
    margin: 70px auto;
}
/*---------------Comming Soon------------------*/
/*----Info-----*/
.csbody{ width: 100%;}
.cs-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 80px;}


.header h1 { color: #000000;}

.cs-lcolumn {  float: left;  width: 35%;  padding: 5% 4%;  height: auto; }

.cs-lcolumn p {  font-size: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; line-height: 30px; color:#000000;}
.cs-lcolumn strong {letter-spacing: 0; font-size: 20px}
.cs-lcolumn a {	font-size: 18px; color:#000000 ; text-decoration: none; font-weight: 400;letter-spacing: 2px;}
.cs-lcolumn a:hover {font-size: 18px; color: #F1EC40; text-decoration: none; font-weight: 400;}
.cs-lcolumn h1 {font-size: 45px; letter-spacing: 1px; font-weight: 800; color:#000000; }	
.cs-lcolumn h2, .heading-1-new {font-size: 35px!important; letter-spacing: 1px!important; line-height: 60px!important; font-weight: 400!important; color:#000000!important; }	

.cs-rcolumn { float: right;  width: auto;  padding: 5% 4%;  height: auto;  }

.cs-row:after {  content: "";  display: table;  clear: both;}
.t-i img { padding: 10px 0;}
.t-i p  {font-size: 18px;  letter-spacing: 0; text-transform: none; line-height: 30px;color: #000000;}
.t-i strong {letter-spacing: 0; font-size: 20px; color: #000000;}
.t-i a {	font-size: 18px; color: #000000!important; text-decoration: none; font-weight: 400;}
.t-i a:hover {font-size: 18px; color:#F1EC40!important; text-decoration: none; font-weight: 400;}
.t-i h3 {font-size: 25px; letter-spacing: 1px; font-weight: 400;color: #000000;}	
.st-wrap { width: 100%;  margin: 0 ; display: block;  padding:  0;}













/*----------------------------------------*//*----------------------------------------*//*----------------------------------------*//*----------------------------------------*/
/*--------Landing Page Mobile --------*/

@media screen and (max-width: 1037px)  {
/*--Landing Page---*/
#boxes #dialog {width:800px;}

}

@media screen and (max-width: 835px)  {
/*--Landing Page---*/
#boxes #dialog {width:600px;}

}

@media screen and (max-width: 637px)  {
/*--Landing Page---*/
#boxes #dialog { width:80%; }

}

@media screen and (max-width: 320px)  {
/*--Landing Page---*/
#boxes #dialog { top: 70%!important;  width:80%; }
}
@media screen and (max-width: 240px)  {
/*--Landing Page---*/
#boxes #dialog { width:70%;  height:auto; padding: 10px 5px 10px 5px;top: 100%!important; }
/**************************************** FORM STYLES ****************************************/
.lc-form {position:relative;  margin: 0 auto; padding:0px;font-size: 12px; line-height: 20px; color: #000000;}
.lc-form input[type="text"] { width: 80%; margin: 0px 0 10px 0; padding: 8px 1%;font-size: 14px; border: 1px solid #bebebe; -webkit-border-radius:0; border-radius:0;}
.lth-btn a {border-radius: 4px; display: inline-block;padding: 10px 1.5em;margin: 20px 0;background-color: #414141; text-transform: uppercase;font-weight: 600; border: 1px solid      #ccc;-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;font-size: 15px; color: #fff;}
.lc-form textarea {width: 80%;min-height:60px;margin:2px 0;padding: 8px 1%;font-size: 12px; }
.lc-form input[type="submit"]{ height: 20px;  font-size: 14px; }
.lc-form h3{ font-size: 14px;  }
/**************************************** Captacha Code ****************************************/
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header {color: #000!important;}
.ctct-form-embed.form_0 .ctct-form-defaults {background-color: #CCCCCC!important;}
div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {font-size: 14px!important; font-weight: bold!important; }
.ctct-inline-form {width: 35%; margin: auto;}
.CaptchaPanel {   margin: 0!important; text-align: center;    padding: 3px!important; }
.CaptchaImagePanel {text-align: center!important; width: 100%!important;}
.CaptchaImage {text-align: center!important; margin: 0 auto!important;}
CaptchaImage {margin: 0 auto!important;}
.CaptchaAnswerPanel {   margin: 0!important; text-align: center;    padding: 0!important; }
}
/*-------- End of Landing Page Mobile --------*/
/*----------------------------------------*//*----------------------------------------*//*----------------------------------------*//*----------------------------------------*/






/*-----------Main site Midia Screens Styles-------------*//*----------------------------------------*//*----------------------------------------*/

@media screen and (max-width: 1743px)  {
/*----header---*/
.hmiddle {margin: 0 10%; }
/*----------------------------------------*/


}



@media screen and (max-width: 1743px)  {
/*----Header -----*/
.hmiddle  h2 {font-size: 18px;  text-align: center; line-height: 30px; font-weight: 700;}
.hphone p {font-size: 14px;}
.hphone a {	font-size: 11px;  }
.hphone a:hover {font-size: 11px; }
.hphone ul li {	 font-size: 11px}
.email li a {font-size: 12px; }
.email li a:hover { font-size: 12px;}
.femail li a {font-size: 12px; }
.femail li a:hover { font-size: 12px;}
/*----------------------------------------*/	
	
}






@media screen and (max-width: 1622px)  {
.hmphone{display: none;}

}

@media screen and (max-width: 1589px)  {
/*------inventory gallery----*/
.gwrapper{padding: 0; }
/*----------------------------------------*/
}

@media screen and (max-width: 1564px)  {

}




@media screen and (max-width: 1549px)  {
/*------inventory gallery----*/
.gallery {  margin: 0px; }
/*----------------------------------------*/

}


@media screen and (max-width: 1499px)  {
/*------inventory gallery----*/
.gallery {width: 20%;}
/*----------------------------------------*/
/*----------Buttons-------------------------------*/
.button {padding: 5px 30px;}
/*----------------------------------------*/

}








@media screen and (max-width: 1448px)  {
/*----Header -----*/
.hcolumn {float: left; width: 33.33%;}
.hmcolumn {float: left; width: 33.33%;}
.hrcolumn {float: left; width: 33.33%}
.rside {float: left; display: inline-block; position: relative; left:0; }
.hmiddle {float: left; display: inline-block; position: relative; margin: 0 ; padding: 5px 0; padding-top: 85px;}
.hphone {float: right; display: inline-block; position: relative; right: 5%;}
/*----------------------------------------*/
/*----Header -----*/
.hmiddle  h2 {font-size: 16px;  text-align: center; line-height: 30px; font-weight: 700;}
.hphone p {font-size: 10px;}
.hphone a {	font-size: 10px;  }
.hphone a:hover {font-size: 10px; }
.hphone ul li {	 font-size: 18px}
.email li a {font-size: 12px; }
.email li a:hover { font-size: 12px;}
.femail li a {font-size: 12px; }
.femail li a:hover { font-size: 12px;}
/*----------------------------------------*/	
}



@media screen and (max-width: 1390px)  {
/*----------footer-------------------------------*/

.column1 {width:8%;}
.column2-1 {width: 8%;}
.column3-1 {width:10%;}
.column4-1 {width:20%;}
.column5-1 {width:25%;}
.column6 {width:0%;}
.column7-1 {width:33%;}	
/*----------------------------------------*/	

.c-acolumn{  padding: 10px 0 10px 8%;  }
	
}






@media screen and (max-width: 1360px)  {
/*----------Buttons-------------------------------*/
.button { padding: 5px 25px;}
.button img { width: 50%; }
/*----------------------------------------*/

	
}






@media screen and (max-width: 1335px)  {
/*----Header -----*/
.hmiddle  h2 {font-size: 16px;  text-align: center; line-height: 30px; font-weight: 700;}
.hphone p {font-size: 12px;}
.hphone a {	font-size: 10px;  }
.hphone a:hover {font-size: 10px; }
.hphone ul li {	 font-size: 12px}
.email li a {font-size: 12px; }
.email li a:hover { font-size: 12px;}
.femail li a {font-size: 12px; }
.femail li a:hover { font-size: 12px;}
/*----------------------------------------*/
}







@media screen and (max-width: 1294px)  {
/*----Contact Us Page----*/
.c-mcolumn {width: auto; }
.c-acolumn{ width: 40%;    padding: 10px 0 10px 5%;  }
	
/*  FOOTER
------------------------------------------------*/
footer { padding: 40px 20px 0 20px;}

.wrap {width: 100%; margin-bottom: 20px; }


.column1 {width:8%;}
.column2-1 {width: 8%;}
.column3-1 {width:10%;}
.column4-1 {width:20%;}
.column5-1 {width:25%;}
.column6 {width:0%;}
.column7-1 {width:33%;}	
	
.fphone a {	font-size: 12px;  }
}








@media screen and (max-width: 1275px)  {
/*  FOOTER
------------------------------------------------*/
footer { padding: 40px 20px 0 20px;}

.wrap {width: 100%; margin-bottom: 20px; }


.column1 {width:8%;}
.column2-1 {width: 8%;}
.column3-1 {width:10%;}
.column4-1 {width:20%;}
.column5-1 {width:25%;}
.column6 {width:0%;}
.column7-1 {width:33%;}	
	
.fphone a {	font-size: 12px;  }

/*----Header -----*/
.hcolumn {float: left; width: 25%;}
.hmcolumn {float: left; width: 30%;}
.hrcolumn {float: left; width: 45%}
.rside {float: left; display: inline-block; position: relative; left:0; }
.hmiddle {float: left; display: inline-block; position: relative; margin: 0 ; padding: 5px 0; padding-top: 85px;}
.hphone {float: right; display: inline-block; position: relative; right: 5%;}
/*----------------------------------------*/
/*--------Footer Div Wrap------------*/

.divwrap {width: 100%; margin: 0 auto; height: auto;background-color: #F1EC40; padding: 0 ;}
.divwrap p{ color: #000000; text-align: left;font-size: 11px;transition: all 0.3s; padding: 0 50px; font-weight: 600; text-transform: uppercase;}
.divwrap p a {color: #000000; transition: all 0.3s; font-size: 11px!important;font-weight: 600;text-transform: uppercase;}
.divwrap p a:hover {color: #555555;font-size: 11px!important;font-weight: 600;text-transform: uppercase;}

/*  end footer
--------------*/
/*-------------About Us Page------------------*/
.a-mwrapper{text-align: left; width: 100%;  height: 100%;  display: inline-block;}
.a-row:after { content: ""; display: table;clear: both;}
.a-apcolumn {width: 50%; padding: 10px 0;  height:auto; float: right; display: inline-block; position: relative;}
.a-apcolumn img {width: auto; padding: 20px 0;}
.a-acolumn{ width: 50%; padding: 10px 0; height:auto; display: inline-block; position: relative; }
.a-about{padding:  80px  10% 0; }
.a-photo{margin: 0 auto; left: 0; }
/*--------------*/
}

@media screen and (max-width: 1220px)  {
/*----Header -----*/
.hmiddle  h2 {font-size: 14px;  text-align: center; line-height: 30px; font-weight: 700;}
.hphone p {font-size: 12px;}
.hphone a {	font-size: 12px;  }
.hphone a:hover {font-size: 12px; }
.hphone ul li {	 font-size: 18px}
.email li a {font-size: 12px; }
.email li a:hover { font-size: 12px;}
.femail li a {font-size: 12px; }
.femail li a:hover { font-size: 12px;}
/*----------------------------------------*/
/*----Header -----*/
.hcolumn {float: left; width: 25%;}
.hmcolumn {float: left; width: 30%;}
.hrcolumn {float: left; width: 45%}
.rside {float: left; display: inline-block; position: relative; left:0; }
.hmiddle {float: left; display: inline-block; position: relative; margin: 0 ; padding: 5px 0; padding-top: 85px;}
.hphone {float: right; display: inline-block; position: relative; right: 5%;}
/*----------------------------------------*/
}
@media screen and (max-width: 1243px)  {
/*  FOOTER
------------------------------------------------*/
footer { padding: 40px 20px 0 20px;}

.wrap {width: 100%; margin-bottom: 20px; }


.column1 {width:8%;}
.column2-1 {width: 8%;}
.column3-1 {width:10%;}
.column4-1 {width:20%;}
.column5-1 {width:20%;}
.column6 {width:0%;}
.column7-1 {width:40%;}	
	
.fphone a {	font-size: 12px;  }

}
@media screen and (max-width: 1150px)  {
.hmiddle {margin: 0 2%; }

}

@media screen and (max-width: 1139px)  {


}


@media screen and (max-width: 1105px)  {
/*----Header -----*/
.hmiddle  h2 {font-size: 16px;  text-align: center; line-height: 30px; font-weight: 700;}
.hphone p {font-size: 12px;}
.hphone a {	font-size: 12px;  }
.hphone a:hover {font-size: 12px; }
.hphone ul li {	 font-size: 18px}
.email li a {font-size: 12px; }
.email li a:hover { font-size: 12px;}
.femail li a {font-size: 12px; }
.femail li a:hover { font-size: 12px;}
/*----------------------------------------*/
/*----------Buttons-------------------------------*/
.button { padding: 5px 20px;}
/*----------------------------------------*/

	

/*-----footer---*/
.divwrap p{ font-size: 9px;}
.divwrap p a {font-size: 9px!important}
.divwrap p a:hover {font-size: 9px!important}
/*---------------------------*/
}


@media screen and (max-width: 1039px)  {
/*  FOOTER
------------------------------------------------*/
footer { padding: 40px 0 0 20px;}

.wrap {width: 100%; margin-bottom: 20px; }


.column1 {width:8%;}
.column2-1 {width: 8%;}
.column3-1 {width:10%;}
.column4-1 {width:20%;}
.column5-1 {width:20%;}
.column6 {width:0%;}
.column7-1 {width:40%;}	
	
.fphone a {	font-size: 12px;  }
.foot-nav img {padding: 0; display: inline-block;  right: 10px;  position: relative; width:  auto;}
.foot-nav {list-style: none; margin: 0; width: 100%}
/*----------------------------------------*/	
/*----Contact Us Page----*/
.c-mcolumn {width: auto; padding: 10px 0;  height:auto; float: left; display: inline-block; position: relative;}


.c-acolumn{ width: 40%;   float: left;  padding: 10px 0 10px 5%; height:auto; display: inline-block; position: relative; }
	
	
	
	
	
}


/*-----------Mobile Nav Styles-------------*//*------------Main Site-----------*//*----------------------------------------*//*----------------------------------------*/
@media screen and (max-width: 990px)  {
/*----Header -----*/
.mainheader{ display: none;}
.mediaheader{display: block}
.m-media{display: block}
	
.mhcolumn {float: left; width: 33.33%;}
.mhmcolumn {float: left; width: auto;}
.mhrcolumn {float: left; width: 22%;}
.mhrow:after {  content: "";  display: table;  clear: both; }

.mrside {float: left; display: inline-block; position: relative; left:5%; }
.my-logo {position: relative; display: inline-block;  width: auto; margin: 0 auto;left: 0%;}
.my-logo img {width: 100%; }

.mhmiddle {float: left; display: inline-block; position: relative; margin: 0 ; padding: 5px 0; padding-top: 85px;}
.mhmiddle h4 {font-size: 16px; color: #000000;  text-align: center; line-height: 30px; font-weight: 400;}

.mhphone {float: right; display: inline-block; position: relative; right: 5%;}
.mhphone img {display: inline-block; width: 45px; padding:  3px; float: left; }
.mhphone ul {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.mhphone ul li {	display:block;margin:0;list-style-type:none; width:auto;padding: 3px 0;}
.mhphone ul li a {line-height:60px;text-decoration:none;	display:inline-block;margin:0;-webkit-transition:.4s ease-in;-moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s ease-in; padding:0 12px;}

	
.m-media ul li {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.m-media li a{display:inline-block;margin:0;list-style-type:none; width:auto;padding: 3px 3px;}
.m-media {display: inline-block; position: relative;}
	
.m-media img { display: inline-block;  width: 45px;  padding: 3px; float: left;}	
	
/*----------------------------------------*/
/*------inventory gallery----*/
.gwrapper{margin: 0 30%;}
.gallery {width: 100%; padding:0 0 8px 0;}
.centered {top: 100%; font-size: 18px; padding-bottom: 30px;}

/*----------------------------------------*/
/*----------Buttons-------------------------------*/
.bwrapper {margin: 0 ;}
.bcolumn{float: left; width: 100%; padding-bottom: 20px}
.button { padding: 5px 30px; font-size: 16px; }
.button img { width: 50%; margin: 0 auto; position: relative; display: inline-block;}
/*----------------------------------------*/
/*  FOOTER
------------------------------------------------*/
footer { padding: 40px 20px 0 20px;}
.wrap {width: 100%; margin-bottom: 20px; }
.column1 {width:0%;}
.column2-1 {width:100%;}
.column3-1 {width:auto;}
.column4-1 {width:100%;}
.column5-1 {width:100%;}
.column6 {width:100%;}
.column7-1 {width:100%;}
.foot-nav img {padding: 0; display: inline-block;  right: 10px;  position: relative; width:  65%!important;}	
.fphone {float: left; display: inline-block; position: relative; right: 0;}	
.foot-nav li a {font-size: 12px;  }
.fphone img { width:30px;  }
.fphone a {	font-size: 10px; color: #FFFFFF;  text-decoration: none; font-weight: 400; }
.femail li a {font-size: 10px; }
.femail li a:hover { font-size: 10px;}	
 /*----------------------------------------*/	
/*-----footer----*/
.divwrap p{ font-size: 8px; text-align: center}
.divwrap p a {font-size: 8px!important}
.divwrap p a:hover {font-size: 8px!important}
/*---------------------------*/	
/*-------------About Us Page------------------*/
.a-apcolumn {width: 100%; padding: 10px 0;  height:auto; float: right; display: inline-block; position: relative;}
.a-apcolumn img {width: auto; padding: 20px 20px;box-sizing: border-box;}
.a-acolumn{ width: 100%; padding: 10px 0; height:auto; display: inline-block; position: relative; }
.a-about{padding:  80px  10% 0; }
.a-photo{margin: 0 auto; left: 10%; }
/*--------------*/	
/*----------------------------------------*/
/*----Contact Us Page----*/
.c-mcolumn {display: none}
.c-acolumn{ width: 80%;;padding: 10px 2px ;  }

/*-------------Form STyle---------------------------*/
.CaptchaWhatsThisPanel {font-size: 14px!important;}
.CaptchaMessagePanel {font-size: 14px!important; font-weight: 600!important;}
/*----------------------------------------*/
.img-column img { width: 60%;}

}


@media screen and (max-width: 875px)  {
/*---Header---*/
.mhcolumn {float: left; width: 34%;}
.mhmcolumn {float: left; width: auto;}
.mhrcolumn {float: left; width: 25%;}
.mhmiddle h4 {font-size: 16px; }	
/*==============================*/

/*----ThankYOu---*/
.t-lcolumn {  float: left;  width: auto;  padding: 5%;  height: auto; }
.t-rcolumn { float: left; width: 75%; padding-left: 5%; height: auto;  padding-bottom: 3%;}
.t-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}
/*-----ThankYOu---*/
.t-mcolumn {display: none;}	
/*---Coming Soon---*/
.cs-lcolumn {  float: left;  width: auto;  padding: 5%;  height: auto; }
.cs-rcolumn { float: left; width: 75%; padding-left: 5%; height: auto;  padding-bottom: 3%;}
.cs-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}

	
	
	
	
	
	
.ta-lcolumn {  float: left;  width: auto;  padding: 5% 4%;  height: auto; }
.img-column {  float: left;  width: 100%;  padding: 5% 0 30px;  height: auto;display: flex;
  align-items: center;
  justify-content: center }
	
	
	
	

.ta-rcolumn { float: left; width: auto; padding-left: 5%; height: auto;  padding-bottom: 3%;}
.ta-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}
/*---Header---*/
.mhcolumn {float: left; width:37%;}
.mhmcolumn {float: left; width: 45%;}
.mhrcolumn {float: right; width: auto;}
.mhmiddle h4 {font-size: 14px; }
.mrside {left:0; }
.mhphone {left: 20%;}
/*--------------------------*/
/*------inventory gallery----*/
.gwrapper{margin: 0 25%;}
/*----------------------------------------*/	
	
	
}






@media screen and (max-width: 695px)  {

/*-------------About Us Page------------------*/
.a-photo{margin: 0 auto; left: 5%; }
/*--------------*/	
/*-------------About Us Page------------------*/
.a-about h1{ font-size: 25px;}
.a-about p{ font-size: 14px; }
.a-about a {	font-size: 14px;  }
.a-about a:hover {font-size: 14px;  }
.a-about strong {	font-size: 14px;  }
.a-about strong:hover {font-size: 14px;  }

/*--------------*/
}






@media screen and (max-width: 644px)  {
/*---Header---*/
.mhcolumn {float: left; width:30%;}
.mhmcolumn {float: left; width: 55%;}
.mhrcolumn {float: right; width: auto;}
.mhmiddle {left: 5%;}	
.mrside {left:0;padding-top: 25px; }
.mhphone {left: 10%;}
/*--------------------------*/
/*------inventory gallery----*/
.centered {font-size: 16px; }

/*----------------------------------------*/
/*-------------About Us Page------------------*/
.a-photo{margin: 0 auto; left:0; }
/*--------------*/		
.hmiddle h2 {font-size: 13px; font-weight: 700;}	
	
}

@media screen and (max-width: 585px)  {
/*--------------------------*/	
.divwrap p{ font-size: 8px; text-align: center}
.divwrap p a {font-size: 8px!important}
.divwrap p a:hover {font-size: 8px!important}
/*--------------------------*/	
/*ThankYOupage--*/
.t-i p  {font-size: 16px; }
.t-i strong { font-size: 18px}
.t-i a {	font-size: 16px; }
.t-i a:hover {font-size: 16px; }
.t-i h3 {font-size: 20px; }	
.t-lcolumn p {  font-size: 16px; }
.t-lcolumn strong { font-size: 20px}
.t-lcolumn a {	font-size: 16px; }
.t-lcolumn a:hover {font-size: 16px;}
.t-lcolumn h1 {font-size: 35px;  }	
.t-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}	
/*ThankYOupage--*/
.ta-i p  {font-size: 16px; }
.ta-i strong { font-size: 18px}
.ta-i a {	font-size: 16px; }
.ta-i a:hover {font-size: 16px; }
.ta-i h3 {font-size: 20px; }	
.ta-lcolumn p {  font-size: 16px; }
.ta-lcolumn strong { font-size: 20px}
.ta-lcolumn a {	font-size: 16px; }
.ta-lcolumn a:hover {font-size: 16px;}
.ta-lcolumn h1 {font-size: 35px;  }	
.ta-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}	
	
.header h1 {font-size: 35px; }
	
.cs-lcolumn p {  font-size: 16px; }
.cs-lcolumn strong { font-size: 20px}
.cs-lcolumn a {	font-size: 16px; }
.cs-lcolumn a:hover {font-size: 16px;}
.cs-lcolumn h1 {font-size: 35px;  }	
.cs-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}	
.cs-lcolumn h2, .heading-1-new {font-size: 25px!important;line-height: 50px!important; }		

}




@media screen and (max-width: 583px)  {
/*---Header---*/
.mhcolumn {float: left; width:25%;}
.mhmcolumn {float: left; width:45%;}
.mhrcolumn {float: right; width: auto;}
.mhmiddle h4 {font-size: 14px; }
.mhmiddle {left: 20%;padding-top:25px;}	
.mrside {left:0; padding-top:25px; }
.mhphone {left: 10%;}
.mhphone img {display: inline-block; width: 30px; padding:  3px; float: left; }
.m-media img { display: inline-block;  width: 30px;  padding: 3px; float: left;}	
/*--------------------------*/
/*------inventory gallery----*/
.centered {font-size: 14px; }
.gwrapper{margin: 0 20%;}

/*----------------------------------------*/
/*-------------About Us Page------------------*/
.a-apcolumn img {width: auto; padding: 20px 0;}

/*--------------*/		
/*----------------------------------------*/	
/*---------- about Buttons-------------------------------*/
.a-button { padding: 5px 20px; font-size: 16px;}
.a-button img { width: 50%; margin: 0 auto; position: relative; display: inline-block;}
/*----------------------------------------*/	
	
	
	
}

@media screen and (max-width: 460px)  {

/*---Coming Soon---*/
.cs-lcolumn {  float: left;  width: auto;  padding: 5%;  height: auto; }
.cs-rcolumn { float: left; width: 53%; padding-left: 5%; height: auto;  padding-bottom: 3%;}
.cs-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}

}


@media screen and (max-width: 395px)  {
/*---Header---*/
.mhcolumn {float: left; width:30%;}
.mhmcolumn {float: left; width:20%;}
.mhrcolumn {float: right; width: auto;}
.mhmiddle h4 {font-size: 12px;line-height: 20px; }
.mhmiddle {left: 30%;padding-top:35px;}	
.mrside {left:0; padding-top:25px; }
.mhphone {left: 10%;}
.mhphone img {display: inline-block; width: 30px; padding:  3px; float: left; }
.m-media img { display: inline-block;  width: 30px;  padding: 3px; float: left;}	
/*--------------------------*/
.fphone {display: none;}
.fmhphone {display: inline-block;}
.fmhphone img {display: inline-block; width: 30px; padding:  10px 5px 10px 0  ; float: left; }
.fphone img { width:20px; padding-right: 5px }
.fphone a {	font-size: 8px; }
	
.femail li a {font-size: 8px; }
.femail li a:hover { font-size: 8px;}	
	

.fmhphone a {	font-size: 10px; color: #FFFFFF;  text-decoration: none; font-weight: 400; }	
	
.fmhphone ul {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.fmhphone ul li {	display:block;margin:0;list-style-type:none; width:auto;padding: 3px 0;}
.fmhphone ul li a {line-height: 50px;text-decoration:none;	display:inline-block;margin:0;-webkit-transition:.4s ease-in;-moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s   ease-in; padding:0 6px;}

.fmhphone a:hover { color: #F1EC40!important;  text-decoration: none; }	
	.c-about{padding:  20px;}
	
}
@media screen and (max-width: 367px)  {
/*----Header -----*/
.hmiddle  h2 {font-size: 14px;}	
/*--------------------------*/	
/*-------------About Us Page------------------*/
.a-about h1{ font-size: 18px;}
.a-about p{ font-size: 12px; }
.a-about a {	font-size: 12px;  }
.a-about a:hover {font-size: 12px;  }
.a-about strong {	font-size: 12px;  }
.a-about strong:hover {font-size: 12px;  }

/*--------------*/
/*---------- about Buttons-------------------------------*/
.abwrapper {text-align: center; width: 100%; margin: 0 auto;  padding: 40px  0 50px 0;}
.abrow:after {  content: "";  display: table;  clear: both; }	
.abcolumn{float: left; width: 100%; padding-bottom: 10px;}	
.a-button {padding: 5px 10px;}
/*----------------------------------------*
/**************************************** FORM STYLES ****************************************/
.c-form {position:relative; max-width:100%; margin: 0 auto; padding: 30px;font-size: 18px; line-height: 35px; color: #FFFFFF;}
/*--------------------------*/	
/*----------Contact Us----------------*/
.c-about h1{  font-size: 25px; }
.c-about h3{ font-size: 20px;}
.c-about p{ font-size: 14px;  }
.c-about a {font-size: 11px;  }
.c-about a:hover {font-size: 11px;  }
.c-about strong {	font-size: 14px;  }
.c-about strong:hover {font-size: 14px;  }	
/*--------------------------*/		
/*ThankYOupage--*/
.t-i p  {font-size: 12px; }
.t-i strong { font-size: 14px}
.t-i a {	font-size: 12px; }
.t-i a:hover {font-size: 12px; }
.t-i h3 {font-size: 16px; }	
.t-lcolumn p {  font-size: 12px; }
.t-lcolumn strong { font-size: 14px}
.t-lcolumn a {	font-size: 12px; }
.t-lcolumn a:hover {font-size: 12px;}
.t-lcolumn h1 {font-size: 25px;  }	
.header h1 {font-size: 25px; }
/*comingsoon--*/
.cs-lcolumn h2, .heading-1-new {font-size: 20px!important; line-height: 40px!important;}	
.cs-lcolumn p {  font-size: 12px; }
.cs-lcolumn strong { font-size: 14px}
.cs-lcolumn a {	font-size: 12px; }
.cs-lcolumn a:hover {font-size: 12px;}
.cs-lcolumn h1 {font-size: 25px;  }	
.header h1 {font-size: 25px; }
	
.ta-i p  {font-size: 12px; }
.ta-i strong { font-size: 14px}
.ta-i a {	font-size: 12px; }
.ta-i a:hover {font-size: 12px; }
.ta-i h3 {font-size: 16px; }	
.ta-lcolumn p {  font-size: 12px; }
.ta-lcolumn strong { font-size: 14px}
.ta-lcolumn a {	font-size: 12px; }
.ta-lcolumn a:hover {font-size: 12px;}
.ta-lcolumn h1 {font-size: 25px;  }	
	
	
.header h1 {font-size: 25px; }	
	
	
}

@media screen and (max-width: 301px)  {
/*---Header---*/
.background{ padding: 5px 15px;}
.mhcolumn {float: left; width:30%;}
.mhmcolumn {float: left; width:20%;}
.mhrcolumn {float: right; width: auto;}
.mhmiddle h4 {font-size: 10px;line-height: 15px; }
.mhmiddle {left: 25%;padding-top:35px;}	
.mrside {left:0; padding-top:25px; }
.mhphone {left:28%;}
.mhphone img {display: inline-block; width: 25px; padding:  3px; float: left; }
.m-media img { display: inline-block;  width: 25px;  padding: 3px; float: left;}	
/*--------------------------*/
.a-button { padding: 5px 8px;}		
/*----------Contact Us----------------*/
.c-about{padding:  20px;}
.c-about h1{  font-size: 18px; }
.c-about h3{ font-size: 16px;}
.c-about p{ font-size: 11px;  }
.c-about strong {	font-size: 11px;  }
.c-about strong:hover {font-size: 11px;  }	
/*--------------------------*/	
}

@media screen and (max-width: 280px)  {
/*----Header -----*/
.hmiddle  h2 {font-size: 12px;}	
	
/*------inventory gallery----*/
.centered {font-size: 12px; }
/*----------------------------------------*/	
/*---Footer---*/
.foot-nav li a {font-size: 10px;  }
.fphone a {	font-size: 10px;  }	
.email li a {font-size: 10px; }
.email li a:hover { font-size: 10px;}
/*----------------------------------------*/	
.a-button { padding: 5px 8px; font-size: 16px;}	
/**************************************** FORM STYLES ****************************************/
.c-form {position:relative; max-width:100%; margin: 0 auto; padding: 10px;font-size: 18px; line-height: 35px; color: #FFFFFF;}	
/*--------------------------*/	
/*ThankYOupage--*/
.t-i p  {font-size: 11px; }
.t-i strong { font-size: 12px}
.t-i a {	font-size: 11px; }
.t-i a:hover {font-size: 11px; }
.t-i h3 {font-size: 14px; }	
.t-lcolumn p {  font-size: 11px; }
.t-lcolumn strong { font-size: 14px}
.t-lcolumn a {	font-size: 11px; }
.t-lcolumn a:hover {font-size: 11px;}
.t-lcolumn h1 {font-size: 18px;  }	
.header h1 {font-size: 18px; }
.cs-lcolumn p {  font-size: 11px; }
.cs-lcolumn strong { font-size: 14px}
.cs-lcolumn a {	font-size: 11px; }
.cs-lcolumn a:hover {font-size: 11px;}
.cs-lcolumn h1 {font-size: 18px;  }.cs-lcolumn h2, .heading-1-new {font-size:16px!important; line-height: 30px!important; }	
.ta-i p  {font-size: 11px; line-height: 20px;}
.ta-i strong { font-size: 12px}
.ta-i a {	font-size: 11px; }
.ta-i a:hover {font-size: 11px; }
.ta-i h3 {font-size: 14px; }	
.ta-lcolumn p {  font-size: 11px; }
.ta-lcolumn strong { font-size: 14px}
.ta-lcolumn a {	font-size: 11px; }
.ta-lcolumn a:hover {font-size: 11px;}
.ta-lcolumn h1 {font-size: 18px;  }		
	
	
	
}

@media screen and (max-width: 240px)  {
/*----Header -----*/
.hmiddle  h2 {font-size: 10px;}
/*--------------------------*/
/*------inventory gallery----*/
.centered {font-size: 10px; }
/*----------------------------------------*/	
/*----------Buttons-------------------------------*/
.bwrapper {margin: 0 ;}
.bcolumn{float: left; width: 100%; padding-bottom: 20px}
.button { padding: 2px ; font-size: 16px; }
.button img { width: 40%; margin: 0 auto; position: relative; display: inline-block;}
/*----------------------------------------*/
.a-button { padding: 5px ; font-size: 12px;}
/*----------Contact Us----------------*/
.c-about{padding:  20px;}
.c-about h1{  font-size: 16px; }
.c-about h3{ font-size: 14px;}
.c-about p{ font-size: 10px; font-weight: 800; }
.c-about a {font-size: 10px; font-weight: 800; }
.c-about a:hover {font-size: 10px;  }
.c-about strong {	font-size: 10px; font-weight: 800; }
.c-about strong:hover {font-size: 10px;  }	
/*--------------------------*/
	
/*--------------------------*/	
.divwrap p{ font-size: 8px; text-align: center}
.divwrap p a {font-size: 8px!important}
.divwrap p a:hover {font-size: 8px!important}	
/*--------------------------*/	
.mhcolumn {float: left; width:35%;}
.mhmcolumn {float: left; width:30%;}
.mhrcolumn {float: right; width: auto;}
.mhmiddle h4 {font-size: 8px;line-height: 12px; }
.mhmiddle {
    left: 1%;
    padding-top: 55px;
}
}