.image {
  background-size: auto 100%;
}

.delivery-banner-small, .delivery-banner-small-mob{
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;

}

.delivery-banner-small,.delivery-banner-small-mob {
  position: relative;
  text-align: center;
  max-width: 1200px;
  width: 100vw;
  margin: 0 auto;
  height: auto;
  background-color: #be1723;
}

.delivery-banner-small .banner-link,.delivery-banner-small-mob .banner-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.delivery-banner-small .bold, .delivery-banner-small-mob .bold {
    font-weight: 700;
}

.delivery-banner-small p, 
.delivery-banner-small-mob p {
    margin: 0;
    line-height: 1.6;
    color: #fff;
    font-weight: 500;
}

.delivery-banner-small .TCText, 
.delivery-banner-small-mob .TCText {
    font-size: 12px;
}

@media (min-width: 300px) {
  .delivery-banner-small-mob {
    align-items: center;
    min-height: 40px;
  }
}
@media (min-width: 500px) {
  .delivery-banner-small-mob {
    min-height: 40px;
  }
}
@media (min-width: 701px) {
  .delivery-banner-small {
    min-height: 40px;

  }
}
@media (min-width: 962px) {
  .delivery-banner-small {
    min-height: 40px;
  }
}

/*.delivery-banner-small, .delivery-banner-small-mob {*/
/*    display: none;*/
/*}*/
  
/*.region-UK .delivery-banner-small, .region-UK .delivery-banner-small-mob {*/
/*    display: flex;*/
/*}*/




/*Banner with image*/
.banner-mobTwo{
    text-align:center;
}

.banner-mobTwo .lineOne {
    font-size: 18vw;
    font-weight: 500;
    line-height: 1.2;
}
    
.banner-mobTwo .lineTwo {
    font-size: 14vw;
    line-height: 1.2;  
    margin-bottom: 6%;
    color:#000;
}

.banner-mobTwo .sizeTwo {
    font-size: 10vw;
}


.banner-mobTwo .cont-box {
    position: absolute;
    width:100%;
    top:11%;
}

.banner-deskTwo .cont-box {
    display: flex;
    position: absolute;
    width: 100%;
    top: 11%;
}

.mens-landing-page .cont-box {
    top: 6%;
}

.banner-deskTwo{
    position: relative;
    width: 60%;
    margin: 0 auto;
}

.banner-deskTwo .cont-box div {
    width: 33.3%;
    position: relative;
    text-align: center;
}

.cont-box .discount-text {
    position: absolute;
    width:100%;
    text-align: center;
    font-size: 12px;
    margin: 0;
}







@media (max-width: 700px) {
    .hpBoxOne .discount-text {
        width: 50%;
    }
    
    .cont-box .discount-text {
        top: 90%;
    }

    .cont-box .cta-desktop {
        display: none;
    }
    
    .hpBanner-mobTwo .cta-desktop {
        display: none!important;
    }
    
    .cont-box .cta-mobile {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        width: 90%;
        top: 98.5%;
        left: 50%;
        transform: translate(-50%, 0);
        z-index:8;
    }
    
    .cont-box .cta-mobile .hero__title {
        margin-bottom: 3%;
        font-size:14px;

    }
    
    .hpBanner-mobTwo .lineOne {
        font-size: 11vw;
        line-height: 1;
        font-weight: 500;
        margin-bottom: 0;
    }
    
    
    .hpBanner-mobTwo .lineTwo {
        font-size: 6.25vw;
    }
    
    .mens-landing-page .cont-box .cta-mobile {
        top: 108%;
    }
}
@media (max-width: 330px) {
    .cont-box .cta-mobile .hero__title {
        font-size: 12px;
    }
}



@media (min-width: 701px) {
    .cont-box .cta-mobile {
        display: none;
    }
    
    .hpBanner-deskTwo .cta-mobile {
        display: none!important;
    }
    
    .cont-box .cta-desktop {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }
    
    .banner-deskTwo .lineOne {
        font-size: 6.6vw;
        font-weight: 500;
        line-height: 1.2;
    }
    
    .banner-deskTwo .lineTwo {
        font-size: 5vw;
        line-height: 1.2;
        color:#000;
    }
    
    .banner-deskTwo .sizeTwo {
        font-size: 3vw;
        padding-top: 4%;
    }
    
    .banner-deskTwo .hero__title {
        top: 50%!important;
    }
    
    
    
    
    
    
    .hpBanner-deskTwo .lineOne {
        font-size: 6.6vw;
        font-weight: 500;
        line-height: 1.2;
    }
    
    .hpBanner-deskTwo .lineTwo {
        font-size: 4vw;
        line-height: 1.2;
        color:#000;
    }
    
    .hpBanner-deskTwo .sizeTwo {
        font-size: 3vw;
        padding-top: 4%;
    }
    
    
    .hpBanner-deskTwo .cont-box {
        position: absolute;
        width: 100%;
        top: 10%;
        
    }
}


