body {
    font-family: 'Montserrat', sans-serif;
    color: white;
}

@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/9d8bdb4d-e222-4716-8b1d-a1c66e31809e/background-2.jpg) no-repeat center center;
      -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/9d8bdb4d-e222-4716-8b1d-a1c66e31809e/background-2.jpg) no-repeat center center;
       background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: unset;
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
}

a {
    color: #ff6600;
    transition: .3s;
}

a:hover, a:focus {
    color: #ff9650;
    text-decoration: none;
}

#content-container {
    padding: 30px 0px;
}








/* HEADER */

header.body {
    margin-bottom: 0;
}

.headerbackground {
    background-color: black;
    background-size: contain;
    background-image: url(https://psmfirestorm.blob.core.windows.net/5398cb53-3515-4128-a53a-43b4ee15fb9c/header-background-5.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

.headercontainer {
    display: flex;
    justify-content: space-between;
    margin: auto;
    color: white;
    text-shadow: 1px 1px 1px black, 0px 0px 4px black;
}

.headercontainer a {
    color: white;
}

.headercontainer a:hover {
    text-decoration: underline;
    color: #ff6600;
}

.headerblock {
    flex: 0 0 25%;
}

.header-phone {
    font-family: 'Lalezar', sans-serif;
    font-size: 28px;
}

.header-logo {
    flex: 0 0 45%;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: -5px;
    padding-right: 21px;
}

.header-addy {
    font-size: 20px;
    text-transform: uppercase;
}

.header-addy span.dealer-address {
    display: block;
}

.h-social a {
    font-size: 32px;
    padding-left: 15px;
}


.h-right {
    text-align: right;
}

.h-map-hours {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 12px;
}

.text-side-tab {
    position: fixed;
    right: 0;
    z-index: 11;
}










/* NAVIGATION */

#main-nav {
    background-color: black;
}

.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    color: white;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #ff6600;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: transparent;
    border-color: transparent;
    color: #ff6600;
}










/* CONTENT */



.modelbackground {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 15px 15px 45px;
}

.modelblock {
    flex: 0 0 14%;
    text-align: center;
}

.modelblock img {
    transition: .3s;
}

.modelblock:hover img {
    transform: translateY(-20px);
}

.modelblock h3 {
    font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (992 - 768)));
    margin-bottom: 0;
    color: white;
    transition: .3s;
}

.modelblock:hover a h3 {
    color: #ff6600;
}

.modelopt {
    text-transform: uppercase;
    font-size: 10px;
    padding-top: 2%;
}

span.modelnew {
    border-right: 1px solid white;
    padding-right: 4%;
}

span.modelused {
    margin-left: 3%;
}

/*.h-top {
    background-color: rgba(0, 0, 0, 0.75);
}*/

.buttoncontainer {
    display: flex;
    width: 87%;
    margin: auto;
    justify-content: space-between;
}

.buttoncontainer a {
    flex: 0 0 30%;
}

.buttonblock {
    text-align: center;
    border: 4px solid #ff6600;
    margin: 3% 0%;
    color: white;
    background-color: black;
    overflow: hidden;
    transition: .3s;
}

.buttoncontainer a:hover .buttonblock {
    border-color: white;
}

.buttonblock h2 {
    font-size: calc(16px + (22 - 16) * ((100vw - 768px) / (992 - 768)));
    margin-bottom: 0;
    margin-top: 4%;
    transition: .3s;
}

.buttoncontainer a:hover .buttonblock h2 {
    color: #ff6600;
}

.buttonblock h5 {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 5px;
    font-size: calc(10px + (12 - 10) * ((100vw - 768px) / (992 - 768)));
    margin-top: 0;
    margin-bottom: 4%;
    transition: .3s;
}

.buttoncontainer a:hover .buttonblock h5 {
    letter-spacing: 11px;
}

.buttonblock span {
    padding-left: 10px;
}

.homeslider {
    margin-top: -30px;
}

.homeabout {
    margin-top: 30px;
    color: white;
    background-color: black;
    padding: 30px 40px 20px;
    text-align: center;
}

.homeabout h4 {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 5px;
    font-size: 16px;
    margin: 0;
}

.homeabout h1 {
    letter-spacing: 5px;
    border-bottom: 1px solid #5f5f5f;
    margin: 7px;
}

.p-header {
    margin-top: -30px;
    position: relative;
}

.p-header img {
    width: 100%;
}

