body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}

@media (max-width: 767px) {
    body {
        position: relative;
        z-index: 1;
    }
    #outer-wrapper:after {
        content: "";
        position: fixed;
        top: 0;
        height: 100vh;
        left: 0;
        right: 0;
        z-index: -1;
        background: #fff url(https://psmfirestorm.blob.core.windows.net/60636147-8f79-4443-80f7-1fd8e5147367/honda-talon-background.jpg) no-repeat center center;
        background-size: cover;
    }
}

@media (min-width: 768px) {
    body {
        background: #fff url(https://psmfirestorm.blob.core.windows.net/60636147-8f79-4443-80f7-1fd8e5147367/honda-talon-background.jpg) no-repeat center center;
        background-attachment: fixed;
        background-size: cover;
    }
}

a {
    color: #000000;
    font-weight: 900;
    transition: .3s;
}

a:focus, a:hover {
    color: #fa210f;
    text-decoration: none;
}

a.promo-link {
    color: #000;
}

a.promo-link:hover {
    color: #fa210f;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Fugaz One', sans-serif;
    font-weight: unset;
    text-transform: uppercase;
}

.page-background > div,
#inventory-page,
#vdp-container,
#promotions-page,
#promotions-page {
    background-color: rgba(255, 255, 255, 0.77);
    padding: 15px;
}

.no-hdr {
    margin-top: 30px;
}

#content-container {
    padding-bottom: 30px;
}

#home-page {
    margin-bottom: -30px;
}

#inventory-page {
    margin-top: 30px;
}

.homeSection1 {
    background-color: white;
    position: relative;
}

.homeSection1:after {
    content: '';
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    width: 100%;
    height: 29%;
    position: absolute;
    bottom: -29%;
    display: inline-block;
}

#employees-team-page > div.row > div > h1 {
    text-align: center;
    font-size: 50px;
    margin-bottom: 0;
}






/* HEADER */

header.body {
    background-color: black;
    box-shadow: 0px 0px 10px black;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
}

.headercontainer {
    width: 768px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
}

.headercontainer a {
    font-weight: unset;
    color: white;
}

.headerlogo {
    flex: 0 0 32%;
}

.hsocialwrapper {
    text-align: right;
}

.headerblock .siteSearch .searchContainer {
    display: flex;
}

.headerslogan {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 19px;
    margin-top: 10px;
}

.headerslogan span {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Fugaz One', sans-serif;
}

.header-phone {
    font-family: 'Fugaz One', sans-serif;
    font-size: 37px;
    color: #fa2111;
    text-align: center;
}

.header-phone a {
    color: #fa2111;
}

.headerblock .dealer-address {
    border-right: 1px solid gray;
    padding-right: 5px;
}

.headerblock .dealer-city {
    padding-left: 5px;
}

.header-phone span {
    padding-right: 5px;
}

.headerblock .siteSearch .searchContainer {
    display: flex;
}

.siteSearch .form-control {
    background-color: #ffffff;
    border: 2px solid #000000;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 15px 16px 15px 5px;
    font-size: 14px;
}

.siteSearch .btn-primary {
    background-color: #fa2111;
    border: 2px solid #000000;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 14px;
    margin: 5px 0;
}

.hsocialwrapper a {
    font-size: 26px;
    padding: 8px;
}






/* NAVIGATION */

#main-nav {
    margin-bottom: 2px;
    background-color: #d1d1d1;
}

@media (min-width: 768px) {
.navbar-nav {
    float: none;
    display: flex;
    justify-content: space-around; }
}

.navbar-nav>li>a {
    text-transform: uppercase;
    font-family: 'Fugaz One', sans-serif;
    color: #000000;
    font-size: 18px;
}

.social-media-icons {
    display: none;
}






/* CONTENT */

