body { 
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}

@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: #cccccc url(https://psmfirestorm.blob.core.windows.net/bf816d28-5db4-4b01-9833-dceff973d3b7/background.jpg) no-repeat center center;
      background-color: black;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
}

@media (min-width: 768px) {
    body {
        background: #cccccc url(https://psmfirestorm.blob.core.windows.net/bf816d28-5db4-4b01-9833-dceff973d3b7/background.jpg) no-repeat center center;
      background-color: black;
       background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

a {
    color: #ffffff;
    font-weight: 700;
    transition: .3s;
}

a:focus, a:hover {
    color: #dc4405;
    text-decoration: none;
}

.a-ani {
	text-decoration: none; 
	position: relative; 
	display:inline-block;
}
.a-ani::after {
	content:''; 
	position: absolute; 
	bottom: 0; 
	width: 0%; 
	left: 50%; 
	transform: translateX(-50%); 
	border-bottom: 2px solid #a2a2a2; 
	transition: 0.3s;
}
.a-ani:hover::after {
	width:100%;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    text-transform: uppercase;
}

#content-container {
    padding-bottom: 30px;
}

#home-page {
    margin-bottom: -30px;
}

.home-section-1 {
    padding: 30px 0;
}

.featured-section {
    background-color: #dedede;
    margin-top: 0px!important;
}

.page-background > div,
#calendar-page,
#employees-team-page,
#promotions-page,
#inventory-page,
#vdp-container,
#thankyou-page,
#showroom,
#blog-page,
#blog-detail,
#credit-thankyou-page,
#events-page,
#privacy-policy,
.custom-page,
#vdp-container,
#creditAppContainer {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px;
}

#payment-calculator-page {
    padding: 15px 30px;
}

.blurbBanner {
    z-index: 1;
}

.breadcrumb {
    background-color: #868686;
}


.box1 {
    background-image: url(https://psmfirestorm.blob.core.windows.net/94d36407-982d-4ac5-bc9d-fda6aeb5214a/dealership-photo.jpg);
    background-size: cover;
    background-position: 0 0px;
    position: relative;
    margin-top: 0px!important;
    margin-bottom: -30px;
}









/* HEADER */

header.body {
    margin-bottom: 0;
}

/*
.header-container {
    background-image: url(https://psmfirestorm.blob.core.windows.net/ea126f92-6d45-4cb7-b489-aaceb1b78b68/header-image.jpg);
    background-size: cover;
    position: relative;
}

.header-container:after {
    content: '';
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
}
*/

.header-container a {
    color: white;
    font-weight: 100;
}

.header-container a:hover {
    color: #dc4405;
}

.header-wrapper {
    width: 100%;
    margin: auto;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

.header-logo {
    flex: 0 0 40%;
    font-weight: 700;
    text-align: center;
    font-size: 21px;
    line-height: 35px;
    display: flex;
    justify-content: space-around;
}

.header-logo span {
    display: block;
}

.header-phone a {
    font-size: 24px;
    font-weight: 700;
    line-height: 41px;
    padding: 0 25px;
    display: block;
}

.header-addy .dealer-address {
    display: block;
}

.header-social {
    text-align: center;
    margin-top: 10px;
}

.header-social span {
    font-size: 35px;
}

.headerNews {
    text-align: center;
}

.headerNews h5 span {
    display: block;
}

.headerNews .fa-envelope {
    font-size: 30px;
    color: #dc4305;
}






/* NAVIGATION */

#main-nav {
    position: relative;
    z-index: 2;
}

.navbar-nav>li>a {
    color: white;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px black;
    font-size: 16px;
    transition: .3s;
}

.nav>li>a:focus, .nav>li>a:hover,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    color: #dc4405;
}

@media (min-width: 768px) {
.navbar-nav {
    float: none;
    display: flex;
    justify-content: space-around; 
}
}






/* CONTENT */

