:root {
  --f-size-26:26px;
  --gap-50:50px;
}

/* ===============================
   THEME 1
================================ */
body.theme-mackellar { 
  --brand-primary: #007DB4;
  --brand-secondary: #062A32;
  --color-btn-primary: #00AEEF;

  --color-teal-dark: #003036;
  --color-teal-medium: #0A3A45;
  --color-teal-light: #0C4B59;

  --f-size-XXXL: 50px;
  --f-size-XXL: 40px; 

  --font-family-primary: 'Inter', sans-serif;
  --font-family-secondary: 'Inter', sans-serif;

  /* HEADING VARIABLES */
  --tm-heading-color: var(--brand-secondary);

  /* HEADER VARIABLES (GLOBAL NOW) */
  --tm-header-bg: var(--brand-secondary);
  --tm-header-bdr-color: var(--brand-secondary);
  --tm-header-action: var(--color-btn-primary);
  --tm-menu-color: var(--color-white);

  /* Hero content section */
  --tm-about-bg: var(--color-teal-dark);
  --tm-about-text: var(--color-white);
  --tm-about-max-width: 888px;

  /* Home Zigzag Section */
  --tm-sec-heading: var(--brand-secondary);
  --tm-lm-color: var(--color-btn-primary);
  --tm-lm-color-2: var(--brand-secondary);

  --arrow-icon: url(../images/m-arrow.svg);
  --arrow-icon-2: url(../images/t-arrow.svg);
  --arrow-icon-3: url(../images/t-arrow.svg);

  /* News Grid Section */
  --tm-news-bg: var(--brand-secondary);
  
  /* Home Product Section */
  --tm-product-head: var(--color-teal-light);
  
  /* Tab Section */
  --tm-tab-btn: var(--color-teal-medium);  
  --tm-swiper-dots: var(--brand-primary);

  /* inner banner */
  --tm-inner-ban-heading:var(--brand-secondary);

  /* Contact Page */
  --tm-black-innertext: var(--color-teal-light);  

  /* Product Page */
  --tm-product-badge: var(--brand-secondary);

  /* History Page */
  --tm-history-heading: var(--brand-secondary);

  /* News Page */ 
   --tm-news-h3-color: var(--color-btn-primary);
   --tm-m-ventures-title: #00A0D8;
   --tm-equipment-link-color:var(--color-teal-dark);

  /* Footer Variables */
  --tm-footer-bg: var(--brand-secondary);
  --tm-ftr-form-dec:var(--color-white);
  --tm-ftr-form-bg: var(--color-teal-light);
  --tm-footer-text-color: var(--color-white);
  --tm-newsletter-border: var(--color-white);
 
}

.theme-mackellar .zigzag-row p { color: var(--color-teal-dark); font-size: var(--f-size-XS); }

.theme-mackellar a.arrow-btn-2 { font-size: var(--f-size-XXS); } 
.theme-mackellar .news-card-wrapper .news-card:not(:first-child) .news-card-inner a.arrow-btn-2 { font-size: var(--f-size-XXS); } 
.theme-mackellar .news-card-date { font-size: var(--f-size-XXS); color: var(--brand-secondary); }
.theme-mackellar .news-card-wrapper .news-card:nth-last-child(-n+4) .news-card-content * { color: var(--brand-secondary); }
.theme-mackellar a.arrow-btn.small { font-size: var(--f-size-XXS); color: var(--brand-secondary) !important; }
.theme-mackellar a.arrow-btn.small::after { background-image: var(--arrow-icon-2); }

.theme-mackellar .indigenous-partnership-section h2{ color: var(--color-white);}
.theme-mackellar .indigenous-partnership-section .row { flex-direction: row-reverse; }
.theme-mackellar .indigenous-partnership-img { width: calc(50vw - 12px); margin-left: calc((1320px - 100vw - 12px) / 2); }
.theme-mackellar .indigenous-partnership-content { padding-left: 60px; }

.theme-mackellar .footer-newsletter-input-wrap input:not([type="submit"]) { color: var(--color-white); }
.theme-mackellar .download-section h2 { color: var(--color-teal-dark); }

.theme-mackellar .mobile-ham img { filter: brightness(0) invert(1); }

.contact-form .arrow-btn { font-size: var(--f-size-XS); color: var(--color-teal-light) !important; } 
.contact-form .arrow-btn::after { width: 20px; height: 20px; background-image: var(--arrow-icon-3); }
/* mackellar Theme custom */




/* Custom Design */
html { scroll-padding-top: 50px; }
body{ overflow-x: hidden;} 