.oem-wrapper {
    padding-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

/*.oem-wrapper:after {
    content: '';
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    width: 100%;
    height: 29%;
    position: absolute;
    bottom: -28%;
}*/

.oem-container {
    display: flex;
    align-items: center;
    width: 100%;
    margin: auto;
    justify-content: center;
}

.oem-container a {
    padding: 1% 5%;
}

.oem-container img {
    max-height: 115px;
    transition: .3s;
}

.oem-container a:hover img {
    transform: scale(1.2);
}

.home-button-container {
    display: flex;
    justify-content: space-around;
    margin: 8% 0;
}

.home-button-container a {
    background-color: #000000;
    flex: 0 0 45%;
    text-align: center;
    border: 2px solid #ffffff;
    padding: 16px 0;
    position: relative;
    transform: skewX(-5deg);
}

.home-button-container a:after {
    content: '';
    width: 233px;
    height: 6px;
    background-color: #fa2111;
    position: absolute;
    left: 50%;
    bottom: -4px;
    transition: .5s;
    transform: translateX(-50%);
}

.home-button-container a:hover:after {
    width: 101%;
    left: 50%;
}

.home-button-container h3 {
    font-size: 42px;
    margin: 0;
    color: #ffffff;
    transition: .3s;
}

.home-button-container a:hover h3 {
    color: #fa210f;
}

.home-button-container h5 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 100;
    font-size: 23px;
    margin: 0;
    color: #c7c7c7;
}

.home-about {
    color: black;
}

.home-about .btn-primary {
    display: block;
    width: max-content;
    margin: auto;
}

.home-type-wrapper {
    display: flex;
    width: 95%;
    margin: auto;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 1900px;
}

.home-type-wrapper a {
    padding: 2%;
    text-align: center;
    flex: 0 0 20%;
}

.home-type-wrapper img {
    /*filter: grayscale(1) opacity(0.5);*/
    max-height: 142px;
    transition: .3s;
}

.home-type-wrapper a:hover img {
   transform: scale(1.2);
}

.type-text h5 {
    margin-top: 20px;
    border-bottom: 1px solid gray;
    width: max-content;
    margin: 20px auto 8px;
    padding: 1px 10px;
}

.type-text h3 {
    margin-top: 0;
    color: #fa210f;
    transition: .3s;
    font-size: 2vw;
}

.home-type-wrapper a:hover h3 {
    letter-spacing: 2px;
}

.parts-header,
.service-header,
.about-header,
.map-header,
.employment-header,
.financing-header {
    background-size: 100%;
    background-attachment: fixed;
    position: relative;
    border-bottom: 5px solid white;
}

.parts-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/2e668a93-6aa6-4236-af35-5a859987d0e4/parts-header-honda.jpg);
}

.service-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/502ee5a3-1222-48b9-bd5e-64978f0dc67f/service-header.jpg);
}

.about-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/a2d69d3b-0beb-4e79-a08a-d2f50f5bf75d/about-header-2.jpg);
}

.map-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/1f0c266c-d40b-4936-a675-a25294bc0905/map-header-honda.jpg);
}

.employment-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/0e66beb0-c061-4a96-9619-e23c16712851/employment-header.jpg);
}

.financing-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/aa995e05-5964-4d37-a1ac-1f1b71d0c3a3/financing-header.jpg);
}

.p-header h1 {
    margin: 0;
    color: white;
    text-align: center;
    font-size: 60px;
    line-height: 38px;
    padding: 15% 0 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 1) 100%);
}

.department-container .department {
    padding: 20px 0;
    background: transparent;
}

.department .employee {
    background: #fff;
    border-radius: 8px;
    padding: 10px;
}

.department .employee .name p {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 0;
}

.department .employee .job p {
    margin-bottom: 0;
}

.department .title {
    border: 2px solid #fff;
    background: #e71838;
    border-radius: 8px;
    color: white;
}

.map-wrapper {
    position: relative;
    padding-bottom: 115%;
}

.map-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mapandhourstbl td:last-child {
    padding-left: 15px;
}





.serviceCoupon {
    background-color: white;
    color: black;
    text-align: center;
    width: 500px;
    margin: 15px auto;
    padding: 15px;
    border: 5px dashed #fa2110;
}

.serviceCoupon h2 {
    margin-top: 0;
}