.side-btn-wrapper {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.side-btn-txt {
    background-color: #dc4405;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.side-btn-txt:after {
    content: '';
    background-image: url(https://psmfirestorm.blob.core.windows.net/bb967430-516d-4daa-a5fe-01c68be9c674/btn-background-wht.png);
    position: absolute;
    width: 100%;
    height: 91%;
    left: 77%;
    top: 19px;
    background-size: 48%;
    background-repeat: no-repeat;
    transition: .4s;
}

.side-btn-wrapper a:hover .side-btn-txt:after {
    left: -26%;
}

.side-btn-wrapper > a:nth-child(1) > .side-btn-txt {
    margin-bottom: 63px;
    margin-top: 21px;
}

@media (max-width: 1199px) {
.side-btn-wrapper > a:nth-child(1) > .side-btn-txt {
    margin-bottom: 45px; }
}

@media (max-width: 991px) {
.side-btn-wrapper > a:nth-child(1) > .side-btn-txt {
    margin-bottom: 0;
    margin-top: 0; 
}

.side-btn-txt {
    margin-bottom: 25px;
}

.footerNews {
    margin-bottom: 30px;
}

.videoWrapper.creditWrapper {
    padding-bottom: 138%;
}
}

@media (max-width: 767px) {
.side-btn-wrapper > a:nth-child(1) > .side-btn-txt {
    margin-bottom: 25px;
}

.side-btn-txt {
    margin-bottom: 0;
}
}

.side-btn-txt h3 {
    color: white;
    font-size: 35px;
    width: 70%;
}

.side-btn-wrapper a .side-btn-txt h3 {
    transition: .8s;
}

.side-btn-wrapper a:hover .side-btn-txt h3 {
    text-align: right;
    transform: translateX(41%);
    text-align: right;
}

.side-btn-txt h3 span {
    display: block;
}

.side-btn-txt h3 {
    margin: 0;
    transition: .3s;
}

.side-btn-txt h5 {
    margin: 0;
    transition: .3s;
}

.side-btn-wrapper a:hover h5 {
    transform: translateX(52%);
    color: black;
}

@media (max-width: 1199px) {
.side-btn-wrapper a:hover h5 {
    transform: translateX(40%);
}

.videoWrapper.creditWrapper {
    padding-bottom: 115%;
}
}

@media (max-width: 991px) {
.side-btn-wrapper a:hover h5 {
    transform: translateX(79%);
}
}

@media (max-width: 767px) {
.side-btn-wrapper a:hover h5 {
    transform: translateX(73%);
}
}

.type-wrapper {
    background-color: white;
    margin-top: -30px;
}

.type-container {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-wrap: wrap;
    padding: 30px 0;
}

.type-block {
    flex: 0 0 16%;
    text-align: center;
}

.type-block img {
    transition: .3s;
}

.type-block:hover img {
    transform: scale(1.05);
}

.type-block h3 {
    font-size: 16px;
    color: #dc4405;
    transition: .3s;
}

.type-block:hover h3 {
    color: black;
}

.type-text a {
    font-weight: 100;
    text-transform: uppercase;
    background-color: black;
    color: white;
    padding: 5px 7px;
    font-size: 14px;
}

.type-text a:hover {
    color: #dc4405;
    background-color: #dedede;
}

.type-text a:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-right: 2px solid white;
}

.type-text a:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.home-about {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.56);
    padding: 58px;
    border-radius: 20px;
    margin: 60px auto;
}

.home-about span {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 0;
    padding-left: 5px;
}

.home-about h1 {
    margin: 0 0 20px;
    text-align: center;
    border-bottom: 2px solid #a2a2a2;
    width: max-content;
    padding: 0 5px 3px;
    color: #dc4405;
}

.p-header {
    position: relative;
    margin-bottom: 25px;
}

.p-header:after {
    content: '';
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.83) 100%);
    position: absolute;
    width: 100%;
    height: 28%;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.p-header h1 {
    position: absolute;
    bottom: 0;
    margin: 15px;
    border-bottom: 2px solid #a2a2a2;
    padding: 0 5px 3px;
    font-size: 45px;
    text-shadow: 2px 2px 2px black;
    z-index: 1;
}

.page-background h3 {
    border-bottom: 2px solid #a2a2a2;
    width: max-content;
    padding: 0 5px 3px;
}

.map-wrapper {
    position: relative;
    padding-bottom: 30%;
    min-height: 150px;
    margin-top: 30px;
}

.map-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mapandhourstbl td:first-child {
    padding-right: 30px;
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #dc4405;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    background-color: #dedede;
    border-color: #cccccc;
}

.panel-toggle .btn-apply {
    background: #dc4405;
    border-radius: 25px;
    color: white;
}

.videoWrapper.creditWrapper {
    padding-bottom: 95%;
}

.videoWrapper iframe {
    z-index: 1;
}

a.invBanner {
    text-align: center;
    display: block;
    margin-bottom: 25px;
}