.p-header h1 {
    font-size: 5vw;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    text-shadow: 0px 0px 4px black;
}

.page-background > div,
#vdp-container,
#promotions-page {
    background-color: black;
    padding: 15px;
}

.serv-hours {
    text-align: center;
}

.serv-hours > h3:nth-child(3) {
    margin-bottom: 0;
}

.service img {
    margin: auto;
    display: block;
    padding: 15px;
}

.tts-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.tts-block {
    margin: 0px 10px 10px;
    border: 4px solid white;
}

.financing-pic {
    padding: 5px;
    text-align: center;
}

.financing-pic h2 {
    background-color: #ff6600;
    margin: auto;
    padding: 7px 0px 3px;
}

.financing-pic h3 {
    background-color: #676767;
    margin: 0;
    padding-top: 5px;
}

img.about-pic {
    padding: 15px;
}

.map-wrapper {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 30%;
    margin-top: 30px;
}

.map-wrapper iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

table.mapandhourstbl.k-table td:last-child {
    padding-left: 40px;
}

#employees-team-page > div.row > div > h1 {
    text-align: center;
    font-size: 50px;
}

.department-container .department {
    background: #000;
}

.department .title {
    background: #3e3e3e;
}

.department .employee .name p {
    font-weight: 100;
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
}

.department .employee .job p {
    margin-bottom: 3px;
    text-transform: uppercase;
    border-bottom: 1px solid #d0d0d0;
}

.brief p {
    font-size: 12px;
    margin-bottom: 0;
}









/* FEATURED INVENTORY */

.fi-section {
    /*background-color: rgba(0, 0, 0, 0.75);*/
    margin-top: 0px!important;
    padding: 30px 0px;
}

.featuredinventory h2 {
    text-align: center;
    color: white;
    font-size: 38px;
    border-bottom: 1px solid;
}

.single-item-slider .item {
    background-color: white;
    border: 2px solid grey;
    border-radius: 0px;
}

.single-item-slider .item-detail .price {
    font-size: 21px;
    padding: 0 2%;
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    bottom: 0;
}

.fi-view-all a {
    border: 1px solid white;
    padding: 4px 13px 0px;
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    font-size: 23px;
    background-color: black;
    margin: auto;
    display: block;
    width: fit-content;
}







/* CALENDAR */

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #ff6600;
}

.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 {
    color: #fff;
    background-color: #cecece;
    border-color: #cccccc;
}

.k-scheduler {
    background-color: #000;
}

.k-block, .k-button, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #000000;
}

.k-dropzone .k-upload-status, .k-dropzone em, .k-other-month, .k-other-month .k-link, .k-slider .k-draghandle, .k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-link, .k-tile-empty strong {
    color: #a9a9a9;
}

.k-scheduler-layout {
    color: #fff;
}

.k-scheduler-table .k-today, .k-today>.k-scheduler-datecolumn, .k-today>.k-scheduler-groupcolumn {
    background-color: #565656;
}











/* INVENTORY */
.inventory-container .toolbar {
    border-color: #ddd;
    background-color: #868686;
    color: #fff;
}

.inventory-container .vehicle { 
    border-color: transparent;
    transition: .3s; 
}

.inventory-container .vehicle:hover {
    background-color: #ffffff;
}

    .inventory-container .vehicle .title a { color: black; }
.inventory-container .btn { color: #fff; text-shadow: 0 1px 1px #585858; border-color: rgba(0, 0, 0, 0.24) rgba(0, 0, 0, 0.29) rgba(0, 0, 0, 0.25); border-bottom-color: #696969; background-image: linear-gradient(to bottom, #919191, #575757); background-repeat: repeat-x; }
    .inventory-container .btn:hover, .inventory-container .btn:focus { background-position: 0 -25px; color: #fff; }
    .inventory-container .btn:hover, .inventory-container .btn:focus, .inventory-container .btn:active, .inventory-container .btn.active, .inventory-container .btn.disabled, .inventory-container .btn[disabled] { background-color: #888; }
.filters-container .panel-body li { color: #ccc; }
    #filters-box li label { color: #fff; }
#filters-box .panel-heading { border-bottom: none; }

#vehicleList > div {
    margin: 0;
    padding: 10px;
}

.inventory-container .vehicle .title {
    background-color: #ffffff;
    padding: 5px;
}

.inventory-container .vehicle .title a {
    color: black;
}

.inventory-container .vehicle .price {
    font-size: 26px;
    text-align: center;
    padding-right: 0;
    font-family: 'freedommachine', sans-serif;
    color: white;
    text-transform: uppercase;
}

.inventory-container .vehicle .price-box {
    background-color: #868686;
}

.vehiclemodel {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 21px;
    min-height: 43px;
}

.vehicle-box {
    border: 2px solid #ffffff;
}

.info {
    font-size: 12px;
    text-align: right;
    color: black;
}

#ModalVehicleInquiry {
    position: fixed;
    top: 3%;
    border: 2px #ff6600 solid;
    z-index: 400;
    color: white;
    background-color: black;
}

#ModalVehicleInquiry .vdpinquiryheader {
    text-align: left;
}

.searchReturn {
    color: white;
}

#FilterQuickSearch {
    margin: 0;
}

