@media(min-width:992px){.range-of-products-container{height:690px;position:relative}
}
@media(min-width:992px) and (max-width:1281px){.range-of-products-container{height:calc(100vh - 70px)}
}
@media(min-width:1282px) and (max-width:1400px){.range-of-products-container{height:calc(100vh - 40px)}
}
@media(min-width:1401px) and (max-width:1600px){.range-of-products-container{height:calc(100vh - 100px)}
}
.range-of-products-container .range-of-products-div{max-width:1400px;margin:auto;width:100%}
@media(min-width:992px){.range-of-products-container .range-of-products-div{position:absolute;transform:translateX(-50%);display:flex;height:100%;left:50%}
}
.range-of-products-container .range-of-products-div .first-div,.range-of-products-container .range-of-products-div .second-div{padding:0;margin:0;border-radius:10px;position:relative}
@media(min-width:992px){.range-of-products-container .range-of-products-div .first-div,.range-of-products-container .range-of-products-div .second-div{position:absolute;overflow:hidden;transition:width .5s ease;height:100%}
}
.range-of-products-container .range-of-products-div .first-div img,.range-of-products-container .range-of-products-div .second-div img{width:100%;height:100%;display:block}
.range-of-products-container .range-of-products-div .first-div img.packshot-img,.range-of-products-container .range-of-products-div .second-div img.packshot-img{position:absolute;max-width:500px;height:auto}
@media(min-width:992px) and (max-width:1290px){.range-of-products-container .range-of-products-div .first-div img.packshot-img,.range-of-products-container .range-of-products-div .second-div img.packshot-img{height:calc(100vh - 140px);object-fit:contain}
}
.range-of-products-container .range-of-products-div .first-div .cta,.range-of-products-container .range-of-products-div .second-div .cta{position:absolute;bottom:30px}
@media(min-width:320px) and (max-width:991px){.range-of-products-container .range-of-products-div .first-div .cta,.range-of-products-container .range-of-products-div .second-div .cta{left:unset !important;right:20px !important;bottom:20px !important}
}
.range-of-products-container .range-of-products-div .first-div .cta a,.range-of-products-container .range-of-products-div .second-div .cta a{border-color:#000;font-weight:700;background:#232426;border-radius:60px}
@media(min-width:320px) and (max-width:991px){.range-of-products-container .range-of-products-div .first-div .cta a,.range-of-products-container .range-of-products-div .second-div .cta a{font-size:14px;line-height:21px}
}
.range-of-products-container .range-of-products-div .first-div .cta a span.arrow,.range-of-products-container .range-of-products-div .second-div .cta a span.arrow{margin-left:5px}
@media(min-width:992px){.range-of-products-container .range-of-products-div .first-div .cta a span.arrow,.range-of-products-container .range-of-products-div .second-div .cta a span.arrow{margin-left:10px}
}
.range-of-products-container .range-of-products-div .first-div .cta a:hover,.range-of-products-container .range-of-products-div .second-div .cta a:hover{background:#fcaf17;border-color:#fcaf17}
.range-of-products-container .range-of-products-div .first-div .mrp-section,.range-of-products-container .range-of-products-div .second-div .mrp-section{bottom:84px;position:absolute;left:37px}
@media(min-width:320px) and (max-width:991px){.range-of-products-container .range-of-products-div .first-div .mrp-section,.range-of-products-container .range-of-products-div .second-div .mrp-section{left:12px;bottom:18px}
}
@media(min-width:992px) and (max-width:1290px){.range-of-products-container .range-of-products-div .first-div .mrp-section,.range-of-products-container .range-of-products-div .second-div .mrp-section{bottom:75px}
}
.range-of-products-container .range-of-products-div .first-div .mrp-section .price,.range-of-products-container .range-of-products-div .second-div .mrp-section .price{font-size:20px;font-weight:500;line-height:16.39px;color:#000}
@media(min-width:320px) and (max-width:991px){.range-of-products-container .range-of-products-div .first-div .mrp-section .price,.range-of-products-container .range-of-products-div .second-div .mrp-section .price{font-size:14px}
}
.range-of-products-container .range-of-products-div .first-div .mrp-section .price span:first-child,.range-of-products-container .range-of-products-div .second-div .mrp-section .price span:first-child{font-weight:400;line-height:13.2px}
.range-of-products-container .range-of-products-div .first-div .mrp-section .price span:last-child,.range-of-products-container .range-of-products-div .second-div .mrp-section .price span:last-child{font-weight:700;line-height:14.4px}
.range-of-products-container .range-of-products-div .first-div .mrp-section .details,.range-of-products-container .range-of-products-div .second-div .mrp-section .details{font-weight:500;line-height:15.03px;font-size:14px;color:#000;margin-top:9px}
@media(min-width:320px) and (max-width:991px){.range-of-products-container .range-of-products-div .first-div .mrp-section .details,.range-of-products-container .range-of-products-div .second-div .mrp-section .details{font-size:10px;margin-top:1px}
}
@media(min-width:992px) and (max-width:1290px){.range-of-products-container .range-of-products-div .first-div .mrp-section .details,.range-of-products-container .range-of-products-div .second-div .mrp-section .details{margin-top:3px}
}
.range-of-products-container .range-of-products-div .first-div .mrp-section .details span,.range-of-products-container .range-of-products-div .second-div .mrp-section .details span{color:red}
@media(min-width:992px){.range-of-products-container .range-of-products-div .first-div{left:0;width:55%;z-index:10}
}
.range-of-products-container .range-of-products-div .first-div img.packshot-img{top:5%;right:20%}
@media(min-width:992px){.range-of-products-container .range-of-products-div .first-div:hover{width:60% !important}
}
.range-of-products-container .range-of-products-div .first-div .cta{left:30px}
@media(min-width:992px) and (max-width:1281px){.range-of-products-container .range-of-products-div .first-div .cta{left:21px}
}
@media(min-width:992px){.range-of-products-container .range-of-products-div .first-div:hover~.second-div{width:50%}
}
@media(min-width:992px){.range-of-products-container .range-of-products-div .second-div{z-index:100;width:55%;right:0;z-index:100000}
}
.range-of-products-container .range-of-products-div .second-div img.packshot-img{top:5%;left:20%}
@media(min-width:992px){.range-of-products-container .range-of-products-div .second-div:hover{width:60%}
}
.range-of-products-container .range-of-products-div .second-div .cta{right:30px}
.range-of-products-container .range-of-products-div .second-div .mrp-section{left:unset;right:32px}
@media(min-width:320px) and (max-width:991px){.range-of-products-container .range-of-products-div .second-div .mrp-section{left:12px;right:unset}
}
@media(min-width:992px){.range-of-products-container .mob-only{display:none !important}
}
@media(max-width:991px){.range-of-products-container .desk-only{display:none !important}
}
@media(min-width:992px){.range-of-products-container .range-of-products-footer-content{z-index:1;position:absolute;bottom:-26px;display:block;width:100%}
}
.range-of-products-container .range-of-products-footer-content p{font-size:14px;margin:0;line-height:21px;font-weight:500;color:#75787b;text-align:center}
@media(min-width:320px) and (max-width:991px){.range-of-products-container .range-of-products-footer-content p{font-size:12px;line-height:15px;padding:10px 15px}
}
@media(min-width:992px) and (max-width:1281px){.range-of-products-container .range-of-products-div .first-div img.packshot-img,.range-of-products-container .range-of-products-div .second-div img.packshot-img{top:0}
}
@media(min-width:1282px) and (max-width:1400px){.range-of-products-container .range-of-products-div .first-div img.packshot-img,.range-of-products-container .range-of-products-div .second-div img.packshot-img{top:1%;right:19%}
}
@media(min-width:992px) and (max-width:1281px){.range-of-products-container .range-of-products-div .first-div .cta,.range-of-products-container .range-of-products-div .second-div .cta{padding:14px 15px;gap:5px;bottom:13px}
.range-of-products-container .range-of-products-div .first-div .cta a span.arrow,.range-of-products-container .range-of-products-div .second-div .cta a span.arrow{margin-left:2px}
}