@media (max-width: 1000px) {
    .mens-landing-page .banner-deskTwo .hero__title {
        font-size: 13px;
        max-width: none;
        width: 60%;
        padding: 4px !important;
    }
}
@media (min-width: 1200px) {
    .banner-deskTwo .lineOne {
       font-size: 84px;
    }
    
    .banner-deskTwo .lineTwo {
      font-size: 60px;
     
    }
    
    .banner-deskTwo .sizeTwo {
      font-size: 42px;
      padding-top: 4%;
    }
    
    
    
    
    
    
    
    .hpBanner-deskTwo .lineOne {
       font-size: 84px;
    }
    
    .hpBanner-deskTwo .lineTwo {
      font-size: 50px;
     
    }
    
    .hpBanner-deskTwo .sizeTwo {
      font-size: 42px;
      padding-top: 4%;
    }
}

.banner-mobTwo .red-bg, .banner-deskTwo .red-bg,.hpBanner-mobTwo .red-bg, .hpBanner-deskTwo .red-bg {
  background-color: #be1723!important;
  color: #fff!important;
}



.banner-mobTwo .banner-link, .banner-deskTwo .banner-link{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
}


.image{background-size:auto 100%}
.banner-mobTwo{padding-bottom:83.226%;margin-bottom:12%;background-image:url("https://images.riverisland.com/is/image/RiverIsland/c20211202_sale_banner_MOB?hh&$mobile$")}

@media (min-width: 701px){.banner-mobTwo{display:none}}

@media (min-width: 701px){.banner-deskTwo{padding-bottom:5.65%;margin-bottom:2%;background-image:url("https://images.riverisland.com/is/image/RiverIsland/c20211202_sale_banner_DT?hh&$desktop$")}}

@media (min-width: 769px) and (min-resolution: 192dpi){.banner-deskTwo{background-image:url("https://images.riverisland.com/is/image/RiverIsland/c20211202_sale_banner_DT?hh&$retina$")}}

@media (min-width: 701px) and (max-width: 768px) and (min-resolution: 192dpi){.banner-deskTwo{background-image:url("https://images.riverisland.com/is/image/RiverIsland/c20211202_sale_banner_DT?hh&$retina-sm$")}}








.hpBanner-mobTwo{padding-bottom:46.129%;margin-bottom:12%;background-image:url("https://images.riverisland.com/is/image/RiverIsland/c20210902_mobile_sale_banner?hh&$mobile$")}
@media (min-width: 701px){.hpBanner-mobTwo{display:none}}
@media (min-width: 701px){.hpBanner-deskTwo{padding-bottom:8.75%;margin-bottom:2%;background-image:url("https://images.riverisland.com/is/image/RiverIsland/c20210902_desktop_sale_banner?hh&$desktop$")}}
@media (min-width: 769px) and (min-resolution: 192dpi){.hpBanner-deskTwo{background-image:url("https://images.riverisland.com/is/image/RiverIsland/c20210902_desktop_sale_banner?hh&$retina$")}}
@media (min-width: 701px) and (max-width: 768px) and (min-resolution: 192dpi){.hpBanner-deskTwo{background-image:url("https://images.riverisland.com/is/image/RiverIsland/c20210902_desktop_sale_banner?hh&$retina-sm$")}}


.hpBanner-deskTwo {
    width: 60%;
    margin: 0 auto;
}


.hpBanner-deskTwo .hp-desk {
    width: 63%;
    text-align: center;
}

.hpBanner-deskTwo .hero__title,  .hpBanner-mobTwo .hero__title{
    position: relative;
    bottom: 0;
    left: 0;
    white-space: normal;
    transform: translate(0, 0);
    
    padding: 1.5% 0;
    width: 23.5%;
    background: #be1623;
    border-radius: 3px;
    text-align: center;
    height: auto;
    line-height: 1;
}

    .hpBanner-deskTwo .cont-box, .hpBanner-mobTwo .cont-box {
        display: flex;
        
    }
    
    
.hpBanner-mobTwo .cont-box {
    flex-direction: row-reverse;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 8;
}


.hpBanner-deskTwo .cont-box .hpBoxOne , .hpBanner-mobTwo .cont-box .hpBoxOne {
    width:37%;
    text-align: center;
}

