/***** 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 *****/
a{
text-decoration: none;
}
body {
font-family:'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 2px;
background-color: transparent;
font-size: 18px;
line-height: 25px;
}
p{font-size: 16px;line-height: 25px;}
h1, h2, h3, h4, h5 {
font-family: 'Roboto', sans-serif;
letter-spacing: 2px;
font-weight: 800;
line-height: normal;}
h1{ color: #000; margin-bottom: 10px;}
strong {font-family: 'Roboto', sans-serif; letter-spacing: 2px;font-weight: 800; font-size: 20px;}
img {max-width:100%; height: auto;}
header {background-color: #fff;max-width: 100%; height: auto;}
/************************************** MAIN STYLES ****************************************/
/*----Header -----*/
.hmphone{display: none;}
.wrapper{ width: 100%; }
.background{ background-image: url("../siteart/2fade.jamarback.png"); background-color: #FFFFFF; height: 175px; background-repeat: no-repeat; background-size: cover;}
.hcolumn {float: left; width: 33.33%;}
.hmcolumn {float: left; width: 33.33%;}
.hrcolumn {float: left; width: 33.33%;}
.hrow:after { content: ""; display: table; clear: both; }
.logo { position: relative; display: inline-block; padding: 30px 0 0 30px; width: auto;}
.logo img {width: 100%; }
.hmiddle {float: left; display: inline-block; position: relative; left: 12%; padding-top: 45px;}
.hmiddle p {font-size: 25px; color: #c2262c; text-align: center; line-height: 40px; font-weight: 700;}
.hphone {float: right; display: inline-block; position: relative; right: 10%; padding-top: 45px;}
.hphone ul li { display:inline-block;margin:0;list-style-type:none; width:auto; }
.hphone ul li a {line-height:60px;text-decoration:none; display:block;margin:0;-webkit-transition:.4s ease-in;-moz-transition:.2s ease-in; -o-transition:.2s ease-in; transition:.2s ease-in; padding:0 12px;}
.hphone p {font-size: 25px; color: #000000; }
.hphone a { font-size: 25px; color: #000000; text-decoration: none; font-weight: 800;}
.hphone a:hover {font-size: 25px; color: #FE0203!important; text-decoration: none; font-weight: 800;}
header .fas, header .fa, footer .fa, footer .fas, header .fab, footer .fab {font-size: 40px; color: #c2262c;}
/*----------------------------------------*/
/*----------Hero Image/ Main image-----------------*/
.cycle-slideshow{border-bottom: #A30D12 solid 5px; z-index: 100;}
.banner {height: auto;box-sizing: border-box; width: 100%;}
.hwrapper {text-align: center; width: 100%; }
/*----------------------------------------*/
/*----------Buttons-------------------------------*/
.bwrapper {text-align: center; width: 100%; }
.b-background{ background-image: url("../siteart/background3.png"); background-color: #FFFFFF; height: 638px; background-repeat: no-repeat; background-size: cover;border-bottom: #A30D12 solid 5px;}
.container-bg {margin: 0 auto;padding:3% 8% 3% 8%;box-sizing: border-box;}
.flex-sb-row {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.cat-button {position: relative; margin: 10px; border-radius: 10px; border-color: #A30D12; border-width: medium; border-width: 6px; border-style: solid;background-color: #FFFFFF;}
.cat-button img {display: block;width: 100%;height: auto;}
.cat-button:hover { box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.30);}
.cat-button-info {font-size: 20px; text-align: center;font-weight: 900;text-transform: uppercase;color: #000F00;display: block;}
/*----------------------------------------*/
/*-------------Middle------------------*/
.mwrapper{text-align: left; width: 100%; background-color: #DDDEE0; height: 100%; background-size: cover; display: inline-block;}
.amiddle{margin: 0 auto;}
.mrow:after { content: ""; display: table;clear: both;}
.acolumn{ width: 100%; padding: 10px 0; height:auto; }
.about{padding: 20px 50px;}
.about h1{ font-weight: 700; font-size: 45px; letter-spacing: 2px;}
.about p{ font-weight: 500; font-size: 20px; letter-spacing: 2px; line-height: 40px;}
.about a { font-size: 20px; color: #000000; text-decoration: none; font-weight: 800;}
.about a:hover {font-size: 20px; color: #FE0203!important; text-decoration: none; font-weight: 800;}
/*----------------------------------------*/
.scolumn{width: 100%;height:auto; }
/* SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {border-top: #A30D12 solid 5px;border-bottom: #A30D12 solid 5px; width:100%; height:90px; overflow:hidden;}
.scrolling{ width:100%; height:92px;}
/*----------------------------------------*/
/* map secttion ------------------------------------------------*/
.mcolumn{ width: 100%; height: auto; }
/*------------------------------------------------*/
/* FOOTER
------------------------------------------------*/
footer { height: auto; display: inline-block; width: 100%; padding: 30px 0 0; color: #000000; border-color: #A30D12!important; border-top: thick solid; background-image: url("../siteart/background4.png" ); background-color: #F0F0F0; background-repeat: no-repeat; background-size: cover;}
.foot-nav {list-style: none; margin: 0; }
.foot-nav li {padding: 5px 0;}
.foot-nav li a {font-size: 16px; list-style: none;color: #000000;text-transform: uppercase; font-weight: 800; line-height:30px; }
.foot-nav li a:hover {color:#f30203 ; font-size: 16px; text-decoration: none; font-weight: 800;}
.foot-nav img {padding: 0; }
.copyright-hold {text-align: right; }
.soc-media {width: 100%;font-size: 16px; line-height: 25px; text-transform: uppercase;font-weight: 80}
.soc-media li{ margin-bottom: 15px;}
footer a {font-size: 16px; list-style: none;color: #000000;line-height: 25px;text-transform: uppercase;font-weight: 800;}
footer .fa, header .fab, footer .fab {font-size: 45px; color: #c2262c;}
footer .fas {font-size: 20px; color: #c2262c;}
.left {padding: 0 2% 0 0;}
.column4 {width: 25%;}
.middle {padding: 0 1%;text-transform: uppercase;}
.middle a {color:#000000;text-transform: uppercase;font-weight: 800;}
.middle a:hover {color:#f30203 ;text-transform: uppercase;font-weight: 800;}
.middle p {color:#000000;font-size: 14px;line-height: 16px;letter-spacing: 1px; text-transform: uppercase;font-weight: 800;}
.fco{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 20px;text-transform: uppercase;}
.wrap {width: 100%; margin: 0 auto; max-width: 1600px; margin-bottom: 30px; }
.divwrap {width: 100%; margin: 0 auto; height: auto;background-color: #A30D12; padding: 20px 0 ; border-bottom-color: #000000; border-top-color: #000000; border-top:thick solid;border-bottom:thick solid; }
.divfooter { color: #FFFFFF; text-align: center;font-size: 12px;transition: all 0.3s; padding: 0 5px;}
.divfooter a {color: #FFFFFF;transition: all 0.3s; font-size: 12px!important}
.divfooter a:hover {opacity: 0.6; color: #A30D12;font-size: 12px!important}
.footertext {text-align: center;padding: 0 !important;}
/* end footer
--------------*/
/*-------------dealer------------------*/
.dwrapper{text-align: left; width: 100%; height: 100%; display: inline-block; background-color: #F0F0F0; background-repeat: no-repeat; background-size: cover;}
.dmiddle{margin: 0 auto;}
.drow:after { content: ""; display: table;clear: both;}
.dcolumn{ width: 100%; padding: 10px 0; height:auto; }
/*----------------------------------------*/
.dscolumn{width: 100%;height:auto; }
/* SCROLLING INVENTORY
------------------------------------------------*/
.dscrolling-wrap {border-top: #A30D12 solid 5px; width:100%; height:90px; overflow:hidden;}
.scrolling{ width:100%; height:92px;}
/*----------------------------------------*/
/*-------------About Us------------------*/
.awrapper{text-align: left; width: 100%; height: 100%; display: inline-block; background-color: #F0F0F0; background-repeat: no-repeat; background-size: cover;}
.amiddle{margin: 0 auto;}
.arow:after { content: ""; display: table;clear: both;}
.acolumn{ width: 100%; padding: 10px 0; height:auto; }
.aabout{padding: 20px 50px;}
.aabout h1{ font-weight: 700; font-size: 45px; letter-spacing: 2px;}
.aabout p{ font-weight: 500; font-size: 20px; letter-spacing: 2px; line-height: 40px;}
.aabout a { font-size: 20px; color: #000000; text-decoration: none; font-weight: 800;}
.aabout a:hover {font-size: 20px; color: #FE0203!important; text-decoration: none; font-weight: 800;}
.aabout img {padding: 0 0 20px 0;}
/*----Info-----*//*----Conact Page-------*/
.cbody{background-color: #F0F0F0; width: 100%;}
.c-wrap {width: 100%; margin: 0 auto; max-width: 1340px; }
.info p {font-size: 18px; font-weight: 500; letter-spacing: 1px; text-transform: none; line-height: 30px; padding-bottom: 2%;}
.c-lcolumn { float: left; width: 45%; padding: 0; height: auto; }
.c-rcolumn { float: left; width: 45%; padding-left: 10%; padding-top: 25px; height: auto; }
.c-row:after { content: ""; display: table; clear: both;}
.c-i img { padding: 10px 0;}
.c-i p {font-size: 18px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 30px;}
.c-i strong {letter-spacing: 0; font-size: 20px; color: #A30D12;}
.c-i a { font-size: 18px; color: #000000!important; text-decoration: none; font-weight: 500;}
.c-i a:hover {font-size: 18px; color: #FE0203!important; text-decoration: none; font-weight: 500;}
.c-i h3 {font-size: 25px; letter-spacing: 1px; font-weight: 800;color: #A30D12; }
/**************************************** FORM STYLES ****************************************/
.con-text {padding: 20px 20px;}
.con-text p {text-align: left; font-size: 18px; line-height: 35px;color: #fff;}
.con-text a {text-align: left; font-size: 18px; line-height: 35px; color: #A30D12;}
.con-text h1 {text-align: left; font-size: 30px; line-height: 40px; color: #A30D12; text-transform: uppercase; font-weight: normal;}
.con-text strong {text-align: left; font-size: 50px; line-height: 50px; color: #A30D12; text-transform: uppercase;}
.c-form {position:relative; max-width: 75%; margin: 0 auto; padding: 20px;font-size: 18px; line-height: 35px; color: #A30D12;}
.c-form input[type="text"] { width: 98%; margin: 0px 0 12px 0; padding: 4px 1%;font-size: 14px; border: 1px solid #bebebe; -webkit-border-radius:0; border-radius:0;}
.th-btn a {border-radius: 4px; display: inline-block;padding: 10px 1.5em;margin: 20px 0;background-color: #414141; text-transform: uppercase;font-weight: 600; border: 1px solid #ccc;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all.3s ease-in-out;font-size: 15px; color: #fff;}
.th-btn a :hover {cursor: pointer;background-color: #222222; color: #A30D12; text-decoration: none;}
.c-form textarea {width: 98%;min-height:80px;margin:2px 0;padding: 4px 1%;font-size: 14px; background-color: #f9f9f9; border: 1px solid #bebebe;-webkit-border-radius:0;border-radius:0;}
.c-form input[type="submit"]{ height: 50px; cursor: pointer; width: auto; background: #A30D12; text-align: center; color: #FFFFFF; border-radius: 0 5px 5px 0; font-size: 18px; font-weight: bold;}
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header {color: #000!important;}
.ctct-form-embed.form_0 .ctct-form-defaults {background-color: #A30D12!important;}
div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {font-size: 20px!important; font-weight: bold!important; }
.ctct-inline-form {width: 65%; margin: auto;}
.CaptchaPanel { margin: 0!important; text-align: left!important; padding: 5px!important; }
/*-------------Middle------------------*/
.cwrapper{text-align: left; width: 100%; background-color: #DDDEE0; height: 100%; background-size: cover; display: inline-block;}
.cmiddle{margin: 0 auto;}
.crow:after { content: ""; display: table;clear: both;}
.ccolumn{ width: 100%; padding: 10px 0; height:auto; }
.cscolumn{width: 100%;height:auto; }
/* SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {border-top: #A30D12 solid 5px;border-bottom: #A30D12 solid 5px; width:100%; height:90px; overflow:hidden;}
.scrolling{ width:100%; height:92px;}
/*----------------------------------------*/
/* map secttion ------------------------------------------------*/
.cmcolumn{ width: 100%; height: auto; }
/*---------------Thank You------------------*/
/*----Info-----*/
.t-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 80px;}
.t-lcolumn { float: left; width: 45%; padding: 10% 0; height: auto; }
.t-lcolumn p { font-size: 18px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 30px; }
.t-lcolumn strong {letter-spacing: 0; font-size: 20px}
.t-lcolumn a { font-size: 18px; color: #000000!important; text-decoration: none; font-weight: 500;}
.t-lcolumn a:hover {font-size: 18px; color: #FE0203!important; text-decoration: none; font-weight: 500;}
.t-lcolumn h1 {font-size: 45px; letter-spacing: 1px; font-weight: 800; color:#A30D12; }
.t-rcolumn { float: left; width: 45%; padding-left: 10%; padding-top: 3% ;padding-bottom: 3%; height: auto; }
.t-row:after { content: ""; display: table; clear: both;}
.t-i img { padding: 10px 0;}
.t-i p {font-size: 18px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 30px;}
.t-i strong {letter-spacing: 0; font-size: 20px; color: #A30D12;}
.t-i a { font-size: 18px; color: #000000!important; text-decoration: none; font-weight: 500;}
.t-i a:hover {font-size: 18px; color:#FE0203!important; text-decoration: none; font-weight: 500;}
.t-i h3 {font-size: 25px; letter-spacing: 1px; font-weight: 800;color: #A30D12;}
.st-wrap { width: 100%; margin: 0 ; display: block; padding: 0;}
/*---------------Parts Box------------------*/
#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-search-container {margin-bottom: 20px;}
.container { background-color: #F0F0F0;}
#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-search-container { background-color:#FFFFFF;}
@media screen and (max-width: 1743px) {
/*----------Buttons-------------------------------*/
.cat-button {position: relative; margin: 10px; border-radius: 10px; border-color: #A30D12; border-width: medium; border-width: 6px; border-style: solid;background-color: #FFFFFF;width: 45%;}
/*----------------------------------------*/
.b-background{ background-color: #FFFFFF; height: auto; background-repeat: no-repeat;}
}
@media screen and (max-width: 1622px) {
.hmphone{display: none;}
/*----Header -----*/
.logo { position: relative; display: inline-block; padding: 30px 0 0 30px; width: auto;}
.hmiddle { left: 15%; }
.hmiddle p {font-size: 20px; }
.hphone p {font-size: 20px; }
.hphone a { font-size: 20px; }
.hphone a:hover {font-size: 20px; }
header .fa, footer .fa, header .fab, footer .fab{font-size: 35px; color: #c2262c;}
/*----------------------------------------*/
/*---About---*/
.about h1{ font-size: 35px;;}
.about p{ font-size: 18px; line-height: 30px;}
.about a { font-size: 18px; }
.about a:hover {font-size: 18px; }
/*---AboutPage---*/
.aabout h1{ font-size: 35px;;}
.aabout p{ font-size: 18px; line-height: 30px;}
.aabout a { font-size: 18px; }
.aabout a:hover {font-size: 18px; }
}
@media screen and (max-width: 1335px) {
/*----Header -----*/
.background{ height: 150px; }
.logo { position: relative; display: inline-block; padding: 20px 0 0 20px; width: auto;}
.hmiddle { left: 10%; padding-top: 45px;}
.hmiddle p {font-size: 18px; }
.hphone {padding-top: 45px; }
.hphone p {font-size: 18px; }
.hphone a { font-size: 18px; }
.hphone a:hover {font-size: 18px; }
/*----------------------------------------*/
}
@media screen and (max-width: 1220px) {
/*----Header -----*/
.background{ height: 130px; }
.hmiddle { left: 10%; padding-top: 35px;}
.hmiddle p {font-size: 16px; line-height: 30px;}
.hphone {padding-top: 35px; }
.hphone p {font-size: 18px; }
.hphone a { font-size: 18px; }
.hphone a:hover {font-size: 18px; }
/*----------------------------------------*/
footer .foot-nav li a {font-size: 16px; line-height:20px;}
footer .foot-nav li a:hover {font-size: 16px; }
}
@media screen and (max-width: 1105px) {
/*----Header -----*/
.background{ height: 120px; }
.hmiddle { left: 12%; padding-top: 35px;}
.hmiddle p {font-size: 14px; line-height: 30px;}
.hphone {padding-top: 35px; right: 6%; }
.hphone p {font-size: 16px; }
.hphone a { font-size: 16px; }
.hphone a:hover {font-size: 16px; }
/*----------------------------------------*/
footer .foot-nav li a {font-size: 14px; list-style: none;color: #000000;text-transform: uppercase;font-weight: 800; line-height:20px;}
footer .foot-nav li a:hover {color:#f30203; font-size: 14px; text-decoration: none; font-weight: 800;text-shadow: 2px 2px 4px #a7a9ab;}
.column4 {}
.fco{padding: 0 15px;}
footer a { padding: 0 10px}
strong {font-size: 18px;}
.soc-media p {font-size: 14px; }
}
/*-----------Mobile Nav Styles-------------*/
@media screen and (max-width: 990px) {
/*----Header -----*/
.hcolumn {float: left; width: 33%;}
.hmcolumn {display: 33%;}
.hrcolumn {float: left; width: 33%;}
.hphone{display: none;}
.hmphone{display: inline-block;}
.hmphone {float: right; display: inline-block; position: relative; right: 10%; padding-top: 55px;}
.hmphone ul li { display:inline-block;margin:0;list-style-type:none; width:auto; }
.hmphone ul li a {line-height:60px;text-decoration:none; display:block;margin:0;-webkit-transition:.4s ease-in;-moz-transition:.2s ease-in; -o-transition:.2s ease-in; transition:.2s ease-in; padding:0 12px;}
.logo { position: relative; display: inline-block; padding: 10px 0 0 10px; width: auto;}
.background{ height: 100px; }
.hmiddle { left: 30%; padding-top: 25px;}
.hmiddle p {font-size: 12px; line-height: 18px; font-weight: 700;}
.hmphone {padding-top: 25px; right: 6%; }
.hmphone a { font-size: 16px; }
.hmphone a:hover {font-size: 16px; }
/*----------------------------------------*/
.b-background{ background-color: #FFFFFF; height: auto; background-repeat: no-repeat;}
/*----------Buttons-------------------------------*/
.cat-button {position: relative; margin: 10px; border-radius: 10px; border-color: #A30D12; border-width: medium; border-width: 6px; border-style: solid;background-color: #FFFFFF;width: 100%;}
/*----------------------------------------*/
/*---About---*/
.about h1{ font-size: 25px;;}
.about p{ font-size: 16px; line-height: 30px;}
.about a { font-size: 16px; }
.about a:hover {font-size: 16px; }
/*---footer---*/
.column4 {width: 100%; padding-bottom: 20px;}
/*---AboutPage---*/
.aabout h1{ font-size: 25px;;}
.aabout p{ font-size: 16px; line-height: 30px;}
.aabout a { font-size: 16px; }
.about a:hover {font-size: 16px; }
footer .fab {
font-size: 30px;
color: #c2262c;
}
header .fa, header .fas, header .fab {
font-size: 30px;
color: #c2262c;
}
}
@media screen and (max-width: 875px) {
/*----Header -----*/
.background{ height: 100px; }
.hcolumn {float: left; width: auto;}
.hmcolumn {display: none;}
.hrcolumn {float: right; width: auto;}
.logo img {max-width: 60%; }
/*----contact----*/
.c-wrap {width: 100%; margin: 0 auto; max-width: 1340px; }
.c-lcolumn { float: left; width: 100%; padding: 0; height: auto; }
.c-rcolumn { float: left; width: 75%; padding-left: 10%; height: auto; padding-bottom: 3%;}
/*----ThankYOu---*/
.t-lcolumn { float: left; width: auto; padding: 5%; height: auto; }
.t-rcolumn { float: left; width: 75%; padding-left: 5%; height: auto; padding-bottom: 3%;}
.t-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}
}
@media screen and (max-width: 585px) {
/*----Header -----*/
.background{ height: 90px; }
.hcolumn {float: left; width: 50%;}
.hrcolumn {float: right; width: 30%;}
.hmphone {float: right; display: inline-block; position: relative; right: 0; padding-top: 20px;}
.logo{width: 100%;}
.logo img {max-width: 100%; }
.divfooter {
color: #FFFFFF;
text-align: center;
font-size: 10px;
transition: all 0.3s;
padding: 0 5px;}
.divfooter a {color: #FFFFFF;transition: all 0.3s; font-size: 10px!important}
.divfooter a:hover {opacity: 0.6; color: #A30D12;font-size: 10px!important}
.footertext {text-align: center;padding: 0 !important;}
/*contact page--*/
.c-i p {font-size: 16px; }
.c-i strong { font-size: 18px}
.c-i a { font-size: 16px; }
.c-i a:hover {font-size: 16px; }
.c-i h3 {font-size: 20px; }
/*ThankYOupage--*/
.t-i p {font-size: 16px; }
.t-i strong { font-size: 18px}
.t-i a { font-size: 16px; }
.t-i a:hover {font-size: 16px; }
.t-i h3 {font-size: 20px; }
.t-lcolumn p { font-size: 16px; }
.t-lcolumn strong { font-size: 20px}
.t-lcolumn a { font-size: 16px; }
.t-lcolumn a:hover {font-size: 16px;}
.t-lcolumn h1 {font-size: 35px; }
.t-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}
}
@media screen and (max-width: 384px) {
/*----Header -----*/
/*---About---*/
.about h1{ font-size: 20px;}
.about p{ font-size: 14px; line-height: 30px;}
.about a { font-size: 14px; }
.about a:hover {font-size: 14px; }
.about{padding: 20px;}
/*---AboutPage---*/
.aabout h1{ font-size: 20px;}
.aabout p{ font-size: 14px; line-height: 30px;}
.aabout a { font-size: 14px; }
.aabout a:hover {font-size: 14px; }
.aabout{padding: 20px;}
}
@media screen and (max-width: 367px) {
/*----Header -----*/
.background{ height: 70px; }
header .fa, header .fab, header .fas{font-size: 20px; }
.hmphone ul li a { padding:0 8px;}
.hmphone {float: right; display: inline-block; position: relative; right: 0; padding-top: 10px;}
/*contact page--*/
.c-i p {font-size: 12px; }
.c-i strong { font-size: 14px}
.c-i a { font-size: 12px; }
.c-i a:hover {font-size: 12px; }
.c-i h3 {font-size: 16px; }
/*ThankYOupage--*/
.t-i p {font-size: 12px; }
.t-i strong { font-size: 14px}
.t-i a { font-size: 12px; }
.t-i a:hover {font-size: 12px; }
.t-i h3 {font-size: 16px; }
.t-lcolumn p { font-size: 12px; }
.t-lcolumn strong { font-size: 14px}
.t-lcolumn a { font-size: 12px; }
.t-lcolumn a:hover {font-size: 12px;}
.t-lcolumn h1 {font-size: 25px; }
}
@media screen and (max-width: 280px) {
/*----Header -----*/
.background{ height: 60px; }
.hmphone ul li a { padding:0 8px;}
.hmphone {float: right; display: inline-block; position: relative; right: 0; padding-top: 3px;}
.hcolumn {float: left; width: 50%;}
.hrcolumn {float: right; width: 50%;}
/*---About---*/
.about h1{ font-size: 18px;}
.about p{ font-size: 12px; line-height: 25px;}
.about a { font-size: 12px; }
.about a:hover {font-size: 12px; }
/*---Aboutpage---*/
.aabout h1{ font-size: 18px;}
.aabout p{ font-size: 12px; line-height: 25px;}
.aabout a { font-size: 12px; }
.aabout a:hover {font-size: 12px; }
/*----footer*/
footer .foot-nav li a {font-size: 12px; line-height:18px;}
footer .foot-nav li a:hover {color:#f30203; font-size: 12px; }
/*contact page--*/
.c-i p {font-size: 11px; }
.c-i strong { font-size: 12px}
.c-i a { font-size: 11px; }
.c-i a:hover {font-size: 11px; }
.c-i h3 {font-size: 14px; }
/*ThankYOupage--*/
.t-i p {font-size: 11px; }
.t-i strong { font-size: 12px}
.t-i a { font-size: 11px; }
.t-i a:hover {font-size: 11px; }
.t-i h3 {font-size: 14px; }
.t-lcolumn p { font-size: 11px; }
.t-lcolumn strong { font-size: 14px}
.t-lcolumn a { font-size: 11px; }
.t-lcolumn a:hover {font-size: 11px;}
.t-lcolumn h1 {font-size: 18px; }
}