.serviceCoupon h1 {
    font-size: 138px;
    margin: -34px 0 0;
    background: -webkit-linear-gradient(#fa2110, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.serviceCoupon h1 span {
    display: block;
    font-size: 50px;
    margin-top: -34px;
}

.serviceCoupon h1 sup {
    font-size: 27px;
    -webkit-text-fill-color: black;
}

.serviceCoupon p {
    font-size: 12px;
    margin: 0;
}


@media (max-width: 767px) {
.serviceCoupon {
    width: 325px;
}

.serviceCoupon h2 {
    margin-top: 0;
    font-size: 26px;
}

.serviceCoupon h1 {
    font-size: 105px;
    margin-top: -27px;
}

.serviceCoupon h1 span {
    font-size: 44px;
    margin-top: -21px;
}
}









/* FEATURED INVENTORY */

.featuredinventory {
    position: relative;
    z-index: 1;
}

.single-item-slider .item-detail {
    font-weight: 100;
}

.single-item-slider .item-detail .name {
    line-height: 17px;
    font-size: 14px;
}

.single-item-slider .item .item-inner {
    padding-bottom: 11%;
}

.single-item-slider .item {
    background-color: #ffffff;
    border: 1px solid #787878;
}

.single-item-slider .item-detail .price {
    font-size: 18px;
    padding: 0 2%;
    font-weight: 800;
    text-transform: uppercase;
    bottom: 0;
    color: #fa2111;
}

.home-about-section {
    background-image: url(https://psmfirestorm.blob.core.windows.net/20b0b734-4033-424b-a525-25da71c4ab32/honda-bottom.jpg);
    background-size: contain;
    padding: 0 0 30%;
    background-position: bottom center;
    position: relative;
    background-color: white;
    background-repeat: repeat-x;
    background-repeat-y: no-repeat;
    margin-bottom: -30px!important;
    display: inline-block;
    width: 100%;
}

.home-about-section:before {
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    width: 100%;
    height: 20%;
    position: absolute;
    top: -20%;
    display: inline-block;
}


.featured-section {
    padding-bottom: 6%;
}




/* INVENTORY */

.panel-heading .panel-toggle {
    text-transform: uppercase;
}

#FilterQuickSearch {
    margin: 0;
    border: 2px solid #000000;
    border-right: none;
}

.input-group-addon:last-child {
    border-left: 0;
    background-color: #fa2111;
    color: white;
    border: 2px solid #152435;
    border-radius: 0;
}

#filters-box .panel-body li {
    color: #343434;
}

#vehicleList>div {
    margin: 0;
    padding: 10px;
}

.inventory-container .vehicle .title {
    padding: 5px;
    border-top: 3px solid #d1d1d1;
}

.vehicleyearmake {
    font-weight: 100;
}

.vehiclemodel {
    text-transform: uppercase;
    font-size: 20px;
    min-height: 41px;
    line-height: 20px;
}

.inventory-container .vehicle .price {
    font-size: 23px;
    text-align: center;
    padding-right: 7px;
    text-transform: uppercase;
    color: #e71838;
}

.specs-panel.panel-body {
    background-color: #fff;
    color: #000;
}

.inventory-container .vehicle .cta-box {
    margin: 9px auto;
    top: -6px;
    background: #e71837;
    transition: .3s;
    padding: 10px 13px;
    font-size: 19px;
    max-width: unset;
    width: max-content;
}

.inventory-container .vehicle .cta-box:hover {
    background-color: black;
}

.inventory-container .vehicle .cta-box a {
    color: white;
}

.inventory-container .vehicle .savings {
    margin-top: 6px;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
}










/* FORMS */



.form-control {
    border-radius: 0;
}


@-webkit-keyframes btn-primary {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}

@keyframes btn-primary {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}


/* Icon Float Away */

.mainform .btn-primary {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}

.mainform .btn-primary:before,
.mainform .btn-primary:after {
    content: "\f178";
    position: absolute;
    right: 14px;
    padding: 1px;
    font-family: FontAwesome;
}

