/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {list-style: none;}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {    display: block;  } 

/***** END RESET *****/

body {background:url("../siteart/background1.png") #000000  ; text-align: left;height: 100%;background-size:auto;background-position: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;

  }

p{font-size: 16px;line-height: 25px;}

h1, h2, h3, h4, h5 {
 font-family: 'Roboto', sans-serif;
  font-weight: normal;
  line-height: normal; 
/*	color: #FFFFFF;*/
}

.list-title-text {color:black;}
h1{ color: #FFFFFF; margin-bottom: 10px;}


a:link, a:visited, a:active {text-decoration:none; }
a:hover {text-decoration: none; color:#be1e2d;}
img {max-width:100%; height: auto;}

.fa, .far, .fas { font-weight:normal;}
header { width: 100%;}

/*


.cookie-modal, .close { color: #000000!important;}

.faceted-search-content .faceted-section-head { background: #B5B5B5!important;}

.listing-main-stats strong {letter-spacing: 0 !important;}
 
*/
.title-media-buttons-heading span {color:black!important;}
.close i {color:black!important;}
.send-email-btn {border: 1px solid black!important;}
.phone-and-email i {color:black!important;}
.compare-listings i {color:black;}
.media-buttons i {color:#676767;}
/*------------- HEADER ----------------------------------------------*/
.header{width:100%;	display:inline-block;text-align:right;margin:0 auto;position: relative;	}
.header-contact{width:100%;	display: inline-block;	padding: 30px 0 20px;	color:#FFFFFF;	text-transform: uppercase; height: auto;	}
.header-contact a{	color:#FFFFFF;text-decoration: none;font-size: 20px;padding: 0 5px 0 0;}
.header-contact  a:hover{color:#BE1E2D;}
.hcl-half{width:auto;	display: inline-block;margin: 0 auto;text-align: left; top: 40px; float: left;padding:  0 0 0 50px; }
.hc-half{width:30%;	display: inline-block;margin: 0 auto;text-align: left; top: 40px;}
.mhc-half{display: none;}
.hc-half ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 40px; font-size: 14px;padding-bottom: 1px }
.hc-half ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF !important;line-height: 30px; font-size: 14px; font-weight: 800;}
.hc-half:last-child{text-align: right;}
.hc-half {font-size: 22px; vertical-align: middle;color: #FFFFFF;}
.logoi { position: relative;   z-index: 9;box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.3), 0 10px 30px 0 rgba(0, 0, 0, 0.80);}
.logoi img{width:100%;}
/* ------------------------HOME PAGE STYLES -----------------------------------------------*/
/*----------Hero Image/ Main image-----------------*/
.cycle-slideshow{border-top: #000000 solid 5px; background-color: #000000;border-bottom: #be1e2d solid 5px;}
.banner {height: auto;box-sizing: border-box; width: 100%;}
.hwrapper {text-align: center; width: 100%; }
/*----------------------------------------*/
/*.hero-text { text-align: center; position: absolute; width:70%; top: 37%; left: 60%; margin-right: -60%; transform: translate(-50%, -50%)}
.hero-text h1{ color: #FFFFFF; text-shadow: 6px 4px 6px #000000; font-weight: 900; font-size: 65px; font-style: italic; }
.hero-text p{ color: #000000;  font-weight: 800; font-size: 25px; font-style: normal; text-align: right; right: 20%;   position: relative;}*/
/* ---------------------------------------------Buttons-----------------------------------------------*/
.cta-bar{width: 100%;text-align: center;margin: 0 auto;	display: inline-block;padding: 30px 0;}
.cta{    height: 20px; width: 280px; display: inline-block;  vertical-align: top;  margin: 20px; text-align: center;  padding: 120px 0;  color: #fff; border-radius: 60px;  border: medium #FFFFFF solid;}
.cta .cta-btn h3 {text-transform: uppercase;font-weight: 600; font-style: italic;	letter-spacing: 1px;font-size: 25px;padding: 5px 0;	text-shadow: 2px 2px 3px rgba(0,0,0,0.80);}
.cta .cta-btn {display: inline-block;padding: 7px 0;text-align: center;margin: 0 auto;font-weight: 600;font-size: 40px;letter-spacing: 1.5px;
			  color:#fff;	text-transform: uppercase;	text-decoration: none;text-shadow: 1px 1px 2px rgba(0,0,0,0.60);transition: ease .3s; background:rgba(0,0,0,0.40) ; width: 100%; height: 40px;}
.cta .cta-btn:hover{ color:#e51a22; text-shadow:2px 2px 3px rgba(0,0,0,0.80); transition: ease .3s;}
.cta .cta-btn {font-size: 30px;}
.cta:hover {opacity: 1}
	
/* -------------------Button Images------------------*/
#trucks{background:url("../siteart/truck2.png") no-repeat;	background-size: cover;	background-position: center;}
#trailers{background:url("../siteart/trailer2.png") no-repeat;background-size: cover;background-position: center;}
#ag-equipment{background:url("../siteart/ag2.png") no-repeat;background-size: cover;background-position: center;}
#machinery{background:url("../siteart/mach2.png") no-repeat;	background-size: cover;	background-position: center;}
#attachments{background:url("../siteart/attach2.png") no-repeat;	background-size: cover;	background-position: center;}
/* ---------------------------------------------end Buttons-----------------------------------------------*/
/* ---------------------------------------------Face Book Banner ----------------------------------------------*/
.fb-banner {width: 100%; height: 40px; background-color: #be1e2d; padding:  5px 0; 	display:inline-block;margin:0;position:relative; text-align:center;}
.fb-flo {margin: 0 auto; width: 100%;text-align:center; }
.fb-btn {padding: 2px 8px;background-color: #600009; border: medium #FFFFFF solid; border-radius: 3px;  color: #FFFFFF;  text-align: center;  text-decoration: none;  display: inline-block;
  font-size: 14px; font-weight: 600; text-transform: capitalize;}
.fb-flo h3 { font-size: 18px;text-shadow:2px 2px 3px rgba(0,0,0,0.80); color:#FFFFFF; font-weight: 800; text-align:center;padding:5px 20px 0 0}
.fb-flo ul li  {display:inline-block; margin: 0 auto;text-align: center; color:#FFFFFF; line-height: 30px;  }

/* --------------------------------------------- end Face Book Banner ----------------------------------------------*/
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-ab-wrap{width: 100%; text-align: center;margin: 0 auto;	display: inline-block;padding: 30px 0;}
.hom-row{content: "";  display: table;  clear: both;}
.hom-aboutl {width: 50%; float: left; position: relative; display: inline-block; padding: 80px 0 0 100px ;}
.hom-aboutr {width: 35%; float: right; position: relative; display: inline-block;}
.hom-aboutl h1{ font-size: 35px; text-transform:uppercase; letter-spacing:2px; line-height: 45px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80);font-style: italic; text-align: left; font-weight: 900;}
.hom-aboutl p{ font-size: 18px; letter-spacing:2px; line-height: 30px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80); text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}
.hom-aboutr img {width: auto; }
/* -------------------------------------------------------------------------------------------*/
/* ----------------------------- Mid Contact Section On Home Page----------------------------- */
.home-contact{height: 330px;width:100%;background-color:#be1e2d;display: inline-block;margin: 0 auto;border-bottom: #000000 thick solid;}
.mid-row:after{content: "";  display: table;  clear: both;}
.mid-left{width:50%; height: 100%;	;display: inline-block;vertical-align: middle;	border-right: 15px solid #000000;}
.mid-right{ display: inline-block;background-color: #be1e2d;color:#fff;	vertical-align: middle;	margin: 0 auto;	padding: 10px 20% 0 20px  ; float: right;}
.mid-right h2 {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 25px;padding-bottom: 1px;font-style: italic; font-weight: 800;}
.mid-right ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 14px;padding-bottom: 1px }
.mid-right ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 14px; font-weight: 600;letter-spacing: 1px; text-transform: capitalize;}
.mid-right {font-size: 22px; vertical-align: middle;color: #FFFFFF;}


/* -----------Contact Page------------------------------------------------*/
.sub-wrapper{width: 100%; text-align: center;margin: 0 auto;	display: inline-block;}
.sub-wrapper h1{font-size:35px;color:#FFFFFF;text-transform:uppercase;font-weight:800;font-style: italic;letter-spacing: 2px; padding: 20px 0}
/* ----------------------------- Contact Section----------------------------- */
.home-contact{height: 330px;width:100%;background-color:#be1e2d;display: inline-block;margin: 0 auto;border-bottom: #000000 thick solid;}
.con-row:after{content: "";  display: table;  clear: both;}
.con-left{width:50%; height: 100%;	;display: inline-block;vertical-align: middle;	border-right: 15px solid #000000;float: left;}
.con-right{ display: inline-block;background-color: #be1e2d;color:#fff;	vertical-align: middle;	margin: 0 auto;	padding: 10px 20% 0 20px  ; float: right;}
.con-right h2 {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 25px;padding-bottom: 1px;font-style: italic; font-weight: 800;}
.con-right ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 14px;padding-bottom: 1px }
.con-right ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 14px; font-weight: 600;letter-spacing: 1px; text-transform: capitalize;}
.con-right {font-size: 22px; vertical-align: middle;color: #FFFFFF;}


/* -------------------------Thank You Page ------------------------------------------------*/

.t-wrapper {width:auto;	max-width:1200px;margin:0 auto;	position:relative;	padding: 2% 0 0 5%;}
.t-wrapper h1{font-size:35px;color:#FFFFFF;text-transform:uppercase;font-weight:800;font-style: italic;letter-spacing: 2px;}
.t-wrapper p{font-size:16px;color:#FFFFFF;	text-transform:uppercase;font-weight:600;font-style: italic;letter-spacing: 2px;}
.t-wrapper a{font-size:16px;color:#FFFFFF;	text-decoration: none;text-transform:uppercase;font-weight:700;	font-style: italic;	letter-spacing: 2px;}
.t-wrapper a:hover{	color:#e51a22;}
/* --------------------------------------------- about us ----------------------------------------------*/
.ab-wrap{width: 100%; text-align: center;margin: 0 auto;	display: inline-block;padding: 30px 0;}
.ab-row{content: "";  display: table;  clear: both;}
.ab-aboutl {width:40%; float: left; position: relative; display: inline-block; padding: 80px 0 0 100px ;}
.ab-aboutr {width: 45%; float: right; position: relative; display: inline-block;}
.ab-aboutl h1{ font-size: 35px; text-transform:uppercase; letter-spacing:2px; line-height: 45px; color: #FFFFFF;font-style: italic; text-align: left; font-weight: 900;}
.ab-aboutl p{ font-size: 18px; letter-spacing:2px; line-height: 30px; color: #FFFFFF; text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}
.ab-aboutr img {width: auto; }
/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- Sell ----------------------------------------------*/
.sel-wrap{width: 100%; text-align: left;margin: 0 auto;	display: inline-block; padding: 30px 0; background: #171717; }
.sel-row{content: "";  display: table;  clear: both;}
.sel-aboutl {width: 50%; float: left; position: relative; display: inline-block; padding: 20px 0 20px 50px ;}
.sel-aboutr {width: 40%; float: right; position: relative; display: inline-block;}

.sel-aboutl h1{ font-size: 35px; line-height: 45px; color: #FFFFFF;font-style: italic; text-align: left; font-weight: 900;}
.sel-aboutl strong {font-size: 18px; color: #FFFFFF; font-weight: 800; }
.sel-aboutl ul  {margin: 0 auto; padding: 10px 0 0 0  ; }
.sel-aboutl ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 30px; font-size: 14px;padding-bottom: 1px;text-transform: capitalize;  padding: 0 0 0 30px ; }
.sel-aboutl p{ font-size: 14px; line-height: 30px; color: #FFFFFF; text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}
.sel-aboutl ul li a {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 30px; font-size: 14px;padding-bottom: 1px; text-decoration: underline; text-transform: capitalize;}
.sel-aboutl ul li  a:hover {color:#e51a22;}

.sel-aboutr p{ font-size: 16px; line-height: 30px; color: #FFFFFF; text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}
.sel-aboutr h2{ font-size: 25px; line-height: 45px; color: #FFFFFF;font-style: italic; text-align: left; font-weight: 900;}
.sel-aboutr strong {font-size: 20px; color: #FFFFFF; font-weight: 800; }
.sel-aboutr ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 14px;padding-bottom: 1px;}
.sel-aboutr ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 14px; font-weight: 600;letter-spacing: 1px; text-transform: capitalize;}
.sel-aboutr img {width: auto; border: medium #510005 solid;}

.chart-right{ display: inline-block;color:#fff;	vertical-align: middle;	margin: 0 auto;	padding: 10px 20% 0 20px  ; float: left; width:auto;}
.chart-right h2 {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 30px; font-size: 18px;padding-bottom: 1px;font-style: italic; font-weight: 800;}
.chart-right ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height:20px; font-size: 14px;padding-bottom: 1px; padding: 2px 5px; text-transform: capitalize;}

/* -------------------------------------------------------------------------------------------*/






/*-------------FOOTER---------------------*/

/*  FOOTER
------------------------------------------------*/

footer { height: auto; display: inline-block; width: 100%; padding: 30px 0 0 0 ; color: #FFFFFF; border-top: thick #be1e2d solid;} 
.wrap {width: 100%; margin: 0 auto; max-width: 1600px}
footer .foot-nav {list-style: none; margin: 0; }
footer .foot-nav li a {font-size: 14px; font-weight: bold; list-style: none;color:#FFFFFF; line-height: 35px; text-transform: capitalize;}
footer .foot-nav img {padding: 0; }
footer .copyright-hold {text-align: right; }
.soc-media {width: 100%;font-size: 16px; line-height: 25px; margin-bottom: 25px; padding-left: 30%;}
footer .copyright {text-align: right; color:#FFFFFF; font-size: 12px; }
footer .copyright a { text-align: right; color: #FFFFFF; font-size: 12px; }
footer h5{font-size: 14px;color: #00315C;text-transform: uppercase;line-height: 30px;}
footer a {font-size: 16px; font-weight: bold; list-style: none;color: #FFFFFF;line-height: 25px;}
.right {padding: 0 2% 0 0;}

.column1 {width: 20%;}
.column2 {width: 16%;}
.column3 {width: 16%;}
.column4 {width: 16%;}
.column5 {width: 25%;float: right;}
.column6 {width: 16%;}

.middle {padding: 0 1%;}
.middle  a {color:#FFFFFF}
.middle  a:hover {color:#e51a22;}
.middle  p {color:#FFFFFF;font-size: 14px;line-height: 16px;letter-spacing: 1px;}
.fco{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 30px;}
.logo { position: relative;   z-index: 9;box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.3), 0 10px 30px 0 rgba(0, 0, 0, 0.80);right: 30%;}

.footertext {text-align: center;padding: 0 ;}
.footertext p {text-align: center;font-size: 10px;font-weight: normal;line-height: normal;}
.footertext a {	text-align: center;	font-size: 10px;font-weight: bold;line-height: normal}

footer h4{font-size:18px;color:#FFFFFF;text-transform: capitalize;line-height: 30px;}
/*--------Footer Div Wrap------------*/

.divwrap {width: 100%; margin: 0 auto; height: auto;background-color: #be1e2d; padding: 0 ;}
.divwrap p{ color: #FFFFFF; text-align: left;font-size: 11px;transition: all 0.3s; padding: 0 50px; font-weight: 600; text-transform: uppercase;}
.divwrap p a {color: #FFFFFF; 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
--------------*/





























/*-------------Media Screens------------------------------------------------------------------------------------*/



@media screen and (max-width:1704px){
/*  FOOTER
------------------------------------------------*/
.logo { position: relative;   z-index: 9;box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.3), 0 10px 30px 0 rgba(0, 0, 0, 0.80);right: 10%;}

/*  end footer
--------------*/

}
@media screen and (max-width:1655px){
/* ---------------------------------------------Buttons-----------------------------------------------*/
.cta{   width: 260px;}
.cta{margin: 15px;}
	

}
@media screen and (max-width:1650px){
/*------------- HEADER ----------------------------------------------*/
.hc-half ul li a {font-size: 12px;}
.hc-half:last-child{text-align: right;}
.hc-half {font-size: 20px; }

/*----------------------------------------*/
/*.hero-text { top: 34%; left: 60%; margin-right: -60%; transform: translate(-50%, -50%)}*/

}

@media screen and (max-width:1550px){
/* --------------buttons----------------------------- */
.cta{margin: 15px;}
}
@media screen and (max-width:1539px){
/*  FOOTER
------------------------------------------------*/

.fco{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 25px;}
.logo { position: relative;   z-index: 9;box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.3), 0 10px 30px 0 rgba(0, 0, 0, 0.80);right: 5%;}

/*  end footer
--------------*/
}
@media screen and (max-width:1506px){
/* ---------------------------------------------Buttons-----------------------------------------------*/
.cta{height: 5px;   width: 240px;}
.cta .cta-btn h3 {text-transform: uppercase;font-weight: 600; font-style: italic;	letter-spacing: 1px;font-size: 25px;padding: 5px 0;	text-shadow: 2px 2px 3px rgba(0,0,0,0.80);}
/* ---------------------------------------------Mid contact Section-----------------------------------------------*/
.mid-right{padding: 20px 15% 0 20px  ;}
.con-right{padding: 20px 15% 0 20px  ;}
}
@media screen and (max-width:1499px){
/*  FOOTER
------------------------------------------------*/
.fco{ padding: 0 20px;}
.logo {right: 2%;}
.logo img { width: 80%;}
.soc-media {padding-left: 20%;}
/*  end footer
--------------*/

}

@media screen and (max-width:1459px){
/*  FOOTER
------------------------------------------------*/
.soc-media {padding-left: 15%;}
.fco{ padding: 0 10px;}
.logo { right: 2%;}

/*  end footer
--------------*/
}

@media screen and (max-width: 1406px)  { 
/* ---------------------------------------------Buttons-----------------------------------------------*/
.cta-bar{width: 100%;text-align: center;margin: 0 auto;	display: inline-block;padding: 30px 0;}
.cta{    height: 5px; width: 240px;  margin: 10px; padding: 100px 0; }
.cta .cta-btn h3 {font-size: 20px;}

}


@media screen and (max-width: 1356px)  { 
/* ---------------------------------------------Buttons-----------------------------------------------*/
.cta-bar{width: 100%;text-align: center;margin: 0 auto;	display: inline-block;padding: 30px 0;}
.cta{    height: 5px; width: 210px;  margin: 10px; padding: 100px 0; }
.cta .cta-btn h3 {font-size: 20px;}




	
}



@media screen and (max-width:1350px){	
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-ab-wrap{width: 100%; text-align: center;margin: 0 auto;	display: inline-block;padding: 30px 0;}
.hom-row{content: "";  display: table;  clear: both;}
.hom-aboutl {width: 50%; float: left; position: relative; display: inline-block; padding: 80px 0 0 60px ;}
.hom-aboutr {width:40%; float: right; position: relative; display: inline-block;}
.hom-aboutl h1{ font-size: 30px; line-height: 45px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80);font-style: italic; text-align: left; font-weight: 900;}
.hom-aboutl p{ font-size: 16px; line-height: 30px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80); text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}
.hom-aboutr img {width: auto; }
/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- About Us ----------------------------------------------*/
.ab-wrap{width: 100%; text-align: center;margin: 0 auto;	display: inline-block;padding: 30px 0;}
.ab-row{content: "";  display: table;  clear: both;}
.ab-aboutl {width: 50%; float: left; position: relative; display: inline-block; padding: 80px 0 0 60px ;}
.ab-aboutr {width:40%; float: right; position: relative; display: inline-block;}
.ab-aboutl h1{ font-size: 30px; line-height: 45px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80);font-style: italic; text-align: left; font-weight: 900;}
.ab-aboutl p{ font-size: 16px; line-height: 30px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80); text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}
.ab-aboutr img {width: auto; }
/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- Sell ----------------------------------------------*/
.sel-aboutl h1{ font-size: 30px;}
.sel-aboutl strong {font-size: 18px; color: #FFFFFF; font-weight: 800; }
.sel-aboutl ul li {font-size: 14px; padding: 0 0 0 20px ;}
.sel-aboutl ul li a {font-size: 14px; }
.sel-aboutl p{ font-size: 14px; }

.sel-aboutr p{ font-size: 14px; ;}
.sel-aboutr h2{ font-size: 20px; line-height: 45px; color: #FFFFFF;font-style: italic; text-align: left; font-weight: 900;}
.sel-aboutr strong {font-size: 20px; color: #FFFFFF; font-weight: 800; }
.sel-aboutr ul li {font-size: 14px;}
.sel-aboutr ul li a {font-size: 14px; }
.chart-right{ display: inline-block;color:#fff;	vertical-align: middle;	margin: 0 auto;	padding: 0  ; float: left; width:90%;}
.chart-right h2 {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 30px; font-size: 18px;padding-bottom: 1px;font-style: italic; font-weight: 800;}
.chart-right ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height:20px; font-size: 14px;padding-bottom: 1px; padding: 2px 5px; text-transform: capitalize;}

/* -------------------------------------------------------------------------------------------*/
/*  FOOTER
------------------------------------------------*/
footer .foot-nav li a {font-size: 12px; }
.soc-media {font-size: 12px; }
footer a {font-size: 12px; }

/*  end footer
--------------*/	
	
}



@media screen and (max-width:1330px){
.cta h3{font-size: 22px;}	
/* -----------------------------Contact Section On Home Page----------------------------- */


	
	
	
	
	

	

	
	
}

@media screen and (max-width: 1302px)  { 
/*Header*/
/*------------- HEADER ----------------------------------------------*/
.hc-half{width: 32%; display: inline-block;margin: 0 auto;text-align: left; top: 40px;}
.sub-wrapper h1{font-size:25px;}
}

@media screen and (max-width: 1235px)  {
/*  FOOTER
------------------------------------------------*/
.fco{ padding: 0 0;}
.logo {right: 0;}

/*  end footer
--------------*/
/*.hero-text { top: 34%; left: 60%; margin-right: -60%; transform: translate(-50%, -50%)}*/
}



@media screen and (max-width: 1220px)  { 
/*Header*/
/*------------- HEADER ----------------------------------------------*/
.hc-half{width:35%;	}
.hc-half ul li a {font-size: 11px; }
.hc-half {font-size: 18px; }


/*----------------------------------------*/
.hero-text {  top: 28%;}
.hero-text h1{font-size: 45px; }
.hero-text p{font-size: 20px;  right: 20%;   position: relative;}
	
/* --------------------------------------------- Sell ----------------------------------------------*/
.sel-wrap{width: 100%; text-align: left;margin: 0 auto;	display: inline-block; padding: 30px 0; }
.sel-row{content: "";  display: table;  clear: both;}
.sel-aboutl {width: 80%; float: left; position: relative; display: inline-block; padding: 20px 0 20px 30px ;}
.sel-aboutr {width: 80%; float: left; position: relative; display: inline-block;padding: 20px 0 20px 30px ;}

.sel-aboutl h1{ font-size: 35px; line-height: 45px; color: #FFFFFF;font-style: italic; text-align: left; font-weight: 900;}
.sel-aboutl strong {font-size: 18px; color: #FFFFFF; font-weight: 800; }
.sel-aboutl ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 30px; font-size: 14px;padding-bottom: 1px;padding: 0 0 0 10px ; }
.sel-aboutl p{ font-size: 14px; line-height: 30px; color: #FFFFFF; text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}

.sel-aboutr p{ font-size: 16px; line-height: 30px; color: #FFFFFF; text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}
.sel-aboutr h2{ font-size: 25px; line-height: 45px; color: #FFFFFF;font-style: italic; text-align: left; font-weight: 900;}
.sel-aboutr strong {font-size: 20px; color: #FFFFFF; font-weight: 800; }
.sel-aboutr ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 14px;padding-bottom: 1px }
.sel-aboutr ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 14px; font-weight: 600;letter-spacing: 1px; text-transform: capitalize;}
.sel-aboutr img {width: auto; border: medium #510005 solid;}

.chart-right h2 {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 30px; font-size: 18px;padding-bottom: 1px;font-style: italic; font-weight: 800;}
.chart-right ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height:20px; font-size: 14px;padding-bottom: 1px; padding: 2px 5px; text-transform: capitalize;}
	

/* -------------------------------------------------------------------------------------------*/

}

@media screen and (max-width: 1207px)  { 
/* ---------------------------------------------Buttons-----------------------------------------------*/
.cta-bar{width: 100%;text-align: center;margin: 0 auto;	display: inline-block;padding: 20px 0;}
.cta{height: 5px; width: 180px;  margin: 10px; padding: 100px 0; }
.cta .cta-btn h3 {font-size: 18px;}


/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-ab-wrap{width: 100%; text-align: center;margin: 0 auto;	display: inline-block;padding: 30px 0;}
.hom-row{content: "";  display: table;  clear: both;}
.hom-aboutl {width: 40%; float: left; position: relative; display: inline-block; padding: 20px 0 0 60px ;}
.hom-aboutr {width:45%; float: right; position: relative; display: inline-block;}
.hom-aboutl h1{ font-size: 20px; line-height: 45px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80);font-style: italic; text-align: left; font-weight: 900;}
.hom-aboutl p{ font-size: 14px; line-height: 30px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80); text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}
.hom-aboutr img {width: auto; }
/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- About Us----------------------------------------------*/
.ab-wrap{width: 100%; text-align: center;margin: 0 auto;	display: inline-block;padding: 30px 0;}
.ab-row{content: "";  display: table;  clear: both;}
.ab-aboutl {width: 40%; float: left; position: relative; display: inline-block; padding: 20px 0 0 60px ;}
.ab-aboutr {width:45%; float: right; position: relative; display: inline-block;}
.ab-aboutl h1{ font-size: 20px; line-height: 45px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80);font-style: italic; text-align: left; font-weight: 900;}
.ab-aboutl p{ font-size: 14px; line-height: 30px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80); text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}
.ab-aboutr img {width: auto; }
/* -------------------------------------------------------------------------------------------*/	
.mid-right{ padding: 20px 10% 0 20px  ; }
	
.con-right{ padding: 20px 10% 0 20px  ; }


}





@media screen and (max-width: 1147px)  {
/*  FOOTER
------------------------------------------------*/
footer .foot-nav li a {font-size: 14px; font-weight: bold; list-style: none;color:#FFFFFF; line-height: 35px; text-transform: capitalize;}
.soc-media {font-size: 14px; line-height: 25px; margin-bottom: 25px; padding-left: 0}
footer a {font-size: 14px; }
.column1 {width: auto;}
.column2 {width: 100%;}
.column3 {width: 100%;}
.column4 {width: 100%;}
.column5 {width: 100%;float:left;}
.column6 {width: 100%;}
.fco{padding: 0 20px 10px;}
.logo { right: 0;}
.logo img {width:80%}


/*  end footer
--------------*/

}


















@media screen and (max-width:1108px){
/*------------header-----------------*/
.hc-half{display: none;}	
.mhc-half{width:15%; display: inline-block;margin: 0 auto;text-align: left; top: 40px; padding: 0 10px 0 0;}
.mhc-half ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 40px; font-size: 14px; font-weight: 800;}
.mhc-half ul li {display:block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 40px;  }
.mhc-half {font-size: 20px; vertical-align: middle;color: #FFFFFF;}
	.mhc-half i{font-size:20px;}

/*-----------------------------*/
.cta{width: 40%;}
/*---------Hero text--------------------*/	
 .hero-text {  top: 33%;}	
.cycle-slideshow{border-top: #000000 solid 1px; background-color: #000000;}	
/* -----------------------------Contact Section On Home Page----------------------------- */
.mid-right{width:100%; padding: 0; float: left;border-bottom: 5px solid #000000;}
.mid-left{width:100%;height: auto; border-right: none;	}
.home-contact{height:auto;width:100%;background-color:#FFFFFF;display: inline-block;margin: 0 auto;}
.info{ margin: 0 auto; padding: 20px 0 20px 25% }
.con-right{width:100%; padding: 0; float: left;border-bottom: 5px solid #000000;}
.con-left{width:100%;height: auto; border-right: none;	}



}












@media screen and (max-width:1056px){

/* ---------------------------------------------Face Book Banner ----------------------------------------------*/
.fb-flo h3 { font-size: 16px;}
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-aboutr {display: none;}
.hom-ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 30px 0;}
.hom-row{content: "";  display: table;  clear: both;}
.hom-aboutl {width: 80%; float: left; position: relative; display: inline-block; padding: 20px 0 0 60px ;}

.hom-aboutl h1{ font-size: 20px; line-height: 45px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80);font-style: italic; text-align: left; font-weight: 900;}
.hom-aboutl p{ font-size: 14px; line-height: 30px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80); text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}

/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- About Us ----------------------------------------------*/
.ab-aboutr {display: none;}
.ab-ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 30px 0;}
.ab-row{content: "";  display: table;  clear: both;}
.ab-aboutl {width: 80%; float: left; position: relative; display: inline-block; padding: 20px 0 0 60px ;}
.ab-aboutl h1{ font-size: 20px; line-height: 45px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80);font-style: italic; text-align: left; font-weight: 900;}
.ab-aboutl p{ font-size: 14px; line-height: 30px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80); text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}

/* -------------------------------------------------------------------------------------------*/	
	


}

@media screen and (max-width: 1042px)  {
footer .foot-nav li a {font-size: 14px; }	
	
	
}




@media screen and (max-width: 983px){
/* ---------------------------------------------Face Book Banner ----------------------------------------------*/
.fb-btn { font-size: 12px; }
.fb-flo h3 { font-size: 14px;padding:0}




}


@media screen and (max-width:950px){
/*---------Hero text--------------------*/	
.hero-text { top: 33%; }	
.hero-text h1{font-size: 35px; }
.hero-text p {font-size: 15px;  right: 14%;   position: relative;}	
.hc-left{width: 100%;}
.hc-right{width: 100%; border-left:none; float: none;}
.contact-left{width: 100%; padding: 60px 20px;}
.contact-right{width: 100%; border-left:none;  float: none;}
	

}







@media screen and (max-width:867px){
/* ---------------------------------------------Face Book Banner ----------------------------------------------*/
.fb-btn { font-size: 12px; }
.fb-flo h3 { font-size: 11px;}


}
@media screen and (max-width:857px){
/* ---------------------------------------------Face Book Banner ----------------------------------------------*/
.fb-banner {width: 100%; height: auto}
.fb-flo ul li  { padding: 5px 0  }
.info{ margin: 0 auto; padding: 20px 0 20px 15% }

}


@media screen and (max-width:700px){
/*---------Hero text--------------------*/	
/*.hero-text { top: 32%;  }	
.hero-text h1{font-size: 25px; }
.hero-text p {font-size: 10px;  right: 12%;   position: relative;}	*/
.hc-half{width: 100%;}	
.cta{width: 50%;}	
.divfooter{width: 80%;}
/* -------------------------Thank You Page ------------------------------------------------*/
.t-wrapper h1{font-size:25px;color:#FFFFFF;text-transform:uppercase;font-weight:800;font-style: italic;letter-spacing: 2px;}
.t-wrapper p{font-size:14px;color:#FFFFFF;	text-transform:uppercase;font-weight:600;font-style: italic;letter-spacing: 2px;}
.t-wrapper a{font-size:14px;color:#FFFFFF;	text-decoration: none;text-transform:uppercase;font-weight:700;	font-style: italic;	letter-spacing: 2px;}

/* --------------------------------------------- Sell ----------------------------------------------*/
.sel-aboutl h1{ font-size: 20px; }
.sel-aboutl strong {font-size: 16px;  }
.sel-aboutl ul li {font-size: 12px;}
.sel-aboutl p{ font-size: 12px; }

.sel-aboutr p{ font-size: 12px; }
.sel-aboutr h2{ font-size: 18px; }
.sel-aboutr strong {font-size:16px;  }
.sel-aboutr ul li { font-size: 12px;}



.chart-right h2 {font-size: 16px;}
.chart-right ul li {font-size: 12px;}
	

/* -------------------------------------------------------------------------------------------*/
	

}


@media screen and (max-width:603px){
.hero-text { display: none;}
.cta {height: 5px; width: 300px;  margin: 10px; padding: 120px 0}	
	
}
@media screen and (max-width: 695px)  {
/*----FOOTER----*/	
.divfooter {color: #00315C;text-align: center; font-size: 10px; transition: all 0.3s; padding: 0 5px;padding-top: 10px;}
.divfooter a {color: #00315C; transition: all 0.3s;font-size: 12px;}
.divfooter a:hover {opacity: 0.6;}
.footertext {text-align: center;padding: 0 ;}
.footertext p {text-align: center;font-size: 10px;font-weight: normal;line-height: normal;}
.footertext a {	text-align: center;font-size: 10px;font-weight: bold;line-height: normal}


}	





@media screen and (max-width:600px){
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-aboutr {display: none;}
.hom-ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 10px 0;}
.hom-row{content: "";  display: table;  clear: both;}
.hom-aboutl {width: 80%; float: left; position: relative; display: inline-block; padding: 10px 0 0 30px ;}
.hom-aboutl h1{ font-size: 20px; line-height: 45px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80);font-style: italic; text-align: left; font-weight: 900;}
.hom-aboutl p{ font-size: 14px; line-height: 30px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80); text-align: left; text-transform: capitalize; padding: 0 0 0 20px ;}

/* -------------------------------------------------------------------------------------------*/
/* -------------------------Thank You Page ------------------------------------------------*/
.t-wrapper h1{font-size:20px;}
.t-wrapper p{font-size:12px;}
.t-wrapper a{font-size:12px;}
/* --------------------------------------------- About Us ----------------------------------------------*/
.ab-aboutr {display: none;}
.ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 10px 0;}
.ab-row{content: "";  display: table;  clear: both;}
.ab-aboutl {width: 80%; float: left; position: relative; display: inline-block; padding: 10px 0 0 30px ;}
.ab-aboutl h1{ font-size: 20px; line-height: 45px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80);font-style: italic; text-align: left; font-weight: 900;}
.ababoutl p{ font-size: 14px; line-height: 30px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80); text-align: left; text-transform: capitalize; padding: 0 0 0 20px ;}

/* -------------------------------------------------------------------------------------------*/	
}






@media screen and (max-width:581px){
.hcl-half{ padding:  0 0 0 10px; }
/*------------header-----------------*/
.mhc-half{width:100%; display: inline-block;margin: 0 auto;text-align: left; top: 40px; padding: 0;}
.mhc-half ul li {display: inline-block;padding: 0 10px;}
.mhc-half ul li a {display: inline-block; margin: 0 auto;text-align: left; color: #FFFFFF;    line-height: 40px;  font-size: 10px;font-weight: 800; padding: 0 5px;}	
	
	
/* --------------------------------------------- Sell ----------------------------------------------*/
.sel-aboutl h1{ font-size: 20px; line-height: 30px; }
.sel-aboutl ul li {line-height: 20px; font-size: 12px; }
.sel-aboutl p{ font-size: 12px; line-height:20px; padding: 0 0 0 0;}
.sel-aboutl ul li a {font-size: 12px; }
.sel-aboutr p{ font-size: 12px; line-height:20px; padding: 0 0 0 0;}
.sel-aboutr h2{ font-size: 16px; line-height: 20px; }
.sel-aboutr strong {font-size: 14px;  }
.sel-aboutr ul li {line-height: 30px; font-size: 12px;padding-bottom: 1px }


.chart-right{width:auto}
.chart-right h2 {line-height: 30px; font-size: 18px;padding-bottom: 1px;font-style: italic; font-weight: 800;}
.chart-right ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height:20px; font-size: 14px;padding-bottom: 1px; padding: 2px 5px; text-transform: capitalize;}
	

/* -------------------------------------------------------------------------------------------*/
}


@media screen and (max-width:564px){
/* ----------------------------- Mid Contact Section On Home Page----------------------------- */
.mid-right ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 40px; font-size: 12px;padding-bottom: 1px }
.mid-right ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 40px; font-size: 12px; font-weight: 600;}
.mid-right {font-size: 20px; vertical-align: middle;color: #FFFFFF;}
.info{ margin: 0 auto; padding: 20px 0 20px 8% }	
.mid-right h2 {font-size: 18px;}	
/* ----------------------------- Mid Contact Section On Home Page----------------------------- */
.con-right ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 40px; font-size: 12px;padding-bottom: 1px }
.con-right ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 40px; font-size: 12px; font-weight: 600;}
.con-right {font-size: 20px; vertical-align: middle;color: #FFFFFF;}
.info{ margin: 0 auto; padding: 20px 0 20px 8% }	
.con-right h2 {font-size: 18px;}		
}



@media screen and (max-width:514px){
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-aboutr {display: none;}
.hom-ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 10px 0;}
.hom-row{content: "";  display: table;  clear: both;}
.hom-aboutl {width: 85%; float: left; position: relative; display: inline-block; padding: 10px 0 0 30px ;}
.hom-aboutl h1{ font-size: 18px; line-height: 30px; }
.hom-aboutl p{ font-size: 12px; line-height: 20px;  padding: 0 0 0 10px ;}

/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- about----------------------------------------------*/

.ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 10px 0;}
.ab-row{content: "";  display: table;  clear: both;}
.ab-aboutl {width: 85%; float: left; position: relative; display: inline-block; padding: 10px 0 0 30px ;}
.ab-aboutl h1{ font-size: 18px; line-height: 30px; }
.ab-aboutl p{ font-size: 12px; line-height: 20px;  padding: 0 0 0 10px ;}

/* -------------------------------------------------------------------------------------------*/	
}







@media screen and (max-width:500px){
.home-welc h1{font-size: 20px;}
.home-welc p{font-size: 14px;}	
.header-contact a{font-size: 14px; line-height: 20px;}
.hc-half{width: 100%;}	
.keyword-search{width: 100%;}
.footer{padding: 0;}
/*--------Footer Div Wrap------------*/
.divwrap p{ font-size: 10px!important;padding: 0 25px;}
.divwrap p a {font-size: 10px!important;}
.divwrap p a:hover {font-size: 10px!important;}
	
	

	
	
	
}

@media screen and (max-width:480px){
.hc-right .hc-info{	text-align: left;	font-size: 14px;letter-spacing: 1.5px;}
.hc-right .hc-info .fa .far{ font-size: 16px;}
.hc-right  .hc-info a{font-size: 14px;}
.hc-right{width:100%; padding: 40px ;}	
	
	
}


@media screen and (max-width: 500px)  {
footer .soc-media { margin-top: 5px;  margin-bottom: 0;}
}

@media screen and (max-width:442px){
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-aboutr {display: none;}
.hom-ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 10px 0;}
.hom-row{content: "";  display: table;  clear: both;}
.hom-aboutl {width: 85%; float: left; position: relative; display: inline-block; padding: 10px 0 0 30px ;}

.hom-aboutl h1{ font-size: 16px; line-height: 30px; }
.hom-aboutl p{ font-size: 12px; line-height: 20px;  padding: 0 0 0 10px ;}

/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- welcome middle ----------------------------------------------*/

.ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 10px 0;}
.ab-row{content: "";  display: table;  clear: both;}
.ab-aboutl {width: 85%; float: left; position: relative; display: inline-block; padding: 10px 0 0 30px ;}

.ab-aboutl h1{ font-size: 16px; line-height: 30px; }
.ab-aboutl p{ font-size: 12px; line-height: 20px;  padding: 0 0 0 10px ;}

/* -------------------------------------------------------------------------------------------*/	
}





@media screen and (max-width:413px){
/* ----------------------------- Mid Contact Section On Home Page----------------------------- */
.mid-right ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 40px; font-size: 11px; padding-bottom: 1px }
.mid-right ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 40px; font-size: 11px; font-weight: 400;}
.mid-right {font-size: 18px; vertical-align: middle;color: #FFFFFF;}
.info{ margin: 0 auto; padding: 20px 0 20px 5% }	
/* ----------------------------- Mid Contact Section On Home Page----------------------------- */
.con-right ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 40px; font-size: 11px; padding-bottom: 1px }
.con-right ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 40px; font-size: 11px; font-weight: 400;}
.con-right {font-size: 18px; vertical-align: middle;color: #FFFFFF;}
.info{ margin: 0 auto; padding: 20px 0 20px 5% }	
	
}	


@media screen and (max-width:372px){

/*------------header-----------------*/
.mhc-half{width:100%; display: inline-block;margin: 0 auto;text-align: left; top: 40px; padding: 0;}
.mhc-half ul li {display: inline-block;padding: 0 5px;}
.mhc-half ul li a { padding: 0 5px;}
footer .foot-nav li a {font-size: 12px; }		
}

@media screen and (max-width:347px){
/* ----------------------------- Mid Contact Section On Home Page----------------------------- */
.mid-right ul li {line-height: 30px; font-size: 10px; }
.mid-right ul li a {line-height: 30px; font-size: 10px; }
.mid-right {font-size: 14px; vertical-align: middle;color: #FFFFFF;}
.info{ margin: 0 auto; padding: 20px 0 20px 5% }	
.mid-right h2 { font-size: 16px;}	
/* ----------------------------- Mid Contact Section On Home Page----------------------------- */
.con-right ul li {line-height: 30px; font-size: 10px; }
.con-right ul li a {line-height: 30px; font-size: 10px; }
.con-right {font-size: 14px; vertical-align: middle;color: #FFFFFF;}
.info{ margin: 0 auto; padding: 20px 0 20px 5% }	
	.con-right h2 { font-size: 16px;}
	
	
.sel-aboutl {width: 80%; float: left; position: relative; display: inline-block; padding: 20px 0 20px 20px ;}
.sel-aboutr {width: 80%; float: left; position: relative; display: inline-block;padding: 20px 0 20px 20px ;}
}

@media screen and (max-width:333px){
.cta { height: 5px;  width: 240px; margin: 10px;  padding: 100px 0}	
.sub-wrapper h1{font-size:18px;padding: 20px 0 0 0}	
}


@media screen and (max-width:322px){

/*------------header-----------------*/
.mhc-half{width:100%; display: inline-block;margin: 0 auto;text-align: left; top: 40px; padding: 0;}
.mhc-half ul li {display: inline-block;padding: 0 2px;}
.mhc-half ul li a { padding: 0 5px;}
	
}



@media screen and (max-width: 320px)  {
/*---------- footer------------------*/
footer .foot-nav li a {font-size: 10px;}
footer .copyright {font-size: 8px; }
footer .copyright a {font-size: 8px; }

/* --------------------------------------------- Sell ----------------------------------------------*/
.sel-aboutl h1{ font-size: 20px; line-height: 30px; }
.sel-aboutl ul li {line-height: 20px; font-size: 10px; }
.sel-aboutl p{ font-size: 10px; line-height:20px; padding: 0 0 0 0;}
.sel-aboutl ul li a {font-size: 10px; }
.sel-aboutr p{ font-size: 10px; line-height:20px; padding: 0 0 0 0;}
.sel-aboutr h2{ font-size: 14px; line-height: 20px; }
.sel-aboutr strong {font-size: 12px;  }
.sel-aboutr ul li {line-height: 20px; font-size: 10px;padding-bottom: 1px }


.chart-right{width:auto}
.chart-right h2 {line-height: 20px; font-size: 16px;padding-bottom: 1px;font-style: italic; font-weight: 800;}
.chart-right ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height:20px; font-size: 10px;padding-bottom: 1px; padding: 2px 5px; text-transform: capitalize;}
.sel-aboutl {width: 80%; float: left; position: relative; display: inline-block; padding: 10px 0 10px 10px ;}
.sel-aboutr {width: 90%; float: left; position: relative; display: inline-block;padding: 10px 0 10px 10px ;}	
	
}


@media screen and (max-width:292px){

/*------------header-----------------*/
.mhc-half ul li {display: inline-block;padding: 0 2px;}
.mhc-half ul li a { padding: 0 3px;}
.mhc-half {  font-size: 18px;}
.logo img {width:100%}
}

@media screen and (max-width:280px){
.cta {height: 5px;  width: 220px;  margin: 10px;  padding: 95px 0}	
.cta h3{letter-spacing: 0;font-size: 18px;}	
footer .foot-nav li a {font-size: 9px; }		


}

@media screen and (max-width:261px){

/*------------header-----------------*/
.mhc-half ul li {display: inline-block;padding: 0 2px;}
.mhc-half ul li a { padding: 0 3px;}
.mhc-half {  font-size: 14px;}
.t-wrapper h1{font-size:18px;}
.t-wrapper p{font-size:10px;}
.t-wrapper a{font-size:10px;}
}

@media screen and (max-width:240px){
.header-contact{padding: 30px 0 0;	}
.cta { height: 5px; width: 200px; margin: 10px; padding: 90px 0}	
.fb-btn { font-size: 8px; }
.fb-flo h3 { font-size: 10px;}	
/*--------Footer Div Wrap------------*/
.divwrap p{ font-size: 8px!important;padding: 0 10px;}
.divwrap p a {font-size: 8px!important;}
.divwrap p a:hover {font-size: 8px!important;}
	
}



