.responsive-image-wraper{ position: relative; z-index: 1; overflow: hidden;}
.responsive-image-wraper img{ position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.btn, a.btn{ background: var(--brand-primary); color: var(--color-white); border: none; border-radius: 7px; padding: 6px 16px; cursor: pointer; transition: var(--common-transition); }
.btn:hover, a.btn:hover { background: var(--color-black); color: var(--color-white);}

body.theme-mackellar .footer-newsletter-content p{ font-size: var(--f-size-S);}

.hero-section.inner-banner-section{ min-height: 695px;}
.inner-banner-section .inner-banner-title{ width: fit-content; background: var(--tm-inner-ban-heading ); padding: 16px 50px;}

.inner-banner-section .inner-banner-title h1{ margin-bottom: 0; color: var(--color-white); font-family: var(--font-family-primary); line-height: 1; font-weight: var(--fw-bold);}

button.play-btn { position: absolute; z-index: 3; inset: 0; margin: auto; background: transparent; padding: 0; border: 0; width: 55px; height: 55px; cursor: pointer; }
button.play-btn img{ display: block; width: auto; height: 100%;}
.modal-dialog{ max-width: 700px; width: calc(100% - 20px); margin-right: auto; margin-left: auto;}
.modal-content{ background: transparent; border: 0;}
.video-popup .modal-body { padding: 0; overflow: hidden;}
.modal-body button.btn-close { position: absolute; z-index: 15; top: 10px; right: 10px; width: 50px; height: 50px; padding: 0; background-color: var(--color-white); opacity: 1; border-radius: 50%; }

.video-popup .video-box{ position: relative; padding-bottom: 65%; border-radius: 20px; overflow: hidden;}
.video-popup .video-box iframe, .video-box video{ position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover;}

.video-box { padding: 0 0 56.3%; position: relative; overflow: hidden; }
.video-box iframe { position: absolute; inset: 0; height: 100%; width: 100%; }

.key-info-section{ background: var( --brand-primary); }
.key-info-section .info-wraper{ max-width: 870px;}
.key-info-section h3{ color: var(--color-white); font-size: var(--f-size-26); margin: 0;}
.theme-mackellar  .indigenous-partnership-section .row{ align-items: inherit !important;}
.theme-mackellar .indigenous-partnership-img{ height: 100%; position: relative;}
.theme-mackellar .indigenous-partnership-section .indigenous-partnership-content{ display: flex; flex-direction: column; justify-content: center; height: 100%; padding-top: 50px; padding-bottom: 50px;}

.career-opportunities-holder{ max-width: 985px;}
.career-opportunities-card{ padding: 25px 40px; border: 1px solid #E6E6E6; box-shadow: 4px 4px 4px 0px #00000024; }
.career-opportunities-card a.arrow-btn::after{ width: 22px; height: 22px;}
.theme-mackellar .career-opportunities-card a.arrow-btn { color: var(--brand-secondary) !important;}
.theme-mackellar .career-opportunities-card a.arrow-btn::after { background-image: var(--arrow-icon-2);}
.career-opportunities-card:not(:last-child){ margin-bottom: 35px;}

/* M SAFETY CULTURE PAGE START HERE */
.safety-culture-section .section-title{ margin-bottom: var(--gap-50);}
.safety-culture-section .section-title h2{ margin-bottom: 0;}
.safety-culture-section .image-outer{ padding-right: 3%;}
.safety-culture-section .image-wraper{ padding-bottom: 90%;}
.safety-culture-section .info-wraper{ padding-left: 6%;}
.safety-culture-section .info-wraper p{ font-weight: var(--fw-semi-bold);}
.safety-culture-partnership-section{ background: var(--brand-primary);}

/* M NEWS PAGE START HERE */
body:has(.m-news-banner-section) .main-header{ border: 0;}
.m-news-banner-section{ background: var(--brand-secondary);}
.m-news-banner-section .info-holder { display: flex; align-items: center; padding-right: 12%; }
.m-news-banner-section .info-holder>div{ width: 100%;}
.m-news-banner-section h1, .m-news-banner-section p{ color: var(--color-white);}
.m-news-banner-section h3{ color: var(--tm-news-h3-color); font-family: var(--font-family-primary); font-weight: var(--fw-bold);}
.m-news-banner-section .arrow-btn::after{ width: 20px; height: 20px;}
.m-news-banner-section .image-outer { width: calc(50vw - 10px); max-width: 1150px; height: 100%;}
.m-news-banner-section .image-outer .image-wraper{ padding-bottom: 83%; height: 100%;}

.m-news-listing-section{ overflow: hidden;}
.m-news-card .news-card__image { position: relative; padding-bottom: 65%; margin-bottom: 20px; overflow: hidden;}
.m-news-card .news-card__image img{ position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--common-transition);}

.m-news-card .news-card__title{ color: var(--color-body); font-family: var(--font-family-primary); font-weight: var(--fw-semi-bold); font-size: var(--f-size-M); margin-bottom: 10px;}
.m-news-card .news-card__meta{ margin-bottom: 25px; font-family: var(--font-family-primary); font-size: var(--f-size-XXS);}
.m-news-card:hover .news-card__image img{ transform: scale(1.1);}

.news-featured-list-row{ margin-bottom: var(--gap-50);}
.m-news-card--featured .news-card__image{ margin-right: 12px; margin-bottom: 0; padding-bottom: 56%;}
.m-news-card--featured .news-card__content { padding-left: 12%; }
.m-news-card--featured .news-card__content .news-card__meta, .m-news-card--featured .news-card__content .arrow-btn.small{ font-size: var( --f-size-XS);}

.news-listing__filter .nav-tabs { border: 0; border-bottom: 1px solid #919191; justify-content: center; margin-bottom: var(--gap-50); position: relative;}
.news-listing__filter .nav-tabs::before, .news-listing__filter .nav-tabs::after { content: ""; position: absolute; z-index: 1; bottom: -1px; width: 350%; background: #919191; height: 1px; }
.news-listing__filter .nav-tabs::before{ left: -350%;}
.news-listing__filter .nav-tabs::after{ right: -350%;}
.news-listing__filter .nav-tabs .nav-link { padding: 25px; line-height: 1; border: 0; color: var(--color-black); font-family: var(--font-family-primary); font-weight: var(--fw-light); font-size: var(--f-size-M); background: transparent; border-radius: 0; margin: 0; transition: var(--common-transition); }

.news-listing__filter .nav-tabs .nav-link.active { font-weight: var(--fw-semi-bold); }
.news-listing__grid .row{ --bs-gutter-x: 50px; row-gap: 25px;}

/* M INDIGENOUS PARTNERSHIP PAGE START HERE */
.media-content-section .media-image-holder{ padding-right: 10%;}
.media-content-section .media-image-holder .image-wraper{ padding-bottom: 125%;}
.media-content-section .media-content-wraper{ padding-left: 3%;}
.media-content-section .flex-row-reverse .media-image-holder{ padding-right: 0; padding-left: 10%;}
.media-content-section .flex-row-reverse .media-content-wraper{ padding-left: 0; padding-right: 3%;}
.section-divider-image { background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; padding-bottom: 25%; }

.m-ventures-section { background: var(--color-teal-medium);}
.m-ventures-section h2{ color: var(--tm-m-ventures-title);}
.m-ventures-section p{ color: var(--color-white);}
.arrow-btn.arrow-small::after { width: 20px; height: 20px; }
.m-ventures-section .item-row:nth-child(odd) .row{ flex-direction: row-reverse;}
.m-ventures-section .item-row:not(:last-child){ margin-bottom: var(--gap-50);}


/* M CAREERS PAGE START HERE */
.m-careers-section .image-wraper { padding-bottom: 58%; }
.m-careers-section h3{ font-family: var(--font-family-primary); font-weight: var(--fw-bold); line-height: 1.2; margin-bottom: 15px;}
.m-careers-section p{ color: var(--color-teal-dark);}
.opportunities-bar{ padding: 25px 35px; background: #F5F5F5; border-left: 17px solid var(--brand-primary); color: var(--color-black) ;}
.opportunities-bar .arrow-btn{ font-weight: var(--fw-bold); text-transform: uppercase;}

/* M CORE SERVICE PAGE START HERE */
.core-service-content-section{ background: var(--brand-secondary);}
.core-service-content-section p{ color: var(--color-white);}
.m-core-service-section .row{ row-gap: 25px;}
.common-card .common-card-image{ padding-bottom: 63%; margin-bottom: 25px; overflow: hidden;}
.common-card .common-card-image img{ transition: var(--common-transition);}
.common-card h3{ line-height: 1.2;}
.common-card:hover .common-card-image img{ transform: scale(1.1);}

/* M PROJECT PAGE START HERE */
.m-project-zigzag-section .section-title{ margin-bottom: var(--gap-50); max-width: 550px;}
.m-project-zigzag-section .section-title h2{ font-family: var(--font-family-primary); line-height: 1.2; font-weight: var(--fw-bold); margin-bottom: 10px;}
.m-project-zigzag-section .section-title p{ font-size: var(--f-size-M);}
.home-zigzag-section.m-project-zigzag-section .zigzag-row:nth-child(odd) { flex-direction: row-reverse; }
.home-zigzag-section.m-project-zigzag-section .zigzag-row:nth-child(even) { flex-direction: row; }
.home-zigzag-section.m-project-zigzag-section .zigzag-row:not(:last-child){ padding-bottom: 55px;  border-bottom: 1px solid #807F83;}
.border-full{ position: relative;}
.border-full::before,.border-full::after{ content: ""; position: absolute; z-index: 1; width: 350%; background: #919191; height: 1px; bottom: -1px;}
.border-full::before{ left: -350%;}
.border-full::after{ right: -350%;}
.home-zigzag-section.m-project-zigzag-section .zigzag-row:last-child::before, .home-zigzag-section.m-project-zigzag-section .zigzag-row:last-child::after{ display: none;}

/* M COMMUNITY PAGE START HERE */
.m-community-content-section .section-title { padding-right: 10%; }
.m-community-content-section h2{ line-height: 1.2; font-weight: var(--fw-bold); margin-bottom: 0;}
.indigenous-partnership-content li:not(:last-child){ margin-bottom: 20px;}
/* .indigenous-partnership-content ul, .indigenous-partnership-content ol{ padding-left: 18px; margin: 0;} */
.indigenous-partnership-section.community-partnership-section{ background: #FAFAFA;}
.indigenous-partnership-section.community-partnership-section h2{ color: var(--color-teal-dark);}
.indigenous-partnership-section.community-partnership-section p, .indigenous-partnership-section.community-partnership-section li{ color: var(--color-black);}

/* .timeline-table table { border-collapse: separate; border-spacing: 25px; }
.timeline-table th, .timeline-table td { border: 0; }
.timeline-table th{ font-weight: var(--fw-bold); color: var(--color-black); padding: 0;}
.timeline-table td{ padding: 20px 35px; background: #F5F5F5; color: var(--color-black); font-weight: var(--fw-bold); text-align: center;}
.timeline-table tr td:first-child{ border-left: 13px solid var(--color-teal-dark);} */

.timeline-table { display: flex; gap: 24px; }
.timeline-col { width: calc(33.33% - 16px); display: flex; flex-direction: column; gap: 24px; }
.timeline-col h6 { font-weight: var(--fw-bold); color: var(--color-black); padding: 0; margin: 0; background: transparent; }
.timeline-col .timeline-content { padding: 20px 10px; background: #F5F5F5; color: var(--color-black); font-weight: var(--fw-bold); text-align: center; }
.timeline-col.first .timeline-content {  border-left: 13px solid var(--color-teal-dark); }


.m-partnership-aplication-section{ background: var(--color-teal-light);}
.m-application-guidelines-section .image-wraper { padding-bottom: 95%; }
.m-partnership-aplication-section .form-outer{ max-width: 865px;}
.m-partnership-aplication-section .section-title{ margin-bottom: var(--gap-50);}
.m-partnership-aplication-section .section-title h2{ color: var(--color-white);}
.form-group label{ display: block; margin-bottom: 10px;}
.m-partnership-aplication-form label{ color: var(--color-white);}
.m-partnership-aplication-form input[type="file"]{ color: var(--color-white);}
.m-partnership-aplication-form input[type="file"]::file-selector-button { background-color: #D9D9D9; color: #807F83; border: none; padding: 6px 25px; cursor: pointer; border-radius: 0; font-family: var(--font-family-primary); font-weight: var(--fw-light); }

/* M FLEET PAGE START HERE */
.gallery-showcase-section { overflow: hidden; }
.gallery-showcase-section .slider-holder { width: 85%; max-width: 1150px; }
.gallery-showcase-section .swiper{ overflow: visible; padding-bottom: 50px !important; }


.gallery-showcase-section .image-box { position: relative; padding-bottom: 55%; }
.gallery-showcase-section .image-box img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.fleet-slider .swiper-pagination { bottom: 0 !important; }
.swiper-pagination-bullet { width: 20px; height: 20px; background: #D9D9D9; opacity: 1; margin: 0 6px !important; transition: var(--common-transition); }
.swiper-pagination-bullet-active { background: #A3A3A3; }
.gallery-showcase-section .section-title{ margin-bottom: var(--gap-50);}
.download-section h5{ color: var(--color-black);}

/* M DRY HIRE PAGE START HERE */
.available-hire-section { background: #F5F5F5;}
.available-hire-section h2{ color: var(--color-black);}

.equipment-filter-bar-outer{ margin-bottom: var(--gap-50); }
.equipment-filter-bar { display: flex; gap: 20px; overflow-x: auto; padding: 0 10px 15px; justify-content: flex-start; }
.equipment-filter-bar>*{ width: calc(11.11% - 20px*8/9); padding: 0;}
.equipment-filter-bar .catalog-filter-item{ min-width: 120px; flex: 0 0 auto;}
.equipment-filter-bar .filter-icon { width: 110px; height: 110px; background: #fff; border: 1px solid transparent; position: relative; margin: 0 auto 20px; padding: 5px; transition: var(--common-transition);}
.equipment-filter-bar .filter-icon img { width: 100%; height: 100%; object-fit: cover; transition: var(--common-transition);}



.equipment-filter-bar .catalog-filter-item p{ font-weight: var(--fw-bold); color: var(--color-black); text-transform: uppercase; transition: var(--common-transition);}
.equipment-filter-bar .catalog-filter-item:hover .filter-icon img:last-child{ transform: scale(1.1);}
.equipment-filter-bar .active .filter-icon{ border-color: var(--brand-primary);}
.equipment-filter-bar .active.catalog-filter-item p{ color: var(--brand-primary);}

.equipment-card { background: #F5F5F5; }
.equipment-card .equipment-image{ padding-bottom: 62%;}
.equipment-card .equipment-image img{ transition: var(--common-transition);}
.equipment-card .equipment-title{ background: var(--tm-inner-ban-heading); padding: 22px 18px;}
.equipment-card .equipment-title h4{ color: var(--color-white); margin: 0;}
.equipment-card .bottom-dis { padding: 20px; }
.equipment-card .equipment-specs{ margin-bottom: 15px;}
.equipment-card .equipment-specs-row { display: flex; margin-bottom: 5px; }
.equipment-card .equipment-specs-row  span{ display: block;}
.equipment-card .equipment-specs-row  span:first-child{ width: 70%;}
.equipment-card .arrow-btn{ text-transform: uppercase; color: var(--tm-equipment-link-color) !important; }
.equipment-card .arrow-btn::after{ width: 25px; height: 20px; background-image: var(--arrow-icon-2); }
.equipment-grid .row{ row-gap: 25px;}


.footer-nav-col ul.footer-dry-hire-menu li a { font-size: var(--f-size-S); font-weight: var(--fw-bold); }

/* MACELLAR RESPONSIVE START HERE */
@media only screen and ( min-width:1650px ) { 

    .m-careers-section .container{ max-width: 1550px;}

}

@media only screen and ( max-width:1599px ){

  .hero-section.inner-banner-section { min-height: 550px; }

}

@media only screen and ( max-width:1399px ){
  :root {
  --f-size-XXXL: 45px;
  --f-size-XXL: 45px;
  }

  body.theme-mackellar { 
    --f-size-XXXL: 45px;
    --f-size-XXL: 38px;
  }

  .main-header { padding-left: 4%; }
  .hero-section.inner-banner-section { min-height: 440px; }
  .hero-section.inner-banner-section .container{ max-width: 1140px;}
  .theme-mackellar .indigenous-partnership-img{ margin-left: calc((1140px - 100vw - 24px) / 2);}
  .theme-mackellar .indigenous-partnership-content { padding-left: 20px; }

  /* M NEWS PAGE RESPONSIVE START HERE */
  .m-news-banner-section .info-holder{ padding-right: 6%;}
  .m-news-card--featured .news-card__content { padding-left: 6%; }
  .news-listing__grid .row { --bs-gutter-x: 30px; }

  /* M PARTNERSHIP COMMUNITY GUIDELINES PAGE RESPONSIVE START HERE */
  .timeline-table table { border-spacing: 15px; }
  .timeline-table td { padding: 18px 22px; }

  /* M DRY HIRE PAGE RESPONSIVE START HERE */
  .equipment-filter-bar .catalog-filter-item { min-width: 100px; }
  .equipment-filter-bar .filter-icon { width: 75px; height: 75px; margin: 0 auto 15px; }
  .equipment-filter-bar .catalog-filter-item p{ font-size: 14px;}
  
}

@media only screen and ( max-width: 1199px ) {
  :root {
  --f-size-XXXL: 38px;
  --f-size-XXL: 38px;
  --f-size-XL: 26px;
  --f-size-L: 22px;
  --f-size-M: 18px;
  --f-size-22: 20px;
  --f-size-18: 16px;
  --f-size-40: 35px;
  --f-size-26:24px;

  --gap-50:35px;
  }
  body.theme-mackellar { 
  --f-size-XXXL: 38px;
  --f-size-XXL: 35px; 
  }

  .common-padd{ padding-top: 80px; padding-bottom: 80px;}

  /* MACKELLAR INDEX PAGE RESPONSIVE START HERE */
  /* MACKELLAR INDEX PAGE RESPONSIVE END HERE */

  .inner-banner-section .inner-banner-title { padding: 14px 35px; }
  .home-zigzag-section .zigzag-row:not(:last-child) { margin-bottom: 35px; }

  .theme-mackellar .indigenous-partnership-img { margin-left: calc((960px - 100vw - 24px) / 2); }
  .theme-mackellar .indigenous-partnership-content { padding-left: 10px; }
  .site-footer{ padding: 80px 0 40px;}

  /* M INDIGENOUS PARTNERSHIP PAGE RESPONSIVE START HERE */
  .media-content-section .flex-row-reverse .media-image-holder { padding-left: 2%; }
  .media-content-section .media-image-holder { padding-right: 2%; }

  /* M SAFETY CULTURE PAGE RESPONSIVE START HERE */
  .safety-culture-section .info-wraper { padding-left: 0; }

  /* M NEWS PAGE RESPONSIVE START HERE */
  .m-news-banner-section .info-holder{ padding-right: 10px;}
  .m-news-banner-section .info-holder .info-wraper{ padding-top: 35px; padding-bottom: 35px;}
  .m-news-card--featured .news-card__content { padding-left: 0; }

  /* M NEWS PAGE RESPONSIVE START HERE */
  .m-careers-section .row { --bs-gutter-x: 2rem; }
  .opportunities-bar { padding: 20px 15px; border-width: 10px; }
  .m-careers-section .image-outer { margin-bottom: 25px; }

  /* M PROJECT PAGE RESPONSIVE START HERE */
  .home-zigzag-section.m-project-zigzag-section .zigzag-row:not(:last-child) { padding-bottom: 30px; border-bottom: 1px solid #807F83; }

  /* M CAREER OPPORTUNITIES PAGE RESPONSIVE START HERE */
  .career-opportunities-card { padding: 20px 25px; }
  .career-opportunities-card:not(:last-child) { margin-bottom: 25px; }

  /* M FLEET PAGE RESPONSIVE START HERE */
  .download-link-wrap { padding: 20px 15px; border-width: 10px; }

  .timeline-table { display: flex; gap: 15px; }
  .timeline-col h6 { font-size: 15px; }
  .timeline-col { width: calc(33.33% - 10px); gap: 15px; }

}

@media only screen and ( max-width: 991px ){
  :root {
  --f-size-XXXL: 30px;
  --f-size-XXL: 30px;
  --f-size-XL: 24px;
  --f-size-L: 20px;
  --f-size-M: 16px;
  --f-size-S: 15px;
  --f-size-XS: 13px; 
  --f-size-XXS: 11px;
  --f-size-22: 18px;
  --f-size-18: 15px;
  --f-size-40: 30px;
  --f-size-26:21px;
  --gap-50:28px;
  }

  body.theme-mackellar { 
    --f-size-XXXL: 30px;
    --f-size-XXL: 28px; 
  }

  .btn, a.btn{ font-size: var(--f-size-S);}
  .common-padd { padding-top: 60px; padding-bottom: 60px; }

  .hero-section.inner-banner-section { min-height: 380px; }
  .hero-section .container{ padding-bottom: 40px;}

  .home-zigzag-section .zigzag-row:not(:last-child) { margin-bottom: 25px; }
  .home-zigzag-section .zigzag-row .zigzag-img{ margin-bottom: 25px;}

  .indigenous-partnership-section{ padding: 60px 0;}
  .theme-mackellar .indigenous-partnership-section .row{ flex-direction: column-reverse;}
  .theme-mackellar .indigenous-partnership-img{ width: 100%; margin: 0 0 25px;}
  .theme-mackellar .indigenous-partnership-content { padding: 0; }
  .footer-newsletter-content{ margin-bottom: 25px;}
  .site-footer { padding: 60px 0 20px; }
  .footer-logo-col a{ display: inline-block; margin-bottom: 25px; height: 40px;}
  .footer-logo-col a img{ display: block; width: auto; height: 100%;}
  .footer-nav-col:not(:last-child){ margin-bottom: 25px;}
  .footer-nav-col h6{ margin-bottom: 15px;}
  .footer-bottom-row { margin-top: 25px; }

  /* M INDIGENOUS PARTNERSHIP PAGE RESPONSIVE START HERE */
  .inner-banner-section .inner-banner-title { padding: 14px 25px; }
  .media-content-section .media-image-holder{  margin-bottom: 25px;}
  .media-content-section .media-image-holder { padding-right: 0; }
  .media-content-section .media-image-holder .image-wraper { padding-bottom: 100%; }
  .media-content-section .media-content-wraper { padding-left: 0; }
  .media-content-section .flex-row-reverse .media-image-holder { padding-left: 0;}
  .media-content-section .flex-row-reverse .media-content-wraper{ padding-right: 0;}
  .section-divider-image { padding-bottom: 35%; }

  .m-ventures-section .item-row .image-wraper { text-align: center; margin-bottom: 20px; }
  .m-ventures-section .item-row{ text-align: center;}
  .m-ventures-section .item-row .arrow-btn{ justify-content: center; margin: 0 auto;}

  /* M SAFETY CULTURE PAGE RESPONSIVE START HERE */
  .safety-culture-section .image-outer { padding-right: 0; margin-bottom: 25px; }

  /* M NEWS PAGE RESPONSIVE START HERE */
  .m-news-banner-section{ border-top: 1px solid #000;}
  .m-news-banner-section .image-outer{ height: auto; width: 100%; margin-bottom: 50px;}
  .m-news-banner-section .info-holder { padding-right: 0; }
  .m-news-banner-section .info-holder .info-wraper { padding-top: 50px; padding-bottom: 50px; }
  .m-news-card--featured .news-card__image{ margin: 0 0 25px;}

  /* M NEWS PAGE RESPONSIVE START HERE */
  .core-service-content-section{ text-align: center;}

  /* M PARTNERSHIP COMMUNITY GUIDELINES PAGE RESPONSIVE START HERE */
  .m-community-content-section .section-title{ padding: 0; margin-bottom: 25px;}
  .submission-timeline .timeline-note{ margin-bottom: 25px;}
  .m-application-guidelines-section .image-wraper{ margin-bottom: 25px;}

  /* M DRY HIRE PAGE RESPONSIVE START HERE */
  .stock-main-wrap{ width: 100%;}
  .stock-bar{ flex-wrap: wrap;}
  .stock-item { width: 100%; justify-content: space-between; }

  /* M CONTACT US PAGE RESPONSIVE START HERE */
  .contact-section .contact-info-wrap{ margin-bottom: 25px;}
}

@media only screen and ( max-width:767px ) {
  :root {
    --gap-50:25px;
  }
  select { background-position: right 15px center; }

  .hero-section.inner-banner-section { min-height: 260px; }
  .hero-section .container { padding-top: 20px; padding-bottom: 30px; }

   /* M NEWS PAGE RESPONSIVE START HERE */
   .news-listing__filter .nav-tabs::before, .news-listing__filter .nav-tabs::after{ display: none;}
  .news-listing__filter .nav-tabs .nav-link { padding: 20px 15px; }

  .fleet-slider .swiper-slide { width: 90%; }

  /* M CAREER OPPORTUNITIES PAGE RESPONSIVE START HERE */
  .career-opportunities-card { padding: 15px 18px; }
  .career-opportunities-card:not(:last-child) { margin-bottom: 20px; }

  /* M FLEET PAGE RESPONSIVE START HERE */
  .download-section h2{ margin-bottom: 20px;}
  .gallery-showcase-section .swiper { padding-bottom: 40px !important; }
  .gallery-showcase-section .image-box { padding-bottom: 60%; }
  .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 4px !important; }

  /* M DRY HIRE PAGE RESPONSIVE START HERE */
  .equipment-filter-bar { gap: 12px; padding: 0 10px 10px; }
  .equipment-filter-bar>* { width: calc(11.11% - 12px*8/9); }
  .equipment-filter-bar .catalog-filter-item { min-width: 90px; }
  .equipment-filter-bar .filter-icon { width: 50px; height: 50px; margin: 0 auto 10px; }
  .equipment-filter-bar .catalog-filter-item p { font-size: 12px; }
  .equipment-grid .row { --bs-gutter-x: 20px; }
  .equipment-card .equipment-title { padding: 15px; }
  .equipment-card .equipment-specs-row span{ font-size: 14px;}
  .equipment-card .bottom-dis { padding: 15px; }

  .timeline-table { display: flex; gap: 9px; }
  .timeline-col { width: calc(33.33% - 6px); gap: 9px; }
  .timeline-col h6 { font-size: 10px; }
  .timeline-col.first .timeline-content { border-left: 6px solid var(--color-teal-dark); }
  .timeline-col .timeline-content { padding: 10px 6px; }
  .timeline-note p { font-size: 14px; }

}

@media only screen and ( max-width:575px ){
  :root {
    --f-size-XXXL: 26px;
    --f-size-XXL: 26px;
    --f-size-XL: 22px;
    --f-size-L: 18px;
    --f-size-M: 16px;
    --f-size-S: 14px;
    --f-size-XS: 12px; 
    --f-size-22: 16px;
    --f-size-18: 14px;
    --f-size-40: 23px;
    --f-size-26:19px;
  }
  body.theme-mackellar { 
    --f-size-XXXL: 26px;
    --f-size-XXL: 25px; 
  }
  .btn, a.btn{ font-size: var(--f-size-S);}
  .container{ padding: 0 25px;}
  .home-zigzag-section{ overflow: hidden;}
  .home-zigzag-section .zigzag-row .zigzag-img{ width: calc(100% + 50px); margin-left: -25px;}
  .modal-body button.btn-close { top: 5px; right: 5px; width: 40px; height: 40px; background-size: 12px; }

  .theme-mackellar .indigenous-partnership-img{ width: calc(100% + 50px); margin-left: -25px;}

  /* M CAREERS PAGE RESPONSIVE START HERE */
  .opportunities-bar{ padding: 15px 15px; border-width: 6px;}
  .download-link-wrap { padding: 15px 15px; border-width: 6px; }

  /* M NEWS PAGE RESPONSIVE START HERE */
  .m-news-banner-section .image-outer{ width: calc(100% + 50px); margin-left: -25px; margin-bottom: 0;}
  .news-listing__filter .nav-tabs{ padding-bottom: 10px;}
  .news-listing__filter .nav-tabs .nav-link { padding: 10px 15px; }

  /* M PARTNERSHIP COMMUNITY GUIDELINES PAGE RESPONSIVE START HERE */
  .timeline-table th{ font-size: 12px;}
  .timeline-table td{ font-size: 12px; border-width: 5px !important;}


  /* M DRY HIRE PAGE RESPONSIVE START HERE */
  .equipment-filter-bar{ width: calc(100% + 25px);}
  .equipment-filter-bar .catalog-filter-item { min-width: 75px; }
  .equipment-filter-bar .catalog-filter-item p { font-size: 10px; }
  .equipment-grid .row { --bs-gutter-x: 15px; }
  .equipment-card .equipment-title { padding: 10px 8px; }
  .equipment-card .equipment-title h4{ font-size: 10px;}
  .equipment-card .bottom-dis { padding: 10px; }
  .equipment-card .equipment-specs-row span { font-size: 8px; }
  .stock-dec { margin: 8px 0 0; }

}

@media only screen and ( max-width:459px ){
  :root {
  --f-size-XXXL: 22px;
  --f-size-XXL: 22px;
  --f-size-XL: 16px;
  --f-size-L: 17px;
  --f-size-40: 20px;
  --f-size-26:15px;
  --f-size-S: 10px;
  --f-size-XS: 10px;  
  }
  body.theme-mackellar { 
    --f-size-XXXL: 22px;
    --f-size-XXL: 22px; 
  }

  h1, h2, h3, h4, h5, h6, p{ margin-bottom: 15px;}
  ol, ul { padding-left: 1.2rem; }
  .form-group { margin-bottom: 10px; }
  .form-control { padding: 8px 15px; font-size: 8px; height: 32px;}
  select.form-control { background-position: right 8px center; background-size: 10px !important; padding-right: 28px; }
  textarea.form-control { min-height: 80px; }
  .common-padd, .common-padd-small { padding-top: 45px; padding-bottom: 45px; }
  .hero-section.inner-banner-section { min-height: 200px; }
  .inner-banner-section .inner-banner-title { padding: 10px 15px; }
  button.play-btn { width: 40px; height: 40px; }

  .indigenous-partnership-section { padding: 0 0 45px; }
  .footer-newsletter-section{ padding: 45px 0;}
  .footer-newsletter-input-wrap input:not([type="submit"]) { height: 30px; }


  /* M PARTNERSHIP COMMUNITY GUIDELINES PAGE RESPONSIVE START HERE */
  .timeline-table th { font-size: 8px; }
  .timeline-table td { padding: 12px; font-size: 8px; }

  .news-listing__filter{ padding: 0 25px; box-shadow: 0px 0px 8px 0px #0000001A;  width: calc(100% + 50px); margin-left: -25px;}
  .news-listing__filter .nav-tabs{ border: 0;  padding: 0;}
  .news-listing__filter .nav-tabs .nav-link { padding: 13px 5px; }
  .m-news-card .news-card__meta { margin-bottom: 18px; }
  .m-news-card--featured .news-card__content .arrow-btn.small{ font-size: var(--f-size-18);}
  .news-listing__grid .row { --bs-gutter-x: 18px; }
  .m-news-card .news-card__title{ font-size: 14px;}

  /* M CAREER OPPORTUNITIES PAGE RESPONSIVE START HERE */
  .career-opportunities-card { padding: 15px; }
  .career-opportunities-card:not(:last-child) { margin-bottom: 15px; }

  /* M NEWS PAGE RESPONSIVE START HERE */
  .m-news-banner-section .info-holder .info-wraper { padding-top: 35px; padding-bottom: 35px; }

  /* M FLEET PAGE RESPONSIVE START HERE */
  .download-section h2{ margin-bottom: 15px;}
  

  /* M DRY HIRE PAGE RESPONSIVE START HERE */
  .equipment-card .arrow-btn::after { width: 20px; height: 18px; }
  .stock-bar { gap: 12px 100px; }
  .stock-item { padding-bottom: 10px; }
  .stock-meta{ gap: 12px;}
}

@media only screen and ( max-width:389px ){
  /* M PARTNERSHIP COMMUNITY GUIDELINES PAGE RESPONSIVE START HERE */
  /* .timeline-table table, .timeline-table thead, .timeline-table tbody, .timeline-table th, .timeline-table td, .timeline-table tr { display: block; width: 100%; }
  .timeline-table thead { display: none; }
  .timeline-table tr { margin-bottom: 0; padding: 0; border-radius: 0; }
  .timeline-table td::before { content: attr(data-label); font-weight: 600; color: var(--color-black); }
  .timeline-table td { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; margin-bottom: 15px; border-left: 10px solid var(--color-teal-dark) !important; font-size: 18px; } */

  /* M DRY HIRE PAGE RESPONSIVE START HERE */
  .stock-item .stock-title{ font-size: 16px;}
  .stock-price-wrap{ font-size: 13px;}

  .timeline-col h6 { font-size: 10px; max-width: 70px; }

}