.mobile-menu-toggle {
   display: none;
 }

 @media only screen and (min-width: 1400px) {
   #main-menu {
     gap: 42px;
   }
 }

 @media only screen and (max-width: 1300px) {
   .container {
     padding: 0px 30px;
   }
   .contact-sub-sec.full-width {
  gap: 40px;
}
 }

 @media only screen and (max-width: 1250px) {
   .container {
     padding: 0px 15px;
   }

 }

 @media only screen and (max-width: 1280px) {
   .why-grid {
     grid-template-columns: repeat(3, 1fr);
   }

   .brand-we-buy-sec {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 }

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

   .why-grid {
     grid-template-columns: repeat(3, 1fr);
   }

   .brand-we-buy-sec {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 }

 @media only screen and (max-width: 1100px) {
     .drop_menu_list {
  padding: 0px !important;
}
     .drop-ico-main {
  position: absolute;
  right: 0px;
  top: 12px;
}
     .dropdown-toggle {
  position: absolute;
  right: 0px;
  top: 13px;
}
     #main-menu li > .dropdown-menu {
  position: relative !important;
    top: 0px !important;
    transform: none !important;
    left: 0px !important;
    padding: 0px 10px !important;
}
     .dropdown-menu {
  position: relative !important;
}
      .dropdown-menu {
     background-color: #fff !important;
   }

   .dropdown-menu.is-open li a {
     color: var(--navy) !important;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
   }
   #menu-item-251>.dropdown-menu {
     position: static;
     width: 100%;
     padding: 0;
     transform: none;
     max-height: 0;
     overflow: hidden;
     background: transparent;
     box-shadow: none;
     transition: opacity 0.25s ease, max-height 0.3s ease, visibility 0.25s ease;
   }

   #menu-item-251>.dropdown-menu.is-open {
     display: block;
     max-height: 2000px;
     transform: none;
   }
.drop_menu_list.is-open {
  background-color: #fff !important;
}
   #menu-item-251>.drop-ico-main,
   #menu-item-251 .drop_menu_list>.drop-ico-main {
     background-image: url("../images/down.png");
   }

   #menu-item-251>.drop-ico-main.is-open,
   #menu-item-251 .drop_menu_list.is-open>.drop-ico-main {
     background-image: url("../images/down.png") !important;
   }