/* FEATURED INVENTORY */

.featuredinventory {
    padding: 30px 15px;
}

.single-item-slider .item-detail .name {
    font-weight: 100;
    color: black;
}

.single-item-slider .item-detail .price {
    font-size: 16px;
    padding: 2%;
    text-transform: uppercase;
    bottom: 0;
    color: #dc4405;
}

.featuredinventory h2 {
    color: #dc4405;
    text-align: center;
    border-bottom: 2px solid #a2a2a2;
    width: max-content;
    padding: 0 5px 3px;
}

.single-item-slider .item {
    background-color: rgb(255, 255, 255);
    border: 2px solid #a2a2a2;
    border-radius: 22px;
}

.single-item-slider .img-container {
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
}






/* INVENTORY */

#FilterQuickSearch {
    margin: 0;
    border: 1px solid #cccccc;
    color: black;
    background-color: white;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.input-group-addon {
    border-radius: 20px;
}

.panel {
    border-radius: 22px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #dbdbdb;
    border-color: #ddd;
    text-transform: uppercase;
    border-radius: 20px;
}

.specs-panel.panel-body {
    background-color: #fff;
    color: #000;
    border-radius: 20px;
}

.seller-description,
#vehicleDetails {
    color: black;
}

.panel-heading {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#filters-box .panel-body li {
    color: #000;
}

.inventory-container .vehicle .price {
    font-size: 19px;
    padding-right: 0;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: white;
}

#vehicleList > div {
    margin: 0;
    padding: 10px;
    transition: .5s;
    border-radius: 27px;
}

.vehicle-box {
    border: 5px solid black;
}

.inventory-container .vehicle:hover {
    background-color: #FFF;
}

.vehiclemodel {
    text-transform: uppercase;
    font-size: 19px;
    line-height: 19px;
    min-height: 39px;
}

.inventory-container .vehicle .title {
    padding: 2px 5px;
}

.inventory-container .vehicle .title a {
    color: black;
    font-weight: 100;
}

.info {
    font-size: 12px;
    color: #7b7b7b;
    text-align: right;
}

.inventory-container .vehicle .price-box {
    background-color: #dc4405;
    padding: 4px 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.vehicle-box {
    border: 2px solid #a2a2a2;
    border-radius: 22px;
}

.inventory-container .vehicle .thumb {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}






/* FORMS */

.btn-primary {
    color: #fff;
    background-color: #dc4405;
    border-color: #000000;
    position: relative;
    transition: .3s;
    overflow: hidden;
    z-index: 2;
    border-radius: 20px;
    text-transform: uppercase;
    margin: 5px 0;
}

.btn-primary:before, .btn-primary:after {
    content: "";
    position: absolute;
    background-color: #ffffff;
    width: 50%;
    height: 50px;
    transition: .5s;
    z-index: -1;
}

.btn-primary:before {
    left: 100%;
    top: -8px;
}

.btn-primary:after {
    right: 101%;
    top: -8px;
}

.btn-sec {
    display: block;
    width: max-content;
    margin: 10px auto;
    font-size: 18px;
}

.btn-primary:hover, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .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,
.btn-primary.focus, .btn-primary:focus {
    color: #000;
    background-color: #dc4405;
    border-color: #000000;
}

.btn-primary:hover:before {
    left: 50%;
}

.btn-primary:hover:after {
    right: 50%;
}

.field-validation-valid,
.field-validation-error {
    position: absolute;
    right: 12px;
    top: 5px;
}

.vdp-inquire .form-control, .vdp-inquire span {
    position: relative;
    right: unset;
    top: unset;
}

.mainform {
    height: max-content;
}

.mainform > div {
    background-color: white;
    color: black;
    padding: 15px;
    border-radius: 22px;
    border: 2px solid #a2a2a2;
    margin-top: 20px;
}

.form-header-text {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
    color: #dc4405;
    border-bottom: 2px solid #a2a2a2;
    width: max-content;
    padding: 0 10px 0px;
}

.forms-title-section {
    font-size: 18px;
    padding-left: 10px;
}

.form-control {
    font-size: 12px;
    border-radius: 20px;
    border: 1px solid transparent;
    box-shadow: none;
    background-color: #ececec;
    transition: .3s;
    margin: 4px 0;
}

.form-control:hover {
    background-color: #ffffff;
    border: 1px solid #dc4405;
}

.form-control:focus {
    background-color: #ffffff;
    border-color: #dc4405;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, 0.6);
}

#Form1186 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5),
#Form1187 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5) {
    display: inline-block;
    padding: 0 5px;
    width: 100%;
}

