/**** ==========================================================================
 MACHINE LISTINGS
========================================================================== ****/

@media screen and (max-width: 415px) {
   .machine-warranty-details {
      flex-direction: column;
      align-items: center;
      row-gap: 15px;
   }

   .machine-listing-header .mc-machine-model {
      font-size: 1.875rem;
      letter-spacing: 0rem;
   }
}

@media screen and (max-width: 580px) {
   .qd-machine-cta {
      flex-direction: column !important;
      row-gap: 20px;
   }

   .machine-hours {
      padding: 0px 20px !important;
   }

   .machine-warranty {
      padding: 0px 20px !important;
   }

   a.buy-btn,
   a.need-financing-btn {
      padding: 0px 12px !important;
   }

   .qd-machine-cta-btns {
      column-gap: 10px;
      justify-content: space-evenly;
   }

   .id-slider-inner-wrapper {
      padding: 0px 20px !important;
   }

   .technical-specs,
   .about-machine,
   .build-specs {
      padding: 60px 20px;
   }

   .section-title-wrapper {
      padding-bottom: 40px;
   }

   .listing-section-title {
      text-align: center;
   }

   .key-specs {
      /* column-gap: 25px; */
      row-gap: 40px;
      justify-content: center;
   }

   .key-spec {
      padding: 0px 0px;
      flex-basis: auto;
      flex-direction: column;
      flex-basis: 47%;
   }

   .key-spec-icon svg {
      width: 72px;
      margin-right: 0px;
   }

   .key-spec-name {
      font-size: 0.75rem;
      letter-spacing: 0.1rem;
   }

   .key-spec-value {
      font-size: 1.25rem;
   }

   .key-spec-info {
      text-align: center;
   }
}

@media (max-width: 959px) {
   .deness-wrapper .listing-overview {
      padding: 50px 0px 0px;
   }
}

@media screen and (max-width: 925px) {
   .technical-specs,
   .about-machine,
   .build-specs {
      padding: 60px 20px;
   }

   .section-title-wrapper {
      padding-bottom: 50px;
   }

   .listing-section-title {
      text-align: center;
   }

   .key-specs {
      /* column-gap: 25px; */
      row-gap: 40px;
      justify-content: center;
   }

   .key-spec {
      padding: 0px 0px;
      flex-basis: auto;
      flex-direction: column;
      flex-basis: 47%;
   }

   .key-spec-icon svg {
      width: 72px;
      margin-right: 0px;
   }

   .key-spec-name {
      font-size: 0.75rem;
      letter-spacing: 0.1rem;
   }

   .key-spec-value {
      font-size: 1.25rem;
   }

   .key-spec-info {
      text-align: center;
   }
}

@media screen and (max-width: 625px) {
   .machine-info-bar-inner-wrapper {
      row-gap: 0px !important;
   }

   .machine-hours {
      /* flex-direction: row;
      column-gap: 30px; */
      width: 100%;
      align-items: center;
      max-width: 100%;
      margin: 20px 0px 40px;
   }

   .machine-warranty {
      /* flex-direction: row;
      column-gap: 30px; */
      border-left: 0px;
      width: 100%;
      padding: 0px 30px;
      order: 3;
   }

   .mht-wrapper,
   .mwt-wrapper {
      justify-content: center;
   }

   .machine-warranty-details {
      column-gap: 0px;
      justify-content: space-between;
   }

   .machine-hours-title,
   .machine-warranty-title {
      margin-bottom: 10px;
      padding-bottom: 5px;
      padding-top: 5px;
      background-color: var(--deness-orange);
      border-bottom: 0px;
   }

   .mib-txt {
      font-size: 1rem !important;
   }
}

@media (max-width: 675px) {
   .wd-value,
   .wd-value.wd-date span {
      font-size: 1.375rem;
   }

   .uk-icon.mc-slide-icon svg {
      height: 24px;
   }

   .uk-icon.mc-slide-icon svg polyline {
      stroke-width: 4px;
   }

   .section-title-wrapper {
      padding-bottom: 40px;
   }
}