.hpBanner-mobTwo .cont-box .hpBoxOne {
    width: 50%;
}


.hpBanner-deskTwo .cont-box .cta-desktop {
    flex-direction: row;
    width: 90%;
    margin: 0 auto;
    margin-top: 4%;
    z-index: 8;
}

.hpBanner-mobTwo .hpBanner-mob-cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    width: 47%;
    z-index: 8;
}

.hpBanner-mobTwo .hpBanner-mob-cta .hero__title{
    width: 30%;
    margin-bottom: 0;
    position: relative;
    transform: translate(0,0);
    left: 0;
    bottom: 0;
    padding: 8px;
    
    
    
    padding: 7% 0;
    width: 44%;
    background: #be1623;
    border-radius: 3px;
    text-align: center;
    height: auto;
    line-height: .9;
    margin-bottom: 5%;
}

.hp-desk .discount-text {
    width: 63%;
}


.hpBanner-mobTwo .bannerLinkTwo {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
}





















.HPnewImageBanner-mob{padding-bottom:62.903%;background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_banner-mob_DNT?hh&$mobile$")}@media (min-width: 701px){.HPnewImageBanner-mob{display:none}}@media (min-width: 701px){.HPnewImageBanner{padding-bottom:12.25%;margin-bottom:2%;background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?hh&$desktop$")}}@media (min-width: 769px) and (min-resolution: 192dpi){.HPnewImageBanner{background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?hh&$retina$")}}@media (min-width: 701px) and (max-width: 768px) and (min-resolution: 192dpi){.HPnewImageBanner{background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?hh&$retina-sm$")}}




.newImageBanner-mob{padding-bottom:62.903%;background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_banner-mob_DNT?hh&$mobile$")}@media (min-width: 701px){.newImageBanner-mob{display:none}}@media (min-width: 701px){.newImageBanner{padding-bottom:12.25%;margin-bottom:2%;background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?hh&$desktop$")}}@media (min-width: 769px) and (min-resolution: 192dpi){.newImageBanner{background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?hh&$retina$")}}@media (min-width: 701px) and (max-width: 768px) and (min-resolution: 192dpi){.newImageBanner{background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?hh&$retina-sm$")}}




.button-box .bg-red {
  background-color: #be1723!important;
}



.black {
  color: #000;
}

.white {
  color: #fff;
}

@media (max-width: 350px) {
    .flex-buttons .hero__title {
        font-size: 12px;
    }
}
@media (max-width: 700px) {
    
    
    .girls-landing-page .cont-box .discount-text, .boys-landing-page .cont-box .discount-text {
        top: 92%;
        transform: translate(-50%, -50%);
        left: 50%;
    }
    
    .mens-landing-page .t-3 {
        margin-bottom: 5%;
    }
    
    .mens-landing-page .button-box {
        top: 11%;
    }
    
    
  .button-box {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 15%;
  }

  .t-1{
    line-height: 1.2;
    font-size: 5vw;
  } 
  .t-2 {
    line-height: 1.2;
    font-size: 16vw;
  } 
  .t-3 {
    line-height: 1.2;
    font-size: 8vw;
    margin-bottom: 2%;
  }

  .button-box .hero__title {
    top: 120%;
  }
  
  
  .flex-buttons {
    display: flex;
    position: absolute;
    justify-content: space-between;
    width: 90%;
    top: 124%;
    left: 50%;
    transform: translate(-50%, -50%);
     z-index: 8;
    
    }
    .flex-buttons .hero__title {
        position: relative;
        left: 0;
        width: 17%;
        transform: translate(0, 0);
         background-color: #be1723!important;
         color: #fff;
    }
    
    
}