.mainform .btn-primary:after {
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.mainform .btn-primary:hover:after,
.mainform .btn-primary:focus:after,
.mainform .btn-primary:active:after {
    -webkit-animation-name: btn-primary;
    animation-name: btn-primary;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.btn-primary {
    color: #fff;
    background-color: #fa2111;
    border-color: #ffffff;
    text-transform: uppercase;
    padding: 8px 24px;
    letter-spacing: 1px;
    border-radius: 0;
    font-size: 18px;
    font-weight: 800;
    transition: .3s;
}

.btn-sec {
    width: max-content;
    margin: auto;
    display: block;
}

.btn-primary:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.mainform .btn-primary {
    margin-top: 15px;
}

.field-validation-valid,
.field-validation-error {
    position: absolute;
    right: 12px;
    top: 5px;
}

.vdp-inquire .form-control,
.vdp-inquire span {
    position: relative;
    right: 0;
    top: 0;
}

.mainform {
    height: max-content;
}

.mainform > div {
    background-color: white;
    padding: 25px;
}

.form-control {
    font-size: 14px!important;
    border: none;
    box-shadow: none;
    background-color: #f2f2f2;
    margin: 5px 0;
    border-radius: 0;
}

.form-header-text {
    font-family: 'Fugaz One', sans-serif;
    text-transform: uppercase;
    font-size: 29px;
    margin-bottom: 12px;
    position: relative;
    margin-left: 10px;
}

.form-header-text:after {
    content: '';
    width: 33px;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 0;
    border: 2px solid #ea1939;
    border-radius: 8px;
}

.forms-title-section {
    font-size: 18px;
    margin-left: 10px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
#Form1070 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5),
#Form1071 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5),
#Form1313 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5),
#Form1313 > div:nth-child(1) > fieldset > div:nth-child(n+11):nth-child(-n+14) {
    width: 25%;
    display: inline-block;
    padding: 0 5px;
}

#Form1070 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9),
#Form1071 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9),
#Form1313 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9) {
    width: 33.33%;
    display: inline-block;
    padding: 0 5px;
}

#Form1073 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+7) {
    width: 50%;
    display: inline-block;
    padding: 0 5px;
}

#Form1070 > div:nth-child(1) > fieldset > div:nth-child(n+11),
#Form1071 > div:nth-child(1) > fieldset > div:nth-child(n+11),
#Form1073 > div:nth-child(1) > fieldset > div:nth-child(n+8),
#Form1313 > div:nth-child(1) > fieldset > div:nth-child(n+15) {
    padding: 0 5px;
}
}

.inquiryformcontainer,
.locationBox {
    background-color: white;
}

.vdpinquiryheader {
    margin-bottom: -12px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    font-size: 27px;
    position: relative;
}

.vdpinquiryheader:after {
    content: '';
    width: 33px;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 0;
    border: 2px solid #ea1939;
    border-radius: 8px;
}

#vehicleInquiryForm > fieldset > hr {
    display: none;
}






/* FOOTER */

footer.body .outer-wrapper {
    background-color: #d1d1d1;
    color: #000000;
    text-align: center;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(209,209,209,1) 100%);
}

footer.body .outer-wrapper a, footer.body .outer-wrapper a:visited, footer.body .outer-wrapper a:active {
    color: #fa2111;
}

.footer {
    background-color: #000;
    border-top: 3px solid #d1d1d1;
}

.footercontainer {
    width: 100%;
    margin: auto;
    display: flex;
    padding: 50px 15px;
    justify-content: space-between;
    line-height: 30px;
    flex-flow: column;
    text-align: center;
    color: white;
}

.footercontainer a {
    font-weight: 100;
    color: white;
}

.footerlogo {
    max-width: 250px;
}

.footersocial {
    text-align: center;
    margin-top: 20px;
}

.footersocial a {
    font-size: 26px;
    padding: 10px 0;
    border: 2px solid #d1d1d1;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: inline-block;
}

.footersocial a:hover {
    background-color: #000000;
}

a.footercontact.btn.btn-primary {
    font-weight: 800;
    font-size: 16px;
    margin-top: 14px;
}

a.headercontact.btn.btn-primary {
    font-weight: 800;
    margin-top: -8px;
    font-size: 10px;
    padding: 5px 2px;
}

.footerblock ul {
    list-style: none;
    padding: 0;
}

.footerblock li:before {
    content: '\276F';
    color: #fa210f;
    position: relative;
    left: -11px;
    transition: .3s;
}

.footerblock ul a li {
    margin-left: 10px;
    position: relative;
}

.footerblock a:hover li:before {
    transform: rotate(360deg);
}

.footerContact {
    text-transform: uppercase;
}

.footerhours {
    width: 290px;
    margin: 0 auto;
}