@media (max-width: 750px) {
   .id-slider-inner-wrapper {
      padding: 0px 30px;
   }

   .ml-photo-slider {
      margin-bottom: 30px;
   }

   .listing-thumbnav.uk-thumbnav.uk-thumbnav-vertical {
      flex-direction: row;
      justify-content: center;
      column-gap: 10px;
      display: none;
   }

   .thumbnav-wrapper {
      position: relative !important;
      margin-top: 50px;
      padding: 10px 15px;
      display: none !important;
   }

   .ml-photo-slider .mc-slide-right {
      right: 0px !important;
   }

   .mc-slide-icon {
      padding: 10px 15px;
   }
}

@media (max-width: 860px) {
   .machine-highlights .uk-column-1-2 {
      /* column-count: 1; */
   }

   .about-machine-content-wrapper {
      column-gap: 40px;
      flex-direction: column;
      row-gap: 30px;
   }
}

@media (max-width: 970px) {
   .machine-info-bar-inner-wrapper {
      /* flex-direction: column;
      padding: 0px 0px 40px 0px;
      row-gap: 30px; */
      flex-direction: row;
      padding: 0px 0px 30px 0px;
      row-gap: 30px;
      flex-wrap: wrap;
      justify-content: center;
   }

   .machine-hours {
      padding: 0px 30px;
      order: 2;
   }

   .purchase-info,
   .machine-warranty {
      /* border-left: 0px solid rgba(0, 0, 0, 0.25); */
      margin-left: 0px;
   }

   .purchase-info {
      background-color: #4d4d4d;
      padding: 30px 30px !important;
      order: 1;
   }

   .qd-machine-price {
      margin-bottom: 0px;
      color: #ffffff;
   }

   .qd-machine-cta {
      flex-direction: row;
   }

   .qd-machine-cta-btns {
      flex-direction: row;
      width: auto;
   }

   a.buy-btn,
   a.need-financing-btn {
      padding: 0px 20px;
   }
}

@media (max-width: 1159px) {
   .mib-txt {
      font-size: 0.875rem;
   }

   .mh-hours {
      font-size: 1.625rem;
   }

   .mh-hours span {
      font-size: 0.938rem;
   }

   .wd-label {
      font-size: 0.75rem;
   }
}

@media screen and (min-width: 676px) and (max-width: 1159px) {
   .wd-value,
   .wd-value.wd-date span {
      font-size: 1.625rem;
   }
}

@media screen and (min-width: 626px) and (max-width: 970px) {
   .machine-warranty-details {
      display: flex;
      column-gap: 25px;
   }

   .machine-warranty {
      padding: 0px 30px;
      order: 3;
      width: fit-content;
   }
}

/**** ==========================================================================
 ABOUT
========================================================================== ****/

@media (max-width: 869px) {
   .dl-section-content {
      flex-direction: column;
      padding: 60px 20px 20px;
   }

   .dl-section-copy,
   .dl-section-img {
      width: 100%;
   }

   .dl-section-img {
      order: 1;
      aspect-ratio: 16/9;
      width: 100%;
      max-width: 864px;
   }

   .dl-section-img img {
      aspect-ratio: 16/9;
      object-fit: cover;
      width: 100%;
      height: auto;
   }

   .dl-section-video {
      aspect-ratio: 16/9;
      width: 100%;
      max-width: 864px;
   }

   .dl-section-video video {
      aspect-ratio: 16/9;
      object-fit: cover;
   }

   .dl-section-copy,
   .dl-section-copy.txt-rt {
      order: 2;
      padding: 50px 60px;
   }

   #our-machines .dl-section-content {
      max-height: 100%;
      overflow-y: auto;
   }
}