#Form1186 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9),
#Form1187 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9),
#Form1191 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+7) {
    display: inline-block;
    padding: 0 5px;
    width: 100%;
}

#Form1193 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5),
#Form1193 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+10) {
    display: inline-block;
    padding: 0 5px;
    width: 100%;
}

#Form1186 > div:nth-child(1) > fieldset > div:nth-child(n+11),
#Form1187 > div:nth-child(1) > fieldset > div:nth-child(n+11),
#Form1191 > div:nth-child(1) > fieldset > div:nth-child(n+8),
#Form1193 > div:nth-child(1) > fieldset > div:nth-child(n+11) {
    padding: 0 5px;
}

.inquiryformcontainer,
.locationBox {
    border: 2px solid #a2a2a2;
    background-color: white;
    color: black;
    border-radius: 20px;
}

.inquiryformcontainer {
    font-size: 15px;
}

#vehicleInquiryForm > fieldset > hr {
    display: none;
}

.vdpinquiryheader {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    color: #dc4405;
    border-bottom: 2px solid #a2a2a2;
    width: max-content;
    padding: 0 7px 0px;
    text-align: center;
    display: block;
    margin: auto;
}

#ModalVehicleInquiry .vdpinquiryheader {
    text-align: left;
    margin: unset;
}



.M5-0912WDHFCCAB, .M5-0912WDHFROPS, .M5-0914WDHD12ROPS, .M5-0914WDHDC12CAB, .M5-0914WDHDCCAB, .M5-0914WDHDROPS, .M5-1112WDHFCCAB, .M5-1112WDHFROPS, .M5-1114WDHD12ROPS, .M5-1114WDHDC12CAB, .M5-1114WDHDC24CAB, .M5-1114WDHDCCAB, .M5-1114WDHDROPS, .M5660SUH2WD, .M5660SUHD4WD, .M62, .M62BT1400BACKHOE, .M62TL1800LOADER, .M8-181, .M8-201, .MXSeries54002WD, .MXSeries54004WDCAB, .MXSeries54004WDROPS, .MXSeries5400HST4WDCAB, .MXSeries5400HST4WDROPS, .MXSeries6000HST4WDCAB, .MXSeries6000HST4WDROPS, .MX5400GearDriveTransmission2WD, .MX5400Gear-DriveTransmission4WD, .MX5400HST4WD, .MX6000HST4WD {
    display: none !important;
}



/* FOOTER */


footer.body .outer-wrapper {
    background-color: #fff;
    color: #7a7a7a;
    text-align: center;
}

footer.body .outer-wrapper a, footer.body .outer-wrapper a:visited, footer.body .outer-wrapper a:active {
    color: #000;
}

.footer-wrapper {
    background-color: white;
    color: #000;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 25px 15px;
    margin: auto;
    border-bottom: 1px solid #d4d4d4;
    flex-direction: column;
    text-align: center;
}

.footer-container a {
    color: black;
}

.footer-container a:hover {
    color: #dc4405;
}

.footer-block .dealer-address,
.footer-block .dealer-phone {
    display: block;
}

.footer-block img {
    max-width: 175px;
}

.footer-links {
    flex: 0 0 45%;
}

.footer-links ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.footer-links li {
    flex: 0 0 40%;
    padding: 15px 0;
}

.footer-container h4 {
    color: #dc4405;
    border-bottom: 2px solid #a2a2a2;
    width: max-content;
    padding: 0 5px 3px;
    margin: 10px auto;
}

.footer-oem-wrapper {
    position: fixed;
    bottom: 0;
    background-color: white;
    width: 100%;
    box-shadow: 0 0 10px black;
    z-index: 1000;
}

.footer-oem-container {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: auto;
    align-items: center;
}

.footer-oem-container a {
    padding: 10px;
}

.footer-oem-container a img {
    transition: .3s;
}

.footer-oem-container a:hover img {
    transform: scale(.7);
}

.footerlogo {
    font-size: 18px;
}

.footer-block .dealer-facebook {
    color: white;
    background: #dc4405;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 20px;
    display: block;
    text-align: center;
    margin: 10px auto;
    padding: 3px 0;
}

.footerNews {
    margin-top: 15px;
    display: block;
}