@media (min-width: 700px) {
    
    .girls-landing-page .cont-box .discount-text, .boys-landing-page .cont-box .discount-text {
        top: 85%;
        transform: translate(-50%, -50%);
        left: 50%;
    }
    
    .mens-landing-page .button-box .hero__title {
        z-index: 8;
        position: absolute;
        width: 15%;
        left: 40%;
        top: 60%;
    }
    
    .centerMe {
        left:64%!important;
    }
    

    
    .flex-buttons {
        display: flex;
        position: absolute;
        justify-content: space-between;
        width: 56%;
        top: 74%;
        left: 64%;
        transform: translate(-50%, -50%);
        z-index: 8;
        
    }
    .flex-buttons .hero__title {
        position: relative;
        left: 0!important;
        width: 15%;
        transform: translate(0, 0);
         background-color: #be1723!important;
         color: #fff;
         padding: 11px 19px;
    }
    
  .newImageBanner {
    width: 60%;
    margin: 0 auto;
    position: relative;
  }

  .HPnewImageBanner {
    width: 60%;
    margin: 0 auto;
    position: relative;
  }
  .button-box {
    width: 100%;
    position: absolute;
    height: 100%;
  }

  .t-1{
    line-height: 1.2;
    font-size: 2.1vw;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 18%;
    top: 33%;
  } 

  .t-2 {
    line-height: 1.2;
    font-size: 8.6vw;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 18%;
    top: 65%;
  } 

  .t-3 {
    line-height: 1.2;
    font-size: 3.8vw;
    position: absolute;
    left: 52%;
    transform: translate(-50%, -50%);
    top: 36%;
  }

  .button-box .hero__title {
    left:51%;
    top: 69%;
  }

}



@media (min-width: 1200px) {

  .t-1{
    font-size: 27px;
  } 
  .t-2 {
    font-size: 100px;

  } 
  .t-3 {
    font-size: 50px;
  }

}








/*FINAL IMAGE BANNER*/