.drop-ico-main.btm_drop_menu {
     background-image: url("../images/down.png") !important;
     top: 5px !important;
     right: 0px !important;
}
   #menu-item-251 .drop_menu_list {
     padding: 0;
   }

   #menu-item-251 .drop_menu_top_title {
     color: var(--navy);
   }

   #menu-item-251 .head_menu_list {
     grid-template-columns: 1fr;
     gap: 6px;
     margin: 0;
     padding: 14px 18px;
   }

   #menu-item-250>.dropdown-menu {
     position: static;
     width: 100%;
     min-width: 0;
     padding: 0 18px;
     transform: none;
     max-height: 0;
     overflow: hidden;
     background: var(--navy);
     box-shadow: none;
     transition: opacity 0.25s ease, max-height 0.3s ease, visibility 0.25s ease;
   }

   #menu-item-250>.dropdown-menu.is-open,
   #menu-item-250>.dropdown-menu.show {
     display: block;
     max-height: 1000px;
   }

   #menu-item-250>.dropdown-toggle {
     background-image: url("../images/down.png");
   }

   #menu-item-250>.dropdown-toggle.is-open {
     background-image: url("../images/down-white.png");
   }

   #menu-item-250>.dropdown-menu li a {
     color: #fff;
   }

   .topbar-features {
     justify-content: space-evenly;
     flex-wrap: wrap;
     gap: 15px;
     line-height: 14px;
     row-gap: 10px;
   }

   .topbar-inner {
     flex-direction: column;
     gap: 15px;
   }
 }

 @media only screen and (max-width: 1100px) {
   body.menu-open {
     overflow: hidden;
   }

   .topbar-inner {
     justify-content: center;
     text-align: center;
   }

   .topbar-inner>* {
     max-width: 100%;
   }

   .site-header {
     position: relative;
     z-index: 31;
     padding: 14px 0;
   }

   .header_nav_img {
     max-height: 54px;
     object-fit: contain;
   }

   .mobile-menu-toggle {
     display: flex;
     width: 42px;
     height: 42px;
     flex: 0 0 42px;
     margin-left: auto;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 5px;
     border: 1px solid #d9e0e8;
     border-radius: 5px;
     background: #fff;
     cursor: pointer;
   }

   .mobile-menu-toggle>span:not(.screen-reader-text) {
     display: block;
     width: 20px;
     height: 2px;
     background: var(--navy);
     transition: transform 0.25s ease, opacity 0.25s ease;
   }

   .mobile-menu-toggle.is-active>span:nth-child(1) {
     transform: translateY(7px) rotate(45deg);
   }

   .mobile-menu-toggle.is-active>span:nth-child(2) {
     opacity: 0;
   }

   .mobile-menu-toggle.is-active>span:nth-child(3) {
     transform: translateY(-7px) rotate(-45deg);
   }

   .mobile-menu-toggle .screen-reader-text {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
   }

   .header-menu {
     position: fixed !important;
     z-index: 32;
     top: 0;
     right: -340px;
     bottom: 0;
     left: auto;
     display: block;
     width: min(340px, 100vw);
     height: 100dvh;
     max-height: 100vh;
     box-sizing: border-box;
     padding: 115px 28px 28px;
     overflow-y: auto;
     background: #fff;
     box-shadow: -10px 0 30px rgba(11, 30, 61, 0.18);
     transform: none;
     transition: right 0.3s ease;
   }

   .header-menu.is-open {
     right: 0;
   }

   #main-menu {
     display: flex;
     flex-direction: column;
     gap: 0;
   }

   #main-menu li {
     border-bottom: 1px solid #e7ebf0;
   }

   #main-menu li a {
     display: block;
     margin: 13px 0;
     color: var(--navy);
     font-size: 16px;
     line-height: 16px;
   }

   .mobile-menu-overlay {
     position: fixed;
     z-index: 30;
     inset: 0;
     background: rgba(6, 27, 59, 0.52);
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.3s ease;
   }

   .header-menu.is-open+.header-phone+.mobile-menu-overlay,
   body.menu-open .mobile-menu-overlay {
     opacity: 1;
     pointer-events: auto;
   }

   .header-phone {
     display: none;
   }

   .container {
     padding-right: 24px;
     padding-left: 24px;
   }

   .banner-image {
     min-height: 0;
     padding: 42px 0;
   }

   .home-banner-sec {
     flex-direction: column;
     align-items: stretch;
     gap: 30px;
   }

   .banner-lft-sec,
   .banner-rgt-sec {
     width: 100%;
   }

   .banner-rgt-sec {
     max-width: 360px;
     margin: 0 auto;
   }

   .footer-form-inner {
     align-items: stretch;
     flex-direction: column;
   }

   .footer-form-rgt-sec {
     flex-wrap: wrap;
     gap: 12px;
     width: 553px;
   }

   .footer-form-sec h2 {
     text-align: center;
   }

   .footer-form-sec .container {
     width: 553px;
     text-align: center;
   }

   .footer-form-rgt-sub-sec {
     flex: 1 1 100%;
     display: flex;
     gap: 12px;
   }

   .footer-reg-input,
   .footer-postcode-input {
     flex: 1 1 0;
     min-width: 0;
   }

   .footer-quote-button {
     flex: 1 1 100%;
   }

   .footer-top-sec {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .footer-about {
     grid-column: 1 / -1;
   }

   .footer-bottom-sec {
     align-items: flex-start;
     flex-direction: column;
   }

   .footer-certifications {
     flex-wrap: wrap;
     justify-content: flex-start;
     gap: 12px 24px;
   }

   .brand-we-buy-sec {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }

   .how-it-works .steps {
     flex-wrap: wrap;
     justify-content: space-around;
   }

   .how-it-works .step {
     flex: 1 1 280px;
   }

   .how-it-works .step-arrow {
     display: none;
   }

   .faq-home-inner-sec {
     grid-template-columns: 1fr;
   }

   .areas-inner {
     grid-template-columns: 1fr 1fr;
     padding-bottom: 30px;
   }

   .mobile-menu-toggle.is-active {
     z-index: 99;
   }
 }

 @media only screen and (max-width: 1024px) {
   .about-sub-sec.full-width {
     flex-direction: column;
   }

   .about-lft-sec {
     width: 100%;
   }

   .about-rgt-sec {
     width: 100%;
     text-align: center;
   }
 }

 @media only screen and (max-width: 900px) {
     .contact-lft-sec, .contact-rgt-sec {
  width: 100%;
     }
.contact-sub-sec.full-width {
  flex-direction: column;
}
   .common-padding {
     padding: 60px 0px;
   }

   .blog-listing {
     grid-template-columns: repeat(2, 1fr);
   }

   .areas-inner {
     grid-template-columns: 1fr 1fr;
   }

   .areas-list,
   .areas-map,
   .postcode-coverage {
     grid-column: span 1;
   }

   .postcode-coverage {
     grid-column: 1 / -1;
   }
 }

 @media only screen and (max-width: 800px) {
   .single-location-services-grid {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }

   .single-location-map {
     aspect-ratio: 4 / 3;
   }

   .location-content-row,
   .location-content-even .location-content-row {
     grid-template-columns: 1fr;
     gap: 28px;
   }

   .location-content-even .location-content-image {
     order: initial;
   }

   .location-content-image img {
     height: 260px;
   }

   .location-why-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .location-services-sec .service-cards-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .location-services-sec .location-service-card,
   .location-services-sec .location-service-card:nth-child(4),
   .location-services-sec .location-service-card:nth-child(5) {
     grid-column: auto;
   }

   .service-hero-inner,
   .service-content-row,
   .service-content-sec:nth-of-type(even) .service-content-row {
     grid-template-columns: 1fr;
     gap: 28px;
   }

   .service-content-sec:nth-of-type(even) .service-content-image {
     order: initial;
   }

   .service-cards-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .service-hero-image,
   .service-content-image img {
     height: 260px;
   }

   .why-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .brand-we-buy-sec {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .hero-badges-list {
     flex-wrap: wrap;
   }

   .inner-page-banner-sub-sec {
     grid-template-columns: 1fr;
     gap: 28px;
   }

   .service-banner-quote {
     position: relative;
     right: auto;
     bottom: auto;
     max-width: 520px;
     margin: 0 auto;
     transform: none;
   }
 }

 @media only screen and (max-width: 600px) {
   .licensed-sec p {
     font-size: 18px;
   }

   .areas-inner {
     grid-template-columns: 1fr;
     padding: 20px;
   }

   .areas-list,
   .areas-map,
   .postcode-coverage {
     grid-column: auto;
   }

   .areas-columns {
     grid-template-columns: repeat(2, 1fr);
     gap: 8px;
   }

   .areas-map {
     display: none;
   }

   .areas-inner {
     grid-template-columns: 1fr;
   }

   .common-heading {
     font-size: 26px;
     line-height: 36px;
   }

   .outline-button {
     font-size: 14px;
   }

   .footer-column h3 {
     font-size: 18px;
     line-height: 26px;
   }

   .footer-column li,
   .footer-column a {
     font-size: 14px;
   }

   .hero-content {
     width: 100%;
   }

   .inner-page-heading.color-white {
     font-size: 30px;
     line-height: 40px;
   }

   .quote-form-input {
     flex-direction: column;
   }

   .form-fld {
     width: 100%;
   }
 }

 @media only screen and (max-width: 520px) {
     .contact-lft-sub-sec {
  padding: 50px 15px;
     }
   .single-location-services-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .location-why-grid {
     grid-template-columns: 1fr;
   }

   .service-cards-grid {
     grid-template-columns: 1fr;
   }

   .hero-badges-list {
     flex-direction: column;
   }

   .recently-collected-wrap {
     gap: 8px;
   }

   .vehicle-carousel-prev,
   .vehicle-carousel-next {
     flex-basis: 32px;
     width: 32px;
     height: 32px;
     font-size: 24px;
   }

   .brand-we-buy-sec {
     grid-template-columns: 1fr;
   }

   .topbar {
     font-size: 12px;
   }

   .container {
     padding-right: 20px;
     padding-left: 20px;
   }

   .mobile-menu-toggle {
     width: 38px;
     height: 38px;
     flex-basis: 38px;
   }

   .hero-content h1 {
     font-size: 30px;
     line-height: 1.1;
   }

   .hero-content p {
     font-size: 14px;
     line-height: 22px;
   }

   .hero-checklist {
     grid-template-columns: 1fr;
   }

   .quote-card {
     padding: 18px;
   }

   .recently-collected-wrap {
     gap: 8px;
   }

   .brand-we-buy-sec {
     grid-template-columns: 1fr;
   }

   .areas-inner {
     grid-template-columns: 1fr;
     padding: 20px;
   }

   .areas-columns {
     grid-template-columns: repeat(2, 1fr);
   }

   .faq-home-inner-sec {
     grid-template-columns: 1fr;
   }

   .faq-home-question {
     padding: 10px 14px;
   }

   .footer-form-lft-sec {
     min-width: 0;
   }

   .footer-form-rgt-sec {
     align-items: stretch;
     flex-direction: column;
   }

   .footer-form-rgt-sub-sec {
     flex-direction: column;
   }

   .footer-reg-input,
   .footer-postcode-input,
   .footer-quote-button {
     flex: none;
     width: 100%;
   }

   .footer-whatsapp {
     align-self: center;
   }

   .footer-top-sec {
     grid-template-columns: 1fr;
     gap: 24px;
   }

   .footer-about {
     grid-column: auto;
   }

   .footer-bottom-sec {
     align-items: flex-start;
     flex-direction: column;
   }

   .footer-certifications {
     flex-wrap: wrap;
     justify-content: flex-start;
     gap: 12px 24px;
   }

   .how-it-works .container {
     padding-right: 20px;
     padding-left: 20px;
   }

   .how-it-works .step {
     flex-basis: 100%;
   }

   .how-it-works .step h4 {
     white-space: normal;
   }

   .areas-list h2 {
     font-size: 24px;
   }

   .areas-map img {
     height: auto;
   }

   footer .container {
     padding-right: 20px;
     padding-left: 20px;
   }

   .footer-top-sec {
     grid-template-columns: 1fr;
     gap: 24px;
   }

   .footer-form-rgt-sec {
     align-items: stretch;
     flex-direction: column;
   }

   .footer-reg-input,
   .footer-postcode-input,
   .footer-quote-button {
     flex: none;
     width: 100%;
   }

   .footer-whatsapp {
     align-self: center;
   }

   .footer-about {
     grid-column: auto;
   }

   .how-it-works .container {
     padding: 0 20px;
   }

   .how-it-works .step {
     flex-basis: 100%;
   }

   .hero-content h1 {
     font-size: 32px;
   }

   .hero-checklist {
     grid-template-columns: 1fr;
   }

   .blog-listing {
     grid-template-columns: repeat(1, 1fr);
   }
 }

 @media only screen and (max-width: 480px) {
   .why-grid {
     grid-template-columns: repeat(1, 1fr);
   }
 }