.christmas-mob {
padding-bottom: 69.355%;
background-image:
url("https://riverisland.scene7.com/is/image/RiverIsland/c20201118_XMAS-SHOP-BANNER-MOB_DNT?cd&$mobile$");
}

/* .christmas .cta-wrap {
left: 50%;
top: 72%;
transform: translate(-50%, -50%);
} */
@media (min-width: 701px) {
.christmas-mob {
display: none;
}

.christmas {
padding-bottom: 20%;
margin-bottom: 4%;
background-image:
url("https://riverisland.scene7.com/is/image/RiverIsland/c20201118_XMAS-SHOP-BANNER_DNT?cd&$desktop$");
}
}
@media (min-width: 701px) and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 701px) and
(max-width: 768px) and (min-resolution: 192dpi) {

.christmas {
background-image:
url("https://riverisland.scene7.com/is/image/RiverIsland/c20201118_XMAS-SHOP-BANNER_DNT?cd&$retina-sm$");
}
}

@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 769px) and (min-resolution: 192dpi) {
.christmas {
background-image:
url("https://riverisland.scene7.com/is/image/RiverIsland/c20201118_XMAS-SHOP-BANNER_DNT?cd&$retina$");
}
}

.christmas .christmas-nav-cta {
z-index: 1;
display: flex;
margin: 0% auto;
padding-bottom: 1%;
max-width: 800px;
width: 98vw;
justify-content: space-around;
position: absolute;
top: 68%;
left: 50%;
transform: translateX(-50%);
}