.footerNews a {
    display: flex;
    justify-content: center;
}

.footerNews h5 {
    margin: 0;
}

.footerNews .fa-envelope {
    color: #dc4305;
    padding-right: 5px;
}







/* SHIFT DIGITAL */

.gemPage #section-1 {
    margin-top: 0px;
}

.gemPage #main-nav {
    background-color: white;
}

.gemPage .header-container {
    background-color: white;
    color: black;
}

.gemPage .header-container a {
    color: black;
}

.gemPage .navbar-nav>li>a {
    color: #02a8d5;
}

.offroadPage .header-container {
    background-color: black;
}

.offroadPage .top-section {
    margin-top: 0px;
}

.offroadPage #main-nav {
    background-color: black;
}

.offroadPage #content-container {
    padding-bottom: 0;
    border-bottom: 4px solid #dadada;
}


.siteSearch-M button {
    height: 34px;
    margin-top: 4px !important;
}

.jumbotron, #creditAppForm section {
    background: #ffffff !important;
    color: black !important;
}


.jumbotron p {
    color: black !important;
}


@media (max-width: 1499px) {
    .box1 {
        background-position: bottom !important;
    }
}

@media (max-width: 767px) {
    #main-nav {
        margin-top: 0;
    }
    .videoWrapper.creditWrapper {
    padding-bottom: 155%;
}
    .footer-oem-container a {
    padding: 10px 3px;
}
.headerNews {
    display: none;
}
    .header-logo, .header-addy, .header-social, .header-phone a:last-child {
        display: none;
    }
    #content-container {
        padding-bottom: 0;
        padding-top: 125px;
    }
    #home-page {
        padding-bottom: 30px;
    }
    .header-wrapper {
        display: block;
    }
    .header-phone a {
        padding: 0;
        color: #dc4405;
        font-size: 24px;
    }
    #main-nav .navbar-toggle {
        color: #dc4405;
    }
    header.body {
        height: 125px;
        width: 100%;
        position: fixed;
        z-index: 2060;
        background: white;
    }
    #main-nav .navbar-brand.text {
        height: 70px;
        margin: -14px 0 0;
        color: #dc4405;
        white-space: break-spaces;
        line-height: normal;
    }
    #main-nav-collapse {
        background: #dc4405;
        max-height: calc(100vh - 130px);
        overflow-y: auto;
    }
    .navbar-nav>li>a {
        padding: 15px;
        color: white;
    }
    #main-nav .dropdown-menu>li>a {
        padding: 15px 30px;
        color: white;
    }
    .nav>li>a:focus, .nav>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
        color: black;
    }
    .navbar {
        border: none;
    }
    .side-btn-txt h3 {
        font-size: 8vw;
    }
    .side-btn-txt h5 {
        font-size: 5vw;
    }
    .type-block {
        flex: 0 0 50%;
        margin: 10px 0;
    }
    .type-block h3 {
        font-size: 4vw;
    }
    .type-text a {
        font-size: 3vw;
    }
    .type-container {
        padding: 0 0 30px;
    }
    .featured-section .widget-inner {
        margin-top: 0 !important;
    }
    .home-about {
        padding: 15px;
        margin-top: 0;
    }
    .home-about .dealer-name {
        font-size: 5.5vw;
    }
    .featuredinventory h2 {
        font-size: 7vw;
        margin: 0 auto 15px;
    }
    footer.body {
        margin-bottom: 40px;
    }
    .single-item-slider .slider-outer {
        height: 212px;
    }
    .side-btn-txt:after {
        top: calc(24px + (35 - 24) * ((100vw - 320px) / (768 - 320)));
    }
    #filters-modal, #ModalVehicleInquiry {
        top: 140px;
    }
    #ModalVehicleInquiry {
        max-height: calc(100vh - 160px);
        overflow-y: auto;
    }
    .inventory-container .vehicle .price.not-itemized {
        font-size: 22px;
    }
    #ModalVehicleInquiry .vdpinquiryheader {
        font-size: 19px;
    }
    .form-header-text {
        font-size: 24px;
    }
    .p-header h1 {
        font-size: 7vw;
    }
    .pageheader {
        padding: 0;
        margin-top: -15px;
    }
    .pagetext > .widget-inner {
        margin-top: 0 !important;
    }
    .maptext {
        text-align: center;
    }
    .maptext .dealer-name {
        font-size: 6vw;
    }
    .maptext > h4 {
        font-size: 5vw;
    }
    .mapandhourstbl {
        width: 290px;
        margin: 0 auto;
    }

}