.footerhours td:first-child {
    text-align: left;
}

.footerhours td:last-child {
    text-align: right;
    padding-left: 25px;
}

.footerblock h3,
.featuredinventory h2,
.home-about h1 {
    position: relative;
}

.home-about h1 {
    text-align: center;
}

.footerblock h3:after,
.featuredinventory h2:after {
    content: '';
    width: 290px;
    height: 3px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid #fa2111;
    border-radius: 8px;
}

.home-about h1:after {
    content: '';
    width: 90%;
    height: 3px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid #fa2111;
    border-radius: 8px;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.footer-bottom {
    width: 100%;
    margin-top: 15px;
}

.footer-bottom h4 {
    text-align: center;
}

.footer-bottom div {
    display: flex;
    flex-direction: column;
}

.footer-bottom .btn-primary {
    background-color: #d1d1d1;
    color: #000000;
    letter-spacing: 0;
    margin: 5px;
}


.siteSearch-M button {
    height: 34px;
    margin-top: 5px !important;
    padding: 3px;
}

.maptext {
    text-align: center;
}

.mapandhourstbl {
    width: 290px;
    margin: 0 auto;
}

.jumbotron, #creditAppForm section {
    background: #ffffff !important;
    color: black !important;
}

.jumbotron .text-muted, .jumbotron h1 {
    color: black !important;
}

.featuredinventory .single-item-slider .slider-control {
    color: #fa2111;
}

.featuredinventory .single-item-slider .slider-control:hover {
    color: #000000;
}

.footerContact > div {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-family: 'Fugaz One', sans-serif;
    margin-top: 10px;
}

.footer-bottom > div.footerLocations {
    margin-top: 20px;
    flex-direction: column;
}

.footer-bottom > div.footersocial {
    flex-direction: row;
    justify-content: center;
}

.footersocial a {
    margin: 0 10px;
}

.blog-posts .post, #blog-page .post, .blog-filters {
    background: rgba(255, 255, 255, 0.77);
}

.vdp-inquire {
    border: none;
    font-size: 14px !important;
    border-radius: 0;
    background: #f2f2f2;
}
.vdp-inquire[placeholder~="Name"] {
    width: 7em;
}
.customForm [placeholder="Zip Code"] {
    width: 65px;
}
.vdp-inquire[placeholder~="Email"] {
    width: 10em;
}
.vdp-inquire[placeholder~="Phone"] {
    width: 9em;
}
textarea.vdp-inquire {
    width: 100%;
    min-height: 60px;
}

@media (max-width: 767px) {
.headercontainer img {
    display: none;
}
.p-header {
    background-size: cover;
    background-position: center;
    background-attachment: unset;
}
    .headercontainer {
        display: none;
    }
    .home-button-container {
        flex-direction: column;
        margin: 0 0 8%;
    }
    .home-type-wrapper {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .home-type-wrapper a {
        flex: 0 0 31%;
        min-width: 145px;
    }
    .home-type-wrapper .type-text h3 {
        font-size: 4vw;
    }
#main-nav {
    position: fixed;
    width: 100%;
    z-index: 2040;
    top: 78px;
}
    .navbar-nav>li>a {
        padding: 20px 15px;
    }
    #main-nav .dropdown-menu>li>a {
        padding-top: 15px;  
        padding-bottom: 15px;
    }
    #main-nav-collapse {
        max-height: calc(100vh - 65px);
    }
    .home-button-container h3 {
        font-size: 11vw;
    }
    .home-button-container a:last-child {
         margin-top: 30px;
    }
    .featuredinventory h2 {
        font-size: 7vw;
    }
    .featuredinventory h2:after {
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
    }
    .featuredinventory .single-item-slider .slider-outer {
        height: 226px;
    }
    .home-about h1 {
        font-size: 5vw;
    }
    #inventory-page, #vdp-container {
        margin-top: 0;
    }
#content-container {
    padding-bottom: 0;
    margin-top: 75px;
}
.top-bar-announcement {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 44;
    min-height: 78px;
}
    #home-page {
        margin-bottom: 0;
    }