#showroom .section-box {
    background-color: #515151;
}

.panel {
    background-color: #000;
}

.panel-default>.panel-heading {
    color: #fff;
    background-color: #868686;
    border-color: #fff;
    font-family: 'freedommachine', sans-serif;
    text-transform: uppercase;
    font-size: 17px;
}








/* FORMS */

.mainform {
    height: fit-content;
}

.mainform > div,
.inquiryformcontainer {
    border: 4px solid white;
    padding: 10px;
}

.inquiryformcontainer {
    font-size: 16px;
    padding: 0!important;
}

label {
    margin-bottom: 0px;
    font-weight: unset;
    margin-top: 6px;
}

.field-validation-valid, 
.field-validation-error {
    position: absolute;
    top: 8px;
    right: 12px;
}

.vdp-inquire .form-control, .vdp-inquire span {
    position: relative;
    right: unset;
    top: unset;
}

.form-control {
    font-size: 12px;
    margin: 5px 0px;
    background-color: #272727;
    border-radius: 0;
    border: 1px solid #4e4e4e;
    color: white;
}

.form-header-text {
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    display: block;
    text-align: center;
    color: #ff6600;
}

.forms-title-section {
    font-size: 19px;
    font-family: 'Lalezar', sans-serif;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.btn-primary {
    color: #fff;
    background-color: #ff6600;
    border-color: white;
    text-transform: uppercase;
    border-radius: 0;
    margin: 10px 0px 5px;
    transition: .3s;
}

.btn-primary:hover {
    color: #fff;
    background-color: black;
    border-color: #ff6600;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus,
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary,
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: black;
    border-color: #ff6600;
}


.btn-scd {
    display: block;
    width: fit-content;
    margin: auto;
    padding: 13px 50px;
    font-size: 18px;
}

.vdpinquiryheader {
    margin-bottom: 0;
    font-weight: unset;
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    display: block;
    text-align: center;
    color: #ff6600;
}

#vehicleInquiryForm > fieldset > br {
    display: none;
}

.customForm textarea, 
.customForm input, 
.customForm select {
    padding: 3px 5px;
    font-size: 14px!important;
    margin: 5px 0px;
    background-color: #272727;
    border-radius: 0;
    border: 1px solid #4e4e4e;
    color: white;
}

.customForm [placeholder="First Name"], 
.customForm [placeholder="Last Name"] {
    width: 91px;
}

.customForm [placeholder="Zip Code"] {
    width: 83px;
}

.customForm [placeholder="Phone"] {
    width: 123px;
}

.customForm [placeholder="Questions/Comments"] {
    width: 100%;
}

@media (min-width: 768px) {
#Form815 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5),
#Form815 > div:nth-child(1) > fieldset > div:nth-child(n+11):nth-child(-n+14) {
    width: 25%;
    display: inline-block;
    padding: 0 5px;
}

#Form815 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9) {
    width: 33.33%;
    display: inline-block;
    padding: 0 5px;
}

#Form815 > div:nth-child(1) > fieldset > div:nth-child(n+15) {
    padding: 0 5px;
}
}








/* FOOTER */

footer.body .outer-wrapper {
    background-color: #000;
    color: #b9b9b9;
    text-align: center;
}

.footerbackground {
    background-image: url(https://psmfirestorm.blob.core.windows.net/745816d4-76ee-40f7-b5c6-bb631e8bcabf/footer-background-2.jpg);
    background-size: cover;
    background-position: bottom;
    text-shadow: 0 0 black;
    color: black;
}

.footercontainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    padding-bottom: 175px;
    padding-top: 28px;
}