@media (max-width: 586px) {
   .dl-subnav {
      display: none;
   }

   .dl-section-copy,
   .dl-section-copy.txt-rt {
      padding: 45px 30px;
   }

   .dl-subnav-bar {
      padding: 10px 20px;
   }

   .dl-subnav-container.uk-navbar-container {
      width: 100%;
   }

   .dl-subnav.uk-subnav.uk-subnav-pill {
      margin-left: 0px;
      flex-wrap: nowrap;
      padding: 0px 8px;
   }

   .dl-subnav.uk-subnav.uk-subnav-pill li.uk-first-column {
      padding-left: 0px;
   }

   .dl-subnav.uk-subnav li,
   .dl-subnav.uk-subnav li a {
      font-size: 0.9rem;
      letter-spacing: 0rem;
      padding-left: 0px;
   }

   .dl-subnav.uk-subnav,
   .dl-subnav.uk-subnav > * > :first-child {
      padding: 4px 10px;
   }

   .uk-subnav-pill > * > :first-child {
      padding: 2px 4px;
   }
}

/**** ==========================================================================
 RATE CARDS / LINE CARDS
========================================================================== ****/

@media (max-width: 560px) {
   .line-card-img-mo {
      display: block;
      width: 100%;
      z-index: 1;
   }

   .line-card-title {
      font-size: 32px;
   }

   .line-card-img {
      display: none;
   }

   .line-cards-content {
      width: 100% !important;
   }

   .line-card-wrapper {
      position: relative !important;
      max-width: 100% !important;
      width: 100% !important;
      aspect-ratio: 4 / 3 !important;
      display: block !important;
   }

   .line-cards-container {
      padding: 120px 40px !important;
   }

   .line-card-overlay {
      /* height: calc(100% - 3px) !important; */
   }

   .line-card-header {
      align-items: center !important;
      padding: 0px 20px !important;
   }

   .line-card-title-2 {
      font-size: 1.063rem;
      letter-spacing: 0.1rem;
      /* margin-top: 4px !important; */
   }
}

@media (min-width: 561px) {
   .line-card-img-mo {
      display: none;
   }

   .line-card-img {
      display: block;
   }
}

@media (min-width: 560px) and (max-width: 880px) {
   .line-card-year {
      font-size: 1.125rem;
      padding: 3px 12px;
      margin-bottom: 2px;
      border-radius: 2px;
   }

   .line-card-title {
      font-size: 1.875rem;
   }

   .line-card-title-2 {
      font-size: 0.875rem;
      margin-top: 8px;
      padding: 3px 15px;
      border-radius: 2px;
      font-weight: 700;
   }

   .line-card-img {
      object-fit: cover;
      height: 100%;
      object-position: right;
   }

   .line-card {
      height: 180px;
   }
}

@media (max-width: 560px) {
   .line-card-img-mo {
      display: block;
   }

   .line-card-img {
      display: none;
   }
}

@media (max-width: 759px) {
   .line-card-img {
   }

   .line-cards-content {
      flex-direction: column;
   }

   .line-card-wrapper {
      width: 100%;
      margin-bottom: 0px;
   }

   .line-card {
      border: 2px solid rgba(252, 252, 252, 0.35);
   }

   .line-card-content {
      text-align: center;
   }
}

@media (min-width: 768px) and (max-width: 1199px) {
   .line-cards-container {
      padding: 80px 40px;
   }

   .line-cards-section-header {
      margin-bottom: 50px;
   }
}

@media (max-width: 767px) {
   .line-cards-content {
      width: auto;
   }

   .line-cards-container {
      padding: 80px 25px;
   }

   .line-cards-section-header {
      margin-bottom: 50px;
   }

   .line-card-year {
      position: relative;
      font-size: 18px;
      padding: 4px 10px;
      margin-bottom: 2px;
      border-radius: 2px;
   }
}

@media (max-width: 450px) {
   .line-cards-container {
      padding: 80px 25px;
   }

   .line-cards-section-header-txt-top {
      font-size: 8vw;
      letter-spacing: 0.625rem;
   }

   .line-cards-section-header-txt-bot {
      font-size: 16vw;
   }
}