.p-header h1 {
    font-size: 8vw;
    padding: 25% 0 0;
}
    .department .employee {
        max-width: 300px;
    }
    .department .employee .job p {
        font-size: 20px;
    }
    .maptext .dealer-name {
        font-size: 8vw;
    }
    .maptext h3 {
        font-size: 6vw;
    }
    .homeshopbuttons > .widget-inner, .servicetext > .widget-inner, .partstext > .widget-inner, .financetext > .widget-inner, .abouttext > .widget-inner, .mappage > .widget-inner {
        margin-top: 0 !important;
    }
    #Form1070 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5), #Form1071 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5), #Form1070 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9), #Form1071 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9), #Form1073 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+7) {
        width: 100%;
    }
}

@media (min-width: 768px) {
     .footercontainer {
        width: 768px;
    }
    .featuredinventory h2:after {
        width: 28px;
        left: 0;
        transform: none;
    }
    .featuredinventory .single-item-slider .slider-outer {
        height: 235px;
    }
    .featuredinventory .single-item-slider .item-detail .price {
        font-size: 16px;
    }
    .home-about-section {
        background-position-x: 80px;
        padding-bottom: 13%;
    }
    .headerblock:nth-child(3) {
        flex: 0 0 27%;
    }
    .headerblock:nth-child(2) {
        flex: 0 0 38%;
    }
    .header-phone {
        font-size: 28px;
    }
    .maptext .dealer-name {
        font-size: 30px;
    }
    .maptext h3 {
        font-size: 20px;
    }
    #main-nav .nav>li>a {
        font-size: 16px;
    }
    .maptext {
        margin-bottom: 30px;
    }
    .home-about h1 {
        font-size: 24px;
    }
    .home-about h1:after {
        width: 51px;
        left: 22px;
        transform: none;
    }    
}

@media (min-width: 992px) {
    .headercontainer, .footercontainer {
        width: 972px;
    }
    .footer-top {
        flex-direction: row;
    }
    .home-type-wrapper { 
        width: 90%;
    }
    .footercontainer {
        text-align: left;
    }
    .footerhours {
        width: auto;
    }
    .footerblock li:before {
        position: absolute;
    }
    .footerblock h3:after {
        width: 28px;
        left: 0;
        transform: none;
    }
    .home-button-container h3 {
        font-size: 50px;
    }
    .homeslider {
        margin-top: 25px;
    }
    .home-about h1 {
        font-size: 26px;
    }
    .home-about h1:after {
        width: 51px;
        left: 40px;
    }    
    .featuredinventory .single-item-slider .slider-outer {
        height: 226px;
    }
    .featuredinventory .single-item-slider .item-detail .price {
        font-size: 18px;
    }
    .home-about-section {
        background-position-x: 60px;
    }
    .headerblock:nth-child(3), .headerblock:nth-child(2) {
        flex: 0 0 auto;
    }
    .header-phone {
        font-size: 37px;
    }
    .inventory-container .vehicle .price {
        font-size: 21px;
    }
    .maptext h3 {
        font-size: 24px;
    }
    #main-nav .nav>li>a {
        font-size: 18px;
    }
    .maptext {
        text-align: left;
    }
    .mapandhourstbl {
        width: auto;
        margin: 0;
    }
    .maptext {
        margin-bottom: 0;
    }
    a.headercontact.btn.btn-primary {
        font-size: 16px;
        margin-top: 0;
        padding: 8px;
    }
    .footer-bottom > div.footersocial { 
        justify-content: flex-start;
    }
}

@media (min-width: 1200px) {
    .headercontainer, .footercontainer {
        width: 1180px;
    }
    .home-type-wrapper { 
        min-width: 1140px;
        width: 80%;
    }
    .oem-container {
        min-width: 1200px;
    }
    .home-type-wrapper .type-text h3 {
        font-size: 24px;
    }
    .homeslider {
        margin-top: 0;
    }
    .home-about h1 {
        font-size: 30px;
    }
    .home-about h1:after {
        left: 14px;
    }   
    .inventory-container .vehicle .price {
        font-size: 23px;
    }
    .maptext .dealer-name {
        font-size: 36px;
    }
    .home-about-section {
        background-position-x: 22%;
    }
}




@media (max-width: 1199px) {
.inventory-container .vehicle .cta-box {
    padding: 6px 11px;
    font-size: 15px;
}
}