@media (min-width: 768px) {
    .header-wrapper, .type-container {
        width: 758px;
    }
    .header-wrapper {
        margin: 0 auto 30px;        
    }
    .header-right {
        display: flex;
        flex: 0 0 50%;
        justify-content: flex-end;
        align-items: center;
    }
    footer.body {
        margin-bottom: 73px;
    } 
    .side-btn-wrapper a {
        flex: 0 0 48%;
    }
    .side-btn-txt h3 {
        font-size: 28px;
    }
    .type-block {
        flex: 0 0 25%;
    } 
    .type-block:nth-child(-n + 3) {
        margin-bottom: 20px;
    }
    .type-container {
        padding: 30px 0;
    }
    .single-item-slider .slider-inner .item {
        width: 212px;
    }
    .header-addy a {
        font-size: 11px;
    }
    #main-nav .nav>li>a {
        font-size: 14px;
    }
    #Form1186 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5), #Form1187 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5) {
        width: 25%;
    }
    #Form1186 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9), #Form1187 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9), #Form1191 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+7) {
        width: 33.33%;
    }
    #Form1193 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5), #Form1193 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+10) {
        width: 50%;
    }
    .maptext .dealer-name {
        font-size: 28px;
    }
    .side-btn-wrapper {
        flex-flow: row;
    }
}

@media (min-width: 992px) {
    .header-wrapper, .type-container, .footer-oem-container, .footer-container {
        width: 992px;
    }
    .footer-container {
        flex-direction: row;
        text-align: left;
    }
    .home-about { 
        width: 800px;
    }
    .footer-links ul {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .footer-container h4 { 
        margin: 10px 0;
    }
    .footer-links li {
        padding: 0;
    }
    footer.body {
        margin-bottom: 75px;
    }
    .side-btn-wrapper a {
        flex: 0 0 auto;
    }
    .side-btn-txt:after {
        top: 20px;
    }
    .side-btn-txt h3 {
        font-size: 19px;
    }
    .type-block {
        flex: 0 0 14%;
    }
    .type-block:nth-child(-n + 3) {
        margin-bottom: 0;
    }
    .type-block h3 {
        font-size: 13px;
    }
    .type-text a {
        font-size: 11px;
    }
    .type-container {
        padding: 45px 0;
    }
    .single-item-slider .slider-inner .item {
        width: 210px;
    }
    .featured-section {
        padding: 30px 0;
    }
    .header-phone a {
        font-size: 22px;
    }
    .header-addy {
        padding: 0 30px;
    } 
    .header-addy a {
        font-size: 14px;
    }
    .header-wrapper {
        margin: 0 auto;
    }
    #main-nav .nav>li>a {
        font-size: 16px; 
    }
    .inventory-container .vehicle .price {
        font-size: 17px;
    }
    .maptext .dealer-name {
        font-size: 30px;
    }
    .header-logo {
        font-size: 25px;
        flex: 0 0 40%;
    }
    .header-right {
        flex: 0 0 45%;
    }
    .side-btn-wrapper {
        flex-flow: column;
    }
    .side-btn-txt h5 {
        margin: 18px 0 0;
    }
    .side-btn-txt {
        padding: 15px 10px;
    }
}

@media (min-width: 1200px) {
    .header-wrapper, .type-container, .footer-oem-container, .footer-container {
        width: 1180px;
    }
    .type-block h3 {
        font-size: 15px;
    }
    footer.body {
        margin-bottom: 90px;
    }
    .side-btn-txt h3 {
        font-size: 25px;
    }
    .side-btn-txt:after {
        top: 42px;
    }
    .type-container {
        padding: 60px 0;
    }
    .type-text a {
        font-size: 14px;
    }
    .single-item-slider .slider-inner .item {
        width: 205px;
    }
    .footer-links li {
        flex: 0 0 33%;
    }
    .header-phone a {
        font-size: 32px;
    }
    .inventory-container .vehicle .price {
        font-size: 19px;
    }
    .header-logo {
        font-size: 30px;
    }
    .side-btn-txt {
        padding: 20px 10px;
    }
}

@media (min-width: 1500px) {
    .type-container, .footer-oem-container {
        width: 1480px;
    }
    .type-block h3 {
        font-size: 21px;
    }
    footer.body {
        margin-bottom: 110px;
    }
}