section{margin:40px 0;}
hr {
  margin: 25px 0;
  border: #eee 1px solid;
}
.greybg{background: #F5F5F5;}
.m-0{margin-top: 0; margin-bottom: 0;}
.m-x0{margin: 0;}
.TrustReasons.shop-bg {
    background: #f5f5f5; padding: 50px;
}
.mb-1x{margin-bottom: 1.5rem;}
.ManufacturerSlider{margin-top: 20px;}
.SubCategoryHeader{margin-bottom: 20px;}
footer{margin-top: 25px;}
.TrustReasons.shop-bg.shoptxt .TrustReasons__text-wrap{display: none;}
.TrustReasons.shop-bg.shoptxt{justify-content: center;}
.brand_logo .Brands__logowrap{padding:10px 15px;}
.brand_logo img{width: 140px; height: 55px; object-fit: contain;}
.Product__container.Product_mb{display: flex; justify-content: space-between; flex-wrap: wrap;}
.Product__container.Product_mb .Product__primary{flex-basis:58%; box-sizing: border-box; overflow: hidden; }
.Product__container.Product_mb .Product__secondary{flex-basis:30%;}
.Product__secondary {
  position: sticky;
  top: 100px;
  align-self: flex-start;
}
.Product__fitment .HeroFinder{min-width:375px;}
.Recomended_mb .TyresDrawerTyre__offer{font-size: 14px;}
.Recomended_mb .ProductTyreIcons__wrapper{display: block;}
.Recomended_mb .ProductTyreIcons__wrapper .ProductTyreIcons__wrap--pair{display: block; width:52px; float: left;}
.Recomended_mb .ProductTyreIcons__wrapper .ProductTyreIcons__wrap--pair img{float: left;}
.Recomended_mb .ProductTyreIcons__wrapper .ProductTyreIcons__wrap--pair img:last-child{margin-left:7px;}
.Recomended_mb .ProductTyreIcons__wrapper .ProductTyreIcons__wrap{float: left; margin-right: 10px; margin-bottom: 5px;}
.custom-btn{display: inline-block; padding: 10px 30px; font-size: 14px; line-height: 22px;
  color: #070919; width: 200px;
  font-weight: 600;   background-color: #C6F933;
}
.btn-outline{border:1px #1B4AD2 solid; color:#1B4AD2; font-size: 15px; display: block; text-align: center; padding: 10px; margin: 5px 0; width: 100%;}
.btn-outline:hover{border:1px #1B4AD2 solid; background: #1B4AD2; color:#fff}
.popup_footer .HeroFinder__populated--button{height: auto; font-size: 15px; display: block; text-align: center; padding: 10px; margin: 5px 0;}
p.login {
  text-align: center;
  margin: 15px 0 0 0;
}
p.login a{
  margin:15px 5px 5px 5px;
}
#backToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  padding: 10px;
  font-size: 18px;
  border: none;
  border-radius: 50%;
  background: #007bff;
  color: #fff;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 999;    transform: rotate(270deg);
}

#backToTop:hover {
  background: #0056b3;
}



@media (min-width: 1200px) {
    .Offer, .NewPayBanner, .TrustReasons--alt{
        margin-left: 6rem;
        margin-right: 6rem;
    }
    .Product__container.Product_mb .Product__secondary{margin-right: 6rem;}
}

@media (max-width: 1199.98px) { 
    .Container{
      max-width: 1140px;
    }
    
    .Hero--large .Hero__title {
        font-size: 50px;
        line-height: 58px;
    }
    .HeaderNavigation__link {
        font-size: 14px;
        line-height: 20px;
        white-space: nowrap;
    }
    .HeaderTools__button, .HeaderTools__item{
        margin-right: 10px;
      }
      .HeaderNavigation__item {
        margin: 0 14px;
    }
    .HeaderTools__button{white-space: nowrap; padding: 8px;}
    .OurBrands{display: block;}
    .OurBrands__primary{margin-bottom: 20px;}
    .HeroFinder__primary{margin: 35px 0;}
    .TrustReasons.shop-bg {padding: 30px;}
    #FinderModal .Modal__inner {
        width: 80%;
    }
    .ListingFilters__body{margin-bottom: 20px;}
    h3.alloyt {font-size: 24px; width:100%; }
    h4.alloyt, p.alloyt{width: 100%;}
   }

