/***** 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: #000000 ;
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 2px;
font-size: 18px;
line-height: 25px;
}
p{font-size: 16px;line-height: 25px;}
h1{ color: #FFFFFF; margin-bottom: 10px;}
strong {font-family: 'Roboto', sans-serif; letter-spacing: 2px;font-weight: 400; color:#000000;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration: none; color:#0071bb;}
img {max-width:100%; height: auto;}
.fa, .far, .fas { font-weight:normal;}
header { width: 100%;}
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}
* {box-sizing: border-box!important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text {
background-color: #00418e!important;
}
.list-container-flexrow .view-listing-details-link:hover, .list-container-flexrow .dealer-phone-call:hover, .list-container-flexrow .dealer-phone-text:hover {
background-color: #0071bb!important;
}
.cookie-modal, .close { color: #000000!important;}
.faceted-search-content .faceted-section-head { background: #B5B5B5!important;}
.listing-main-stats strong {letter-spacing: 0 !important;}
/*------------- HEADER ----------------------------------------------*/
.header{width:100%; display:inline-block; text-align:right; margin:0 auto; position: relative; background: url("../siteart/header.jpg") #000000 repeat-x; height: 100%; background-size:auto; background-position: top; }
.header-contact{width:100%; display: inline-block; padding: 30px 0 10px; color:#FFFFFF; text-transform: capitalize; height: auto; }
.header-contact a{ color:#FFFFFF;text-decoration: none;font-size: 20px;padding: 0 5px 0 0;}
.header-contact a:hover{color:#0071bb;}
.header-contact a:hover{color:#0071bb;}
.hc-half ul li i{font-size:20px;}
.hc-half .fa, .hc-half .fab, .hc-half .far, .hc-half .fas {color:#fff!important;}
.hcl-half{width:auto; display: inline-block;margin: 0 auto;text-align: left; float: left;padding: 10px 0 0 50px; font-size: 30px; font-weight: bold;}
.hc-half{width:30%; display: inline-block;margin: 0 auto;text-align: left;float: right;}
.midhc-half{width:30%; display: inline-block;margin: 0 auto;text-align: left; position: relative; }
.midhc-info{ width: 100%;display: inline-block;padding: 10px 0;text-align: left; margin: 0 auto; font-size: 16px;letter-spacing: 1.5px;}
.midhc-info .fa .far{display: inline-block;vertical-align: top; padding-right: 10px;font-size: 18px;}
.midhc-info a{display: inline-block;vertical-align: top;color:#fff; text-decoration: none;line-height: 20px; font-size: 16px; text-transform: capitalize;}
.midhc-info a:hover{color:#0071bb; text-decoration: none;}
.midhc-info strong {color:#fff; text-decoration: none;line-height: 30px; font-size: 16px; font-weight: 800;}
.midhc-info strong:hover {color:#0071bb;}
.mhc-half{display: none;}
.hc-half ul li {display: block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 16px;padding-bottom: 1px }
.hc-half ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 30px; font-size: 16px; 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;}
.logoi img{width:100%;}
/* ------------------------HOME PAGE STYLES -----------------------------------------------*/
/*----------Hero Image/ Main image-----------------*/
.cycle-slideshow{background-color: #000000;border-bottom: #00418e solid 5px;}
.banner {height: auto;box-sizing: border-box; width: 100%;}
.hwrapper {text-align: center; width: 100%; }
/*----------------------------------------*/
/* ---------------------------------------------Buttons-----------------------------------------------*/
.cta-bar{width: 100%;text-align: center;margin: 0 auto; display: inline-block;padding: 30px 0;background: url("../siteart/backB1.jpg") #000000 repeat-x; height: 100%; background-size:1990px; background-position: top;border-bottom: #00418e solid 5px;}
.cta{height: auto; width: 380px; display: inline-block; vertical-align: top; margin: 20px; text-align: center; padding: 120px 0; color: #fff; border-radius: 15px; border: thick #0071bb solid; filter: drop-shadow(3px 5px 0.50rem hsla(227,21%,79%,0.70));}
.cta .cta-btn h3 {text-transform: uppercase;font-weight: 600; font-style: italic; letter-spacing: 1px;font-size: 25px; 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,65,187,0.40) ; width: 100%; height: 40px;}
.cta-btn h3:hover{ color:#a2ddf9!important; text-shadow:2px 2px 3px rgba(0,0,0,0.80); transition: ease .3s;}
.cta .cta-btn {font-size: 30px;}
.cta:hover {opacity: 1}
.text{color: hsla(227,21%,79%,0.80)}
/* -------------------Button Images------------------*/
#trucks{background:url("../siteart/trucks.png") no-repeat; background-size: cover; background-position: center;}
#trailers{background:url("../siteart/trailers.png") no-repeat;background-size: cover;background-position: center;}
#const{background:url("../siteart/const.png") no-repeat;background-size: cover;background-position: center;}
#farm{background:url("../siteart/farm.png") no-repeat; background-size: cover; background-position: center;}
/*--------------------------------------Middle under buttons--------------------------------------------------*/
.home-welc{ background:#0071bb;text-align: left;text-transform: capitalize;height: 100%; padding: 30px 150px;color:#fff;background-size: cover;background-position: center;}
.home-welc h1{text-transform: uppercase;font-weight: 600;letter-spacing: 2px;font-size: 30px;padding: 5px 0;width: 80%;}
.home-welc p{padding: 20px; line-height: 2;font-size: 16px;width: 90%;letter-spacing: 1.5px;}
/* SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {border-top: #00418e solid 5px;border-bottom: #000000 solid 5px;
width:100%;
height:90px;
overflow:hidden;
}
.scrolling{
width:100%;
height:92px;
}
.i-wrapper {height: auto;width:100%;background: url("../siteart/backB12.jpg") #000000 repeat-x; background-size:1990px; background-position: top;}
/* ----------------------------- Mid Contact Section On Home Page----------------------------- */
.home-contact{height: auto;width:100%;background: url("../siteart/backB12.jpg") #000000 repeat-x; background-size:1990px; background-position: top;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: transparent;color:#fff; vertical-align: middle; margin: 0 auto; padding: 40px 15% 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: 16px;padding-bottom: 1px }
.mid-right ul li a {display:inline-block; margin: 0 auto;text-align: left; color:#FFFFFF;line-height: 50px; font-size: 16px; 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----------------------------- */
.con-contact{height: auto;width:100%;background: url("../siteart/backB12.jpg") #000000 repeat-x; background-size:1990px; background-position: top;display: inline-block;margin: 0 auto;border-bottom: #000000 thick solid;border-top: #00418e solid 5px;}
.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: transparent;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:#0071bb;}
/* ------------------Repair Page------------------------------------------------*/
.r-wrapper {width:100%; max-width:1200px;margin:0 auto; position:relative; padding:10% 5%;}
.r-wrapper h1{font-size:35px;color:#000;text-transform:uppercase;font-weight:800;font-style: italic;letter-spacing: 2px;}
.r-wrapper strong{font-size:20px;color:#000;text-transform:uppercase;font-weight:800;font-style: italic;letter-spacing: 2px;}
.r-wrapper p{font-size:16px;color:#000; text-transform:uppercase;font-weight:600;font-style: normal;letter-spacing: 2px; line-height: 30px;}
.r-wrapper a{font-size:16px;color:#000; text-decoration: none;text-transform:uppercase; font-weight:700;font-style: italic;letter-spacing: 2px;}
.r-wrapper a:hover{ color:#e51a22;}
.r-contact{ height: 360px; width:100%; background-color:#000000;display: inline-block; margin: 0 auto;}
.r-right{width:35%; display: inline-block; background-color: #000000;color:#fff; vertical-align: middle; margin: 0 auto; padding: 80px 20px 20px 80px;}
.r-right .r-info{width: 100%;display: inline-block; padding: 10px 0;text-align: left;margin: 0 auto;font-size: 16px;letter-spacing: 1.5px;}
.r-right .r-info .fa .far{ display: inline-block; vertical-align: top; padding-right: 10px; font-size: 18px;}
.r-right .r-info a{display: inline-block; vertical-align: top;color:#fff; text-decoration: none;line-height: 1.5; font-size: 18px;}
.r-right .r-info a:hover{color:#e51a22; text-decoration: none;}
.r-left{height: 100%;width:64%; display: inline-block; vertical-align: middle; border-right: 15px solid #e51a22;float: left;}
/*-------------FOOTER---------------------*/
.f-wrapper {width:100%; margin:0 auto;padding: 5px 60px;position:relative;}
.footer{width:100%; color:#FFFFFF;font-size:11px;text-align:center; background:#0071bb; position: relative; display: inline-block;}
.footer a{color:#8e8e8e;text-decoration:none;font-size: 12px;}
.footer a:hover{color:#000000;text-decoration:none;}
.right-footer{ width:100%; color:#FFFFFF; font-size:11px; text-align:right;background:#0071bb;padding: 10px 0;}
.right-footer a{color:#FFFFFF;text-decoration:none;font-size: 11px;}
.right-footer a:hover{color:#000000;text-decoration:none;font-size: 11px;}
.divfooter{ width:80%; margin: 5px auto;}
/*-------------Media Screens---------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1722px){
/*------------- HEADER ----------------------------------------------*/
.hcl-half{width:auto; display: inline-block;margin: 0 auto;text-align: left; float: left;padding: 10px 0 0 50px; font-size:25px;}
.hc-half{width:35%; display: inline-block;margin: 0 auto;text-align: left;float: right; }
.midhc-half{width:25%; display: inline-block;margin: 0 auto;text-align: left; position: relative; }
}
@media screen and (max-width:1704px){
.cta{ width: 340px; margin: 15px;}
/* 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: 300px; margin: 15px;}
}
@media screen and (max-width:1650px){
/*------------- HEADER ----------------------------------------------*/
.hc-half ul li a {font-size: 14px;}
.hc-half:last-child{text-align: right;}
.hc-half ,.fa , .far, .fas, .fab{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: 280px;}
.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 8% 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: 280px; 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: 275px; margin: 10px; padding: 100px 0; }
.cta .cta-btn h3 {font-size: 20px;}
}
@media screen and (max-width:1350px){
.hc-half ul li a {font-size: 12px;}
/* --------------------------------------------- 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: 35%; 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 ,.fa , .far, .fas, .fab{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: 250px; margin: 10px; padding: 100px 0; }
.cta .cta-btn h3 {font-size: 18px;}
/*--------------------------------------Middle under buttons--------------------------------------------------*/
.home-welc{ padding: 30px 130px;}
.home-welc h1{font-size: 30px; width:90%;}
.home-welc p{font-size: 16px;width: 90%;}
/* --------------------------------------------- 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 6% 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:1129px){
.header-contact{width:100%; display: inline-block; padding: 10px 0 10px; color:#FFFFFF; text-transform: capitalize; height: auto; }
/*------------header-----------------*/
.hc-half{display: none;}
.midhc-half{display: none; }
.mhc-half{width:18%; 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; }
}
@media screen and (max-width:1108px){
/*-----------------------------*/
.cta{width: 40%;}
/*---------Hero text--------------------*/
.hero-text { top: 33%;}
.cycle-slideshow{ background-color: #000000;}
/*--------------------------------------Middle under buttons--------------------------------------------------*/
.home-welc{ padding: 30px 120px;}
.home-welc h1{font-size: 30px; width:90%;}
.home-welc p{font-size: 16px;width: 90%;}
/* -----------------------------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) {
/*--------------------------------------Middle under buttons--------------------------------------------------*/
.home-welc{ padding: 30px 105px;}
.home-welc h1{font-size: 30px; width:90%;}
.home-welc p{font-size: 16px;width: 90%;}
footer .foot-nav li a {font-size: 14px; }
}
@media screen and (max-width: 983px){
/*--------------------------------------Middle under buttons--------------------------------------------------*/
.home-welc{ padding: 30px 100px;}
.home-welc h1{font-size: 25px; width:90%;}
.home-welc p{font-size: 16px;width: 90%;}
/* ---------------------------------------------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){
/*--------------------------------------Middle under buttons--------------------------------------------------*/
.home-welc{ padding: 20px 95px;}
.home-welc h1{font-size: 20px; width:90%;}
.home-welc p{font-size: 16px;width: 90%;}
/* ---------------------------------------------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){
/*--------------------------------------Middle under buttons--------------------------------------------------*/
.home-welc{ padding: 20px 50px;}
.home-welc h1{font-size: 20px; width:auto;}
.home-welc p{font-size: 14px;width: 90%;}
/* -------------------------------------------------------------------------------------------*/
.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 10px; font-size: 20px;}
.hcl-half{width:auto; float: none;display: flex;
align-items: center;
justify-content: center}
/*------------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;}
.mhc-half ul {padding: 10px 0 0 10px}
/* --------------------------------------------- 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 ,.fa , .far, .fas, .fab{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 ,.fa , .far, .fas, .fab{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; padding: 10px;}
.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){
/*--------------------------------------Middle under buttons--------------------------------------------------*/
.home-welc{ padding: 20px}
.home-welc h1{font-size: 18px; width:auto;}
.home-welc p{font-size: 12px;width: auto; padding: 10px;}
/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- 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 ,.fa , .far, .fas, .fab{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 ,.fa , .far, .fas, .fab{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: 11px; }
}
@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 ,.fa , .far, .fas, .fab{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 ,.fa , .far, .fas, .fab{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, .fa, .far, .fas, .fab { 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, .fa, .far, .fas, .fab { 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){
/*--------------------------------------Middle under buttons--------------------------------------------------*/
.home-welc{ padding: 20px}
.home-welc h1{font-size: 14px; width:auto;}
.home-welc p{font-size: 12px;width: auto; padding: 5px;}
/* -------------------------------------------------------------------------------------------*/
.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;}
}