/* screen - index */

.index {
  background-color: var(--background-ffffff);
  height: 694px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1280px;
}

.index .group-854-IO3Fu5 {
  background-color: transparent;
  height: 287px;
  left: 0px;
  position: absolute;
  top: 212px;
  width: 1280px;
}

.index .header-gradient-SFRxP9 {
  background-color: var(--congress-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .group-853-SFRxP9 {
  background-color: transparent;
  bottom: calc(47.74% - 64px);
  height: 133px;
  left: calc(50.00% - 412px);
  position: absolute;
  width: 824px;
}

.index .title-gCQWwl {
  background-color: transparent;
  height: 135px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: -2px;
  width: calc(100.00% + 2px);
}

.index .span0-oHAtQQ {
}

.index .span1-oHAtQQ {
}

.index .span2-oHAtQQ {
}

.index .span3-oHAtQQ {
}

.index .span4-oHAtQQ {
}

.index .span5-oHAtQQ {
  text-decoration: underline;
}

.index .span6-oHAtQQ {
}

.index .group-533-IO3Fu5 {
  background-color: transparent;
  height: 71px;
  left: 1px;
  position: absolute;
  top: 493px;
  width: 1279px;
}

.index .footer-Z4ifal {
  background-color: var(--stack);
  bottom: 0px;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index .monro-inc-experience-better_-logo-IO3Fu5 {
  background-color: transparent;
  height: 114px;
  left: 297px;
  object-fit: cover;
  position: absolute;
  top: 52px;
  width: 236px;
}

.index .monro-benefit-resource-center-IO3Fu5 {
  background-color: transparent;
  height: auto;
  left: 624px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 111px;
  width: 727px;
}
/* screen - phone-375-1-button-english */

.phone-375-1-button-english {
  background-color: var(--background-ffffff);
  height: 826px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.phone-375-1-button-english .monro-inc-experience-better_-logo-vJ7gBp {
  background-color: transparent;
  height: 90px;
  left: 94px;
  object-fit: cover;
  position: absolute;
  top: 65px;
  width: 188px;
}

.phone-375-1-button-english .monro-benefit-resource-center-vJ7gBp {
  background-color: transparent;
  height: 124px;
  left: 65px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 175px;
  width: 247px;
}

.phone-375-1-button-english .header-gradient-vJ7gBp {
  background-color: var(--congress-blue);
  height: 476px;
  left: 0px;
  position: absolute;
  top: 281px;
  width: 375px;
}

.phone-375-1-button-english .group-853-vJ7gBp {
  background-color: transparent;
  height: 200px;
  left: 54px;
  position: absolute;
  top: 428px;
  width: 268px;
}

.phone-375-1-button-english .we-have-transitioned-6xegEA {
  background-color: transparent;
  color: var(--background-ffffff);
  font-family: var(--font-family-helvetica_neue);
  font-size: var(--font-size-xxxs);
  font-weight: 500;
  height: 202px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: -3px;
  width: calc(100.00% + 2px);
}

.phone-375-1-button-english .span0-Y0Uxkc {
}

.phone-375-1-button-english .span1-Y0Uxkc {
  font-family: var(--font-family-helveticaneue-heavycond);
  font-style: normal;
  font-weight: 400;
}

.phone-375-1-button-english .span2-Y0Uxkc {
}

.phone-375-1-button-english .span3-Y0Uxkc {
  font-family: var(--font-family-helveticaneue-heavycond);
  font-style: normal;
  font-weight: 400;
  text-decoration: underline;
}

.phone-375-1-button-english .span4-Y0Uxkc {
}

.phone-375-1-button-english .group-533-vJ7gBp {
  background-color: transparent;
  height: 71px;
  left: -9px;
  position: absolute;
  top: 757px;
  width: 384px;
}

.phone-375-1-button-english .footer-P6OYKQ {
  background-color: var(--stack);
  bottom: 0px;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
}

.phone-375-1-button-english .title-vJ7gBp {
  background-color: transparent;
  color: var(--supernova);
  font-family: var(--font-family-helveticaneue-boldcond);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 54px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 335px;
  width: 269px;
}
/* screen - tablet-768-1-button-english */

.tablet-768-1-button-english {
  background-color: var(--background-ffffff);
  height: 789px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.tablet-768-1-button-english .monro-inc-experience-better_-logo-H7txML {
  background-color: transparent;
  height: 114px;
  left: 266px;
  object-fit: cover;
  position: absolute;
  top: 52px;
  width: 236px;
}

.tablet-768-1-button-english .monro-benefit-resource-center-H7txML {
  background-color: transparent;
  height: auto;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 198px;
  width: 727px;
}

.tablet-768-1-button-english .header-gradient-H7txML {
  background-color: var(--congress-blue);
  height: 287px;
  left: 0px;
  position: absolute;
  top: 281px;
  width: 768px;
}

.tablet-768-1-button-english .group-853-H7txML {
  background-color: transparent;
  height: 207px;
  left: 74px;
  position: absolute;
  top: 349px;
  width: 623px;
}

.tablet-768-1-button-english .title-6Eku3v {
  background-color: transparent;
  height: 209px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: -2px;
  width: calc(100.00% + 2px);
}

.tablet-768-1-button-english .span0-wV3hF7 {
}

.tablet-768-1-button-english .span1-wV3hF7 {
}

.tablet-768-1-button-english .span2-wV3hF7 {
}

.tablet-768-1-button-english .span3-wV3hF7 {
}

.tablet-768-1-button-english .span4-wV3hF7 {
}

.tablet-768-1-button-english .span5-wV3hF7 {
  text-decoration: underline;
}

.tablet-768-1-button-english .span6-wV3hF7 {
}

.tablet-768-1-button-english .group-533-H7txML {
  background-color: transparent;
  height: 71px;
  left: 0px;
  position: absolute;
  top: 556px;
  width: 768px;
}

.tablet-768-1-button-english .footer-lwHhTk {
  background-color: var(--stack);
  bottom: 0px;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
}
/* screen - web-1920-1-button-english */

.web-1920-1-button-english {
  background-color: var(--background-ffffff);
  height: 694px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-1-button-english .group-854-VterX2 {
  background-color: transparent;
  height: 287px;
  left: 0px;
  position: absolute;
  top: 210px;
  width: 1920px;
}

.web-1920-1-button-english .header-gradient-y5YY5O {
  background-color: var(--congress-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-1-button-english .group-853-y5YY5O {
  background-color: transparent;
  bottom: calc(32.10% - 43px);
  height: 133px;
  left: 228px;
  position: absolute;
  width: calc(100.00% - 456px);
}

.web-1920-1-button-english .title-yD0DxQ {
  background-color: transparent;
  height: 135px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: -2px;
  width: calc(100.00% + 2px);
}

.web-1920-1-button-english .span0-Cos1xW {
}

.web-1920-1-button-english .span1-Cos1xW {
}

.web-1920-1-button-english .span2-Cos1xW {
}

.web-1920-1-button-english .span3-Cos1xW {
}

.web-1920-1-button-english .span4-Cos1xW {
}

.web-1920-1-button-english .span5-Cos1xW {
  text-decoration: underline;
}

.web-1920-1-button-english .span6-Cos1xW {
}

.web-1920-1-button-english .monro-inc-experience-better_-logo-VterX2 {
  background-color: transparent;
  height: 114px;
  left: 537px;
  object-fit: cover;
  position: absolute;
  top: 52px;
  width: 236px;
}

.web-1920-1-button-english .monro-benefit-resource-center-VterX2 {
  background-color: transparent;
  height: auto;
  left: 864px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 111px;
  width: 727px;
}

.web-1920-1-button-english .group-533-VterX2 {
  background-color: transparent;
  height: 71px;
  left: 1px;
  position: absolute;
  top: 497px;
  width: 1920px;
}

.web-1920-1-button-english .footer-dwmTjm {
  background-color: var(--stack);
  bottom: 0px;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .screen.web-1920-1-button-english { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.tablet-768-1-button-english { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .screen.web-1920-1-button-english { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.phone-375-1-button-english { 
    display: none;
   }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .screen.web-1920-1-button-english { 
    display: none;
   }
  .screen.tablet-768-1-button-english { 
    display: none;
   }
  .screen.phone-375-1-button-english { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.index { 
    display: none;
   }
  .screen.tablet-768-1-button-english { 
    display: none;
   }
  .screen.phone-375-1-button-english { 
    display: none;
   }
}