.footerblock:nth-child(1) {
    text-align: center;
}

.footerblock:nth-child(3) {
    flex: 0 0 29%;
}

.footerblock h4 {
    text-align: right;
    color: #5a5a5a;
    border-bottom: 1px solid;
}

.hourswrapper {
    display: flex;
}

.hoursleftblk {
    flex: 0 0 50%;
}

.hoursrightblk {
    flex: 0 0 50%;
    text-align: right;
}

.footersocialwrapper a {
    font-size: 34px;
    padding-right: 15px;
}

ul.footerlinks {
    padding: 0 0 0 1px;
    list-style: none;
}

.footerblock a.dealer-phone.phone-text {
    font-size: 27px;
    font-family: 'Lalezar', sans-serif;
}

.footer-block .w3-red.btn {
    background-color: #ff6600;
    color: white;
    position: relative;
    z-index: 3;
}

.footer-block .w3-red.btn:after {
    content: '';
    width: 17px;
    height: 17px;
    background-color: #ff6600;
    position: absolute;
    bottom: -9px;
    left: 38%;
    transform: rotate(45deg);
    z-index: -1;
}

.footer-block .tablink {
    background-color: #ffffff;
    margin: 0 10px 14px 0;
    text-transform: uppercase;
    font-family: 'freedommachine', sans-serif;
    font-size: 18px;
    padding: 2px 10px;
}

.footer-block .btn.active.focus, .footer-block .btn.active:focus, .footer-block .btn.focus, .footer-block .btn:active.focus, .footer-block .btn:active:focus, .footer-block .btn:focus {
    outline: none;
}

.footer-block .btn.focus, .footer-block .btn:focus, .footer-block .btn:hover {
    color: #c8c8c8;
}

.footertable td:first-child {
    padding-right: 15px;
}

@media (max-width: 767px) {
.footertable {
    margin: auto;
}
}






/* SERVICE */