.sale-image-banner-mob{padding-bottom:62.903%;background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_banner-mob_DNT?aq&$mobile$")}@media (min-width: 701px){.sale-image-banner-mob{display:none}}@media (min-width: 701px){.sale-image-banner{padding-bottom:12.25%;margin-bottom:2%;background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?aq&$desktop$")}}@media (min-width: 769px) and (min-resolution: 192dpi){.sale-image-banner{background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?aq&$retina$")}}@media (min-width: 701px) and (max-width: 768px) and (min-resolution: 192dpi){.sale-image-banner{background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?aq&$retina-sm$")}}.HP-sale-image-banner-mob{padding-bottom:62.903%;background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210219_sale_hp_banner-mob_DNT?aq&$mobile$")}@media (min-width: 701px){.HP-sale-image-banner-mob{display:none}}@media (min-width: 701px){.HP-sale-image-banner{padding-bottom:12.25%;margin-bottom:2%;background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_banner_DNT?aq&$desktop$")}}@media (min-width: 769px) and (min-resolution: 192dpi){.HP-sale-image-banner{background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_banner_DNT?aq&$retina$")}}@media (min-width: 701px) and (max-width: 768px) and (min-resolution: 192dpi){.HP-sale-image-banner{background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_banner_DNT?aq&$retina-sm$")}}.MLP-sale-image-banner-mob{padding-bottom:77.419%;background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210219_sale_lp_mw_banner-mob_DNT?aq&$mobile$")}@media (min-width: 701px){.MLP-sale-image-banner-mob{display:none}}@media (min-width: 701px){.MLP-sale-image-banner{padding-bottom:12.25%;margin-bottom:2%;background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?aq&$desktop$")}}@media (min-width: 769px) and (min-resolution: 192dpi){.MLP-sale-image-banner{background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?aq&$retina$")}}@media (min-width: 701px) and (max-width: 768px) and (min-resolution: 192dpi){.MLP-sale-image-banner{background-image:url("https://riverisland.scene7.com/is/image/RiverIsland/c20210218_sale_lp_banner_DNT?aq&$retina-sm$")}}

.black {
  color: #000;
}
.white {
  color: #fff;
}
.red-bg {
  background-color: #be1723!important;

}

.hero__titleV2 {
  color: #fff;
  font-weight: 500;
  border-radius: 3px;
  
  
  
}

/*Single button banner*/
@media (max-width: 700px) {
    
  .mens-landing-page .four-buttons-two-buttons {
      top: 115%;
  }

  .hero__titleV2 {
    padding: 2.5% 4%;
  }

  .four-buttons .hero__titleV2 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 37px;
    min-width: 55px;
    max-width: 110px;
    width: 20%;
    padding: 2px;
  }
  .banner-content {
    width: 100%;
    position: absolute;
    top: 6%;
    text-align: center;
  }
  
  .widthOne {
    /*width: 80%;*/
  }
  
  .t-1{
    line-height: 1.2;
    font-size: 4.2vw;
  } 
  .t-2 {
    line-height: 1;
    font-size: 16vw;
  } 
  .t-3 {
    line-height: 1.2;
    margin-bottom: 2%;
    font-size: 7vw;
  }

  .widthOne .t-3 {
    margin-bottom: 8%;
  }

  .discount-text {
    margin-top: -6%;
    margin-bottom: 6%;
    font-size: 3.4vw;
  }

  .widthTwo .discount-text, .widthThree .discount-text {
    margin-top: 0;
    margin-bottom: 0;
  }

}

@media (min-width: 700px) {

  .hero__titleV2 {
    /*padding: 2.4% 9.2%;*/
    
    display: flex;
    justify-content: center;
    align-items:center;
    
    min-height: 37px;
    min-width: 118px;
    width: 40%;
    max-width: 160px;
    padding: 2px;
    
    
  }

  .widthOne   .hero__titleV2 {
      
    display: flex;
    justify-content: center;
    align-items:center;
    
    min-height: 37px;
    min-width: 118px;
    width: 40%;
    max-width: 160px;
    padding: 2px;
      
    /*padding: 4.2% 16.2%;*/
  }

  .widthTwo .hero__titleV2 {
      max-width: 100px;
    width: 30%;
    min-width: 100px;
      
      
    /*padding: 1.5% 4%;*/
  }

  .discount-text {
    position: absolute;
    left: 55%;
    top: 45%;
    transform: translate(-50%, -50%);
    font-size: 1.3vw;
  }

  .widthTwo   .discount-text {
    left: 65%;
  }
  
  .sale-image-banner {
    position: relative;
    margin: 0 auto;
    width: 60%;
    margin-bottom: 2%;
  }
  
  .HP-sale-image-banner {
    position: relative;
    margin: 0 auto;
    width: 60%;
    margin-bottom: 2%;
  }
  
  .MLP-sale-image-banner {
    position: relative;
    margin: 0 auto;
    width: 60%;
    margin-bottom: 2%;
  }

  .single-button {
    position: absolute;
    top: 70%;
    left: 55%;
    /*width: 20%;*/
    text-align: center;
    transform: translate(-50%, -50%);
  }

  .t-1{
    line-height: 1.2;
    font-size: 2.1vw;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 18%;
    top: 33%;
  } 

  .t-2 {
    line-height: 1.2;
    font-size: 7.8vw;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 18%;
    top: 65%;
  } 

  .t-3 {
    line-height: 1.2;
    font-size: 4vw;
    position: absolute;
    left: 55%;
    transform: translate(-50%, -50%);
    top: 36%;
  }
}

@media (min-width: 1200px) {
    .t-1{
      font-size: 26px;
    } 
    .t-2 {
      font-size: 100px;

    } 
    .t-3 {
      font-size: 48px;
    }

    .discount-text {

      font-size: 16px;
    }
}



/*FOUR BUTTONS YOUR USING CSS FROM ABOVE BUT MANIPULATING ONE OR TWO THINGS*/
@media (max-width: 424px) {
  .four-buttons .hero__titleV2 {
    font-size: 12px;
  }
  
  /*.mens-landing-page .four-buttons-two-buttons {*/
  /*    top: 95%;*/
  /*}*/
  
    .mens-landing-page .four-buttons-two-buttons .hero__titleV2 {
      min-height: 26px;
  }
  
  .sunday-buttons {
      max-width: 170px;
  }
  
  .sunday-buttons .hero__titleV2 {
    width: 30%;
  }
  


}

@media (max-width: 700px) {
  .widthTwo {
    /*width: 80%;*/
  }
  .four-buttons {
    display: flex;
    justify-content: space-around;
    position: absolute;
    width: 100%;
    top: 120%;
    z-index: 8;
  }
  
  .four-buttons-two-buttons {
    flex-wrap: wrap;
    top: 92%;
  }
  
  .four-buttons-two-buttons .hero__titleV2 {
    width: 46%;
    
    max-width: 230px;

    margin-bottom: 1%;
  }
  
  
  .sunday-buttons {
    transform: translate(-50%, 0);
    left: 50%;
    
    max-width: 200px;
  }
  
  .sunday-buttons .hero__titleV2 {
    width: 40%;
  }
  

}

@media (min-width: 700px) {
  .widthTwo .t-3 {
    left: 65%;
    width: 65%;
    text-align: center;
  }
  .four-buttons {
    display: flex;
    justify-content: space-around;
    position: absolute;
    width: 70%;
    top: 70%;
    left: 65%;
    transform: translate(-50%, -50%);
    z-index: 8;
    max-width:600px;
  }
  
  .sunday-buttons {
      max-width: 280px;
  }
}

/*FOUR BUTTONS / TWO BUTTONS*/
@media (max-width: 700px) {
  .widthThree {
    /*width: 80%;*/
  }
}


@media (min-width: 700px) {
  .no-desktop {
    display: none;
  }
  .four-buttons-two-buttons {
    left: 55%;
    width: 55%;
    max-width: 400px;
  }
}