.half { width: 49%; margin-right: 2%; float: left; }
.half:nth-child(2n) { margin-right: 0; }
.inner { padding-top: 40px; padding-bottom: 40px; }
.quickContact h3.main-title { font-size: 18px; }
.quickContact { border: 1px solid #CCCCCC; border-radius: 3px; padding: 15px; background-color: #FFFFFF; }
.quickContact label { width: 100%; }
.quickContact .notification-box { padding: 0; margin: 0; }
ul.quickLinks { margin: 0; padding: 0; }
ul.quickLinks li { margin: 0; padding: 0; list-style: none; }
ul.quickLinks li i { margin: 0; padding: 0 10px 0 0; }
.post { float: left; width: 25%; padding: 5px 10px; min-height: 90px; font-size: 12px; line-height: 1.4;  }
.post img { float: left; margin: 0 15px 5px 0; width: 70px; }
.post h3.post-title a { font-size: 14px; }
.serviceImage { max-width: 100%; }
#breadcrumbs { text-align: right; margin-top: 6px; font-size: 12px; }
#breadcrumbs i { padding: 0 6px; }
.steps-item { margin: 0 0 20px 0;}
.steps-item img { max-width: 100%; margin-left: auto; margin-right: auto; }
.steps-item div { margin: 20px 0 0 0; }
/* .yamm .nav .dropdown .yamm-dropdown-menu .yamm-content a:hover { color: #FF9999 !important; } */
.borderTop { border: none !important; border-top: 1px solid rgba(255, 255, 255, 0.07) !important; padding-top: 10px; }

#og-grid.og-grid { text-align: left; padding-top: 0; }
#og-grid.og-grid li { width: 100%; margin: 0; padding: 0; text-align: center; }
#og-grid.og-grid li h3 { margin-top: 0; padding-top: 0; font-size: 28px; }
#og-grid.og-grid li div.description p { color: #404040; }
.offsetPageTitle { padding-top: 0; }

.navbar.light ul.social > li.fb-button > a { background-color: #3B5998; color: #FFFFFF; padding: 9px 15px 10px; }
.navbar.light ul.social > li.fb-button > a > i { color: #FFFFFF; }
.navbar.light ul.social > li.fb-button > a:hover { background-color: #606060; color: #FFFFFF; }
.navbar.light ul.social > li.fb-button > a:hover > i { color: #FFFFFF; }

figure a .text-overlay .info { left: 0; position: absolute; text-align: center; }
figure a .text-overlay .info span { padding: 0; }
figure a .title { background-color: #000000; bottom: 0; color: #F9D428; left: 0; position: absolute; width: 100%; padding: 4px 0; }
figure a:hover .title { display: none; }

.serviceVideo iframe { width: 100%; height: 100%; }

.staff h4 { margin: 8px 0 0 0; }

.gearboxListing { border: 2px solid #E1E1E1; padding: 10px 15px; margin: 0 0 15px 0; background-color: #FFFFFF; }
.gearboxListing h3 { line-height: 1.5; }
.gearboxListing .dataCol { float: left; width: calc(100% - 330px); }
.gearboxListing .imageCol { width: 300px; float: right; border: 1px #003C78 solid; padding: 10px; margin: 0 0 10px 0; }
.gearboxListing .imageCol img { max-width: 100%; }
.gearboxListing .imageCol img.thumb { width: 23.5%; margin: 10px 1.5% 0 0; cursor: pointer; }
.gearboxListing .imageCol img.thumb:nth-child(4) { margin-right: 0; }
.gearboxListing .manufacturersLogo { width: 50px; margin-right: 7px; float: left; }
.motorhomeImage1 { float:right; margin: 0 0 10px 15px; width:293px; }
.motorhomeImage2 { float:left; margin: 0 15px 10px 0; width:293px; }

.covid19 { margin-bottom: 30px; }
.covid19 h5 { background-color: #000; color: #FFF; font-weight: bold; padding: 25px 20px !important; margin-top: 30px !important; margin-bottom: 0 !important; text-align: center; font-size: 22px; }
.covid19Message {border-left: 2px solid #000; border-bottom: 2px solid #000; border-right: 2px solid #000; padding: 30px 40px 10px 40px; font-size: 14px !important; text-align: center; }
.covid19Message ul { list-style-type: disc; margin-bottom: 20px; }
.covid19Message li { margin-left: 20px; }
.covid19Message h6 { text-align: center; font-size: 1.5em; text-decoration: underline; font-weight: bold; }
.covid19Message .covidPhone { font-size: 1.3em; color: red; }

/*
@media (max-width: 1680px) {

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

}
@media (max-width: 969px) {

}
@media (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
*/


@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 991px) {
  .nonHamburger { display: none; }
  .borderTop.noBorderHamburger { border: none !important; }
  .noBottomSpace { margin-bottom: 0 !important; padding-bottom: 0 !important; }
}

@media (max-width: 767px) {
  #og-grid.og-grid li h3 strong { display: block; }
  #og-grid.og-grid li { width: 48.6%; margin-right: 2%; margin-bottom: 13%; padding: 0; text-align: center; }
  #og-grid.og-grid li.og-expanded { margin-bottom: 18%; }
  #og-grid.og-grid li:nth-child(2n) { margin-right: 0%; }
  .serviceVideo { width: 560px; height: 315px; }
  .portfolio-grid.col3 .item { width: 50%; }
}

@media (max-width: 600px) {
  #og-grid.og-grid li { margin-bottom: 8%; }
  #og-grid.og-grid li.og-expanded { margin-bottom: 12%; }
  .serviceVideo  { width: 295px; height: 166px; }
  .gearboxListing .imageCol, .gearboxListing .dataCol { width: 100%; float: none; }
}

@media (max-width: 480px) { 
  #og-grid.og-grid li { width: 100%; margin-right: 0; margin-bottom: 30%; padding: 0; text-align: center; }
  #og-grid.og-grid li.og-expanded { margin-bottom: 38%; }
  .portfolio-grid.col3 .item { width: 100%; }
  .motorhomeImage1 { float:right; margin: 10px 0 10px 0; width:100%; }
  .motorhomeImage2 { float:left; margin: 10px 0 10px 0; width:100%; }
}


@media (min-width: 768px) {
  #og-grid.og-grid li h3 strong { display: block; }
  #og-grid.og-grid li { width: 48.6%; margin-right: 2%; margin-bottom: 20px; padding: 0; text-align: center; }
  #og-grid.og-grid li.og-expanded { margin-bottom: 45px; }
  #og-grid.og-grid li:nth-child(2n) { margin-right: 0%; }
  figure a .text-overlay .info { top: 25px; padding: 6px 21px; }
  .serviceVideo { width: 470px; height: 237px; }
  .gearboxListing .imageCol, .gearboxListing .dataCol { width: 100%; float: none; }
}

@media (min-width: 992px) {
  #og-grid.og-grid li h3 strong { display: inline; }
  #og-grid.og-grid li { width: 31.9%; margin-right: 1.5%; margin-bottom: 0; padding: 0; text-align: center; }
  #og-grid.og-grid li.og-expanded { margin-bottom: 25px; }
  #og-grid.og-grid li:nth-child(2n) { margin-right: 1.5%; }
  #og-grid.og-grid li:nth-child(3n) { margin-right: 0%; }
  .nav .dropdown .dropdown-toggle  { margin-bottom: 29px; }
  .offsetPageTitle { padding-top: 156px; }
  .body-wrapper .offset { padding-top: 151px; }
  figure a .text-overlay .info { top: 25px; padding: 6px 21px; }
  .serviceVideo { width: 560px; height: 315px; }
  .gearboxListing .imageCol { width: 300px; float: right; }
  .gearboxListing .dataCol { float: left; width: calc(100% - 330px); }
  .navbar.solid.yamm:not(.fixed) .yamm-content, .navbar.no-opacity.yamm:not(.fixed) .yamm-content, .navbar.solid .dropdown-menu:not(.yamm-dropdown-menu) li, .navbar.no-opacity .dropdown-menu:not(.yamm-dropdown-menu) li, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li { background-color: rgba(72, 72, 72, 1); text-transform: uppercase; font-weight: 800 !important; font-size: 12px !important; }
  .yamm .yamm-dropdown-menu ul li:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li:hover { background-color: rgba(170, 170, 170, 1); }
  .yamm .yamm-dropdown-menu ul li:hover a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li:hover a { color: #404040 !important; }
  .yamm .yamm-dropdown-menu div > div > a:hover { color: #FF9999 !important; }

}

@media (min-width: 1200px) {
  #og-grid.og-grid li { width: 32%; margin-bottom: 25px; }
  #og-grid.og-grid li.og-expanded { margin-bottom: 50px; }
  .body-wrapper .offset { padding-top: 170px; }
  figure a .text-overlay .info { top: 50px; padding: 12px 21px; }
}


        /* Style for the WhatsApp button */
        .whatsapp-button {
            position: fixed;
            bottom: 80px;
            right: 20px;
            background-color: #25d366;
            color: white;
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            z-index: 1000;
            text-decoration: none;
        }
        .whatsapp-button img {
            width: 35px;
            height: 35px;
        }