.service .div-flex {
  display: block;
}
@media (min-width: 1200px) {
  .service .div-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-pack: distribute;
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .service .div-flex p,
  .service .div-flex h2,
  .service .div-flex h3 {
    text-align: left;
  }
}
.service .div-flex p,
.service .div-flex h2,
.service .div-flex h3 {
  text-align: center;
}
.service .dsImageContainer {
  margin: 30px 0;
}
.service .a-icon-before ul {
  font-size: 0;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 15px;
}
.service .a-icon-before ul li {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  font-size: 14px;
  padding-bottom: 15px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .service .a-icon-before ul li {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .service .a-icon-before ul li {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .service .a-icon-before ul li {
    float: left;
    width: 16.66666667%;
  }
}
@media (min-width: 320px) {
  .service .a-icon-before ul li {
    float: none;
  }
}
.service .a-icon-before ul li a {
    -webkit-transition: 0.3s background-color ease-in, 0.3s border-radius ease-in;
    -o-transition: 0.3s background-color ease-in, 0.3s border-radius ease-in;
    transition: 0.3s background-color ease-in, 0.3s border-radius ease-in;
    font-size: 18px;
    padding: 6px 10px;
    text-align: center;
    background-color: #ff6600;
    border-radius: 20px;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    margin: 0 auto;
    display: block;
    color: #000000;
}
@media (min-width: 768px) {
  .service .a-icon-before ul li a {
    max-width: 300px;
  }
}
.service .a-icon-before ul li a:hover {
  background-color: #f58220;
  border-radius: 10px;
  cursor: pointer;
}
.service .a-icon-before ul li a:before {
  content: "\f1c1";
  font-size: 18px;
  font-family: FontAwesome;
  color: #000000;
  padding-right: 5px;
}






/* LOCAL RIDES */

.rides .div-flex {
  display: block;
  margin-top: 30px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .rides .div-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .rides .div-flex:nth-of-type(even) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
}
.rides .div-flex .desc-flex {
  flex: 3;
}
@media (min-width: 768px) {
  .rides .div-flex .desc-flex {
    padding: 0 30px;
  }
}
.rides .div-flex .dsImageContainer {
  flex: 1;
  margin: 30px 0;
}
@media (min-width: 768px) {
  .rides .div-flex .dsImageContainer {
    margin: 0;
  }
}

.tradeform > .widget-inner {
    background: black;
}

.nsSignup > div {
    background-color: unset;
}

.nsSignup .mainform > .widget-inner {
    background-color: black;
}


@media (max-width: 767px) {
    .headerbackground {
        display: none;
    }
.headerbackground img {
    display: none;
}
    #main-nav .navbar-brand {
        height: 60px;
        margin: 1px 0;
        padding: 1px 15px;
    }
    .footercontainer {
        flex-direction: column;
        text-align: center;
        padding-bottom: 0;
    }
    #main-nav {
        position: fixed;
        z-index: 2040;
        width: 100%;
    }
    .buttoncontainer {
        flex-direction: column;
    }
    .buttonblock {
        margin: 3% auto;
        width: calc(278px + (500 - 278) * ((100vw - 320px) / (768 - 320)));
    }
    .buttonblock h2 {
        font-size: calc(20px + (38 - 20) * ((100vw - 320px) / (768 - 320)));
    }
    .buttonblock h5 {
        font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (768 - 320)));
    }
    .modelbackground {
        flex-wrap: wrap;
        padding: 0 15px 30px;
    }
    .modelblock {
        flex: 0 0 46%;
        margin: 10px 0;
    }
    .modelblock h3 {
        font-size: calc(22px + (38 - 22) * ((100vw - 320px) / (768 - 320)));
    }
    .modelopt {
        font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (768 - 320)));
    }
    .featuredinventory h2 {
        font-size: calc(28px + (38 - 28) * ((100vw - 320px) / (768 - 320)));
    }
    .navbar-nav>li>a {
        padding: 40px 15px 5px;
    }
    #main-nav .dropdown-menu > li > a {
        padding: 40px 0 0 35px;
        color: white;
    }
    #main-nav-collapse {
        max-height: calc(100vh - 70px);
        overflow-y: auto;
    }
    div#content-container {
        padding: 0;
    }
    #home-page {
        padding-top: 30px;
    }
    .p-header {
        margin-top: 0;
    }
    .featuredinventory .single-item-slider .slider-outer {
        height: 232px;
    }
    .featuredinventory > .widget-inner, .homeaboutwidget > .widget-inner {
        margin-top: 0 !important;
    }
    .homeabout {
        padding: 20px 10px 10px;
    }
    .homeabout .dealer-name {
        font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (768 - 320)));
    }
    .footerlinks li {
        margin: 30px 0;
        font-size: 18px;
    }
    .footerblock .hourswrapper {
        width: 320px;
        margin: 0 auto;
    }
    .footerblock .hourswrapper .hoursleftblk, .footerblock .hourswrapper .hoursrightblk {
        text-align: center;
    }
    .footerblock h4 {
        text-align: center;
    }
    .footersocialwrapper a {
        color: black;
        padding: 0 20px;
    }
    .footerblock .hourswrapper:first-of-type {
        margin-bottom: 20px;
    }
    .footerbackground {
        background-image: none;
        background-color: white;
    }
    #filters-modal {
        top: 70px;
    }
    #ModalVehicleInquiry {
        top: 70px;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
    }
    .p-header h1 {
        font-size: 8vw;
    }
    .tradeform {
        margin-bottom: 30px;
    }
    .financing-pic h2 {
        font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (768 - 320)));
    }
    .financing-wrapper > h3 {
        text-align: center;
    }
    .financing-wrapper > a {
        margin: 10px auto 5px; 
        display: block;
        width: fit-content;
    }
    .text-side-tab {
        top: 30%;
    }
    .serviceform, .partsform {
        order: 2; 
    }
    .servicebottom {
        order: 3;
    }
    .financeContent > .widget-inner, .serviceContent > .widget-inner, .partsContent > .widget-inner, .aboutContent > .widget-inner, .mapPage > .widget-inner, .localRides > .widget-inner {
        margin-top: 0 !important;
    }
    .servicebottom h3 {
        text-align: center;
    }
    .tts-wrapper {
        justify-content: space-around;
    }
    img.about-pic {
        display: block;
        margin: 0 auto;
    }
    .maptext {
        text-align: center;
    }
    .maptext .dealer-name {
        font-size: calc(25px + (42 - 25) * ((100vw - 320px) / (768 - 320)));
    }
    .maptext h3:first-of-type {
        font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (768 - 320)));
    }
    .maptext .mapandhourstbl {
        width: 300px;
        margin: 0 auto;
    }
    .map-wrapper {
        padding-bottom: 150px;
    }
    #calendar-page {
        padding: 20px 10px;
    }
    .nsSignup .form-header-text { 
        font-size: 28px;
    }
    .on-desktop {
        display: block !important;
    }
    .localRides .desc-flex h3, .rides .div-flex .desc-flex {
        text-align: center;
    }
    .dsImageContainer img {
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    .footercontainer, .headercontainer {
        width: 748px;
    }
    .headercontainer {
        padding: 10px;
    }
    #main-nav .nav > li > a {
        font-size: 14px; 
        padding-left: 18px;
        padding-right: 18px;
    }
    .header-addy {
        margin-top: 12px;
    }
    .featuredinventory .single-item-slider .slider-outer {
        height: 245px;
    }
    .featuredinventory .single-item-slider .slider-inner .item {
        width: 212px;
    }
    .footerblock .hourswrapper {
        font-size: 11px;
    }
    .footersocialwrapper {
        text-align: center;
    }
    .footerlinks li {
        margin: 15px 0;
    }
    .financing-pic {
        float: left;
        padding: 0 10px 0 0;
        width: 50%;
    }
    .financing-pic h2 {
        font-size: 20px;
    }
    .serviceform .form-header-text, .partsform .form-header-text {
        font-size: 23px;
    }
    .serviceform .forms-title-section {
        font-size: 18px;
    }
    .tts-block {
        flex: 0 0 45%;
        -ms-flex: 0 0 43%;
    }
    img.about-pic {
        float: left;
        padding: 0px 20px 15px 0px;
    }
    .maptext .dealer-name {
        font-size: 30px;
    }
    #main-nav .nav li:hover > ul {
        z-index: 2040;
    }
    #Form807 > .form-header-text {
        font-size: 23px;
    }
}

@media (min-width: 992px) {
    .footercontainer, .headercontainer {
        width: 972px;
    }
    .headercontainer {
        padding: 10px 60px;
    }
    .header-logo {
        flex: 0 0 50%;
    }
    #main-nav .nav > li > a {
        font-size: 22px; 
        padding-left: 15px;
        padding-right: 15px;
    }
    .buttonblock h2 {
        font-size: calc(22px + (26 - 22) * ((100vw - 992px) / (1199 - 992)));
    }
    .buttonblock h5 {
        font-size: calc(12px + (16 - 12) * ((100vw - 992px) / (1199 - 992)));
    }
    .modelblock h3 {
        font-size: calc(24px + (26 - 24) * ((100vw - 992px) / (1199 - 992)));
    }
    .modelopt {
        font-size: 12px;
    }
    .featuredinventory .single-item-slider .slider-inner .item {
        width: 210px;
    }
    .homeabout {
        padding: 40px 50px 30px;
    }
    .footerblock:nth-child(3) {
        flex: 0 0 27%;
    }
    .footerblock .hourswrapper {
        font-size: 14px;
    }
    .footersocialwrapper {
        text-align: left;
    }
    .footerlinks li {
        margin: 10px 0;
    }
    .financing-pic h2 {
        font-size: 26px;
    }
    .serviceform .form-header-text, .partsform .form-header-text {
        font-size: 30px;
    }
    .serviceform .forms-title-section {
        font-size: 19px;
    }
    .tts-block {
        flex: 0 0 30%;
        -ms-flex: 0 0 28%;
    }
    .maptext .dealer-name {
        font-size: 36px;
    }
    #Form807 > .form-header-text {
        font-size: 30px;
    }
    .header-phone {
        font-size: 32px;
    }
}

@media (min-width: 1200px) {
    .footercontainer, .headercontainer {
        width: 1180px;
    }
    .headercontainer {
        padding: 10px 97px;
    }
    #main-nav-collapse > ul > li:nth-child(n+1):nth-child(-n+3) {
        margin-right: 20px;
    }
    #main-nav-collapse > ul > li:nth-child(4) {
        margin-left: 152px;
    }
    .header-phone {
        font-size: 40px;
    }
    .header-addy {
        margin-top: 0;
    }
    .buttonblock h2 {
        font-size: 2vw;
    }
    .buttonblock h5 {
        font-size: 1vw;
    }
    .modelblock h3 {
        font-size: 2vw;
    }
    span.modelused {
        margin-left: 4%;
    }
    .modelopt {
        font-size: 1vw;
    }
    .featuredinventory .single-item-slider .slider-inner .item {
        width: 205px;
    }
    .homeabout {
        padding: 60px 60px 45px;
    }
    .financing-pic h2 {
        font-size: 30px;
    }
}