/*Tablet*/

  @media (max-width: 991.98px) { 
    section{margin:25px 0;}
    .Container{
      max-width: 960px;
    }
    .HeaderNavigation {
        display: none;
      }
    .Hero--large{
        padding: 60px 0;
    }
    .HeroFinder__primary{text-align: center;}
    .Hero{padding: 50px 0 0px 0;}
    section.Hero.Hero_noform{padding: 50px 0;}
    h1.Hero__title.HeroFinder__primary--title.Title--xlg {
      margin-bottom: 30px;
  }
    .HeaderNotificationList__container {
      justify-content: center;
    }
    .HeaderNotification__menu {
        display: none;
      }
      .AboveTabletOnly {
        display: none;
      }
      .HeaderBurger{display: block;}
      .Hero--large .Hero__title {
        font-weight:600;
        font-size: 36px;
        line-height: 48px;
      }
      .Button {
        max-width: fit-content;
        padding: 8px 20px;
        font-size: 14px;
        line-height: 26px;
    }
    .HeroFinder__body--inner-title {
        font-weight:600;
        font-size: 30px;
      }
      .Grid {
        gap: 20px;
      }
      .OurBrands__secondary .Brands {
        grid-template-columns: 1fr 1fr;
      }
      .OurBrands__secondary .Brands__logowrap {
        max-width: 100%;
      }
      .Offer, .TrustReasons{
        flex-direction: column;
        gap: 20px;
      }
      footer.Footer button{margin:0;}
      .TrustReasons.shop-bg {padding: 30px;}
      .FittingFinder__secondary {
        position: relative;
        min-width: 300px;
        height: auto;
    }
    .Hero {
        min-height: 320px;
      }
      .Grid--4 {
        grid-template-columns: repeat(3, 1fr);
    }
    .Product__secondary .ProductDescription {
      display: none;
    }
    .Product__container.Product_mb, .HeroFinder__primary{display: block;}
    p.ProductSummary__estimate{margin-bottom: 10px;}
    .ProductSummary__seporator{display: none;}
    h1.HeroFinder__primary--title.Title--xlg{text-align: center;}
    .ImageText__column.greytxt {
      padding: 0 10px;
  }
  .wheelflx_features ul li{float: none; width: 100%;}
  .ImageText.greybg .Typeset {
    padding: 0 15px;
}
.no-results-container h1 {
  font-size:26px; margin: 15px 15px 35px 15px;
}
.no-results-container .subtitle{display: none;}
.tips-box ul li, .contact-info div{
  margin: 5px 0;
}    .Button__main {
  width: 160px;
  padding: 0.86rem;
  line-height: 18px;
  font-size: 14px;
}
.ImageTextCta__button-group{width: 100%;}
.ImageTextCta__button-group--wrap .Button__main {
  flex-basis: 46%;
  margin-top: 15px;
  width: auto;
}
.ListingPagination .Button--notification, .Offer .Button--notification, .OurBrands__primary .Button--notification, .ImageText .Button--notification, .ImageTextCta__button-group .Button__main {
  width: 160px;
  padding: 0.86rem 0.5rem;
  line-height: 18px;
  font-size: 14px;}
  .ImageTextCta__button-group .Button__main{flex-basis: unset;}
  .TyresFinder__body--inner-select .Button__main {width: 120px;}
  }
/*Mobile*/

  @media (max-width: 767.98px) { 
    .Container{
      max-width: 720px;
    }
    .Title--lg, .ImageTextCta__column--content-title, .CtaGrid__content--title{font-size: 28px; line-height: normal;}
    .Hero--large .Hero__title{text-align: center;}
    .SubCategoryHeader__link{font-size: 16px; line-height: normal;}
    .Button {
        max-width: fit-content;
        padding: 10px 24px;
        font-size: 14px;
        line-height: 22px;
        margin: 15px auto;
    }
    .HeroFinder__body--inner-title {
        font-weight: 600;
        font-size: 26px;
    }
    .Grid--4 {
        grid-template-columns: repeat(2, 1fr);
      }
    .Type .ProductDescription__lead{margin-top: 20px; font-size: 16px; line-height: normal;}
    .OurBrands{display: block; padding: 25px 10px;}
    .Offer__title{font-size: 20px;}
    .Offer{padding: 15px;}
    .Offer .Button{margin:0}
    .FeaturedProduct{margin-top: 20px;}
    .Hero__title{text-align: center;}
    .Grid--3 {
        grid-template-columns: repeat(2, 1fr);
      }
      .FeaturedProduct__newpay{font-size: 10px;}
      .FeaturedProduct__price {
        line-height: 18px;
    }
    .ListingHeader, .ListingHeader__wrap{display: block; }
    .ListingHeader__wrap.ListingHeader__wrap--actions button{max-width: 100%; width: 100%; margin: 15px 0;}
    footer.Footer button {
        padding: 10px;
    }
    .CartUpsell__title a {
        font-size: 16px;
        line-height: 24px;
    }
    .TextColumns, .wheelflx, .cars-adflex{display: block;}
    .textColmns_fl{margin-top: 25px;}
    .wheelflx_btn{border-left: 0; border-top:1px #ddd solid; padding-top: 15px; padding-left: 0; margin-top: 15px;}
    .cars-ad img.mb-1x {height: 250px;  }
    .cars-ad{margin:10px 0;}
    .wheelflx_features h2{
      font-size: 28px;
      line-height: normal;
  }
  .tips-box, .contact-box {
    margin: 15px 0 0 0;
}
.tips-contact-wrapper, .contact-info{display: block;}

   }







  @media (max-width: 575.98px) { 
    .Container{
      max-width: 540px;
    }
    .CartItem__fits {
        font-size: 12px;
        line-height: 20px;
        gap: 0.5rem;
    }
    a.Button__main.Button--white {
        padding: 8px 15px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
    }
    .selectproduct-flex{display: block;}
    .popup_priceflx {
      display: flex  ;
      flex-direction: row;
      justify-content: space-between;
  }
  .popup_footer a.simplelink{display: none;}
  #popupOverlay .popup_footer, #alloypop .popup_footer, #tyrepop .popup_footer, #colorpup .popup_footer{height: 100px;}
  #popupOverlay .popup_body, #alloypop .popup_body, #tyrepop .popup_body,  #colorpup .popup_body{ height: calc(100vh - 120px);}
  #alloypop .popup_footer{ height:90px}
  #alloypop .popup_priceflx, #nexttyrepop .popup_priceflx{display: block;}
  #nexttyrepop .popup_footer{height:170px;}
  #nexttyrepop .popup_body{ height: calc(100vh - 180px);}
  .tyre_m_flx{display: block;}
  .tyre_m_btn{width: 100%;}

   }