.Main{
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.pali4com {
    position: absolute;
    bottom: 0;
    right: 2px;
    z-index: 999;
}
#pali4_off {
    display: none;
}
.Loading {
    top: 0;
    left: calc(50vw - 28vh);
    width: 56vh;
    height: 100vh;
    background-image: url('../img/Twinings_Assets/_loading.jpg');
    z-index: 998;
    background-size: cover;
}
.bg_pepermint {
    top: 0;
    left: calc(50vw - 28vh);
    width: 56vh;
    height: 100vh;
    background-image: url('../img/Twinings_Assets/peppermint- BG.jpg');
    z-index: 100;
    background-size: cover;
    display: none;
}
.bg_raspberry {
    top: 0;
    left: calc(50vw - 28vh);
    width: 56vh;
    height: 100vh;
    background-image: url('../img/Twinings_Assets/raspberry - BG.jpg');
    z-index: 100;
    background-size: cover;
    display: none;
}
.bg_peach {
    top: 0;
    left: calc(50vw - 28vh);
    width: 56vh;
    height: 100vh;
    background-image: url('../img/Twinings_Assets/peach - BG.jpg');
    z-index: 100;
    background-size: cover;
    display: none;
}
.MainBox {
    top: 0;
    left: calc(50vw - 28vh);
    width: 56vh;
    height: 100vh;
}
.MainBoxL {
    top: 0;
    left: 0;
    width: calc((100vw - 56vh)/2);
    height: 100vh;
    position: absolute;
    background-color: white;

    z-index: 997;
}
.message {
   margin: 50px;

    width: 213px;
    height: 163px;

    z-index: 998;
    display: none;
    background: url('../img/Twinings_Assets/not_available.png') 95% 100% no-repeat;
}
.MainBoxR {
    top: 0;
    left: calc(50vw + 28vh);
    width: calc((100vw - 56vh)/2);
    height: 100vh;
    position: absolute;
    background-color: white;
    z-index: 997;
    }
.box0 {
    top: 0;
    left: calc(50vw - 28vh);
    width: 55vh;
    height: 38vh;
    background: url('../img/Twinings_Assets/upper tagline - 1.png') 95% 100% no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 801;
    display: none;
}
.box0_P {
    top: 0;
    left: calc(50vw - 28vh);
    width: 53vh;
    height: 40vh;
    background: url('../img/Twinings_Assets/raspberry - tagline.png') 95% 100% no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 601;
    display: none;
}
.box0_R {
    top: 0;
    left: calc(50vw - 28vh);
    width: 53vh;
    height: 40vh;
    background: url('../img/Twinings_Assets/peach - tagline.png') 95% 100% no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 601;
    display: none;
}
.box1 {
    top: 0;
    left: calc(50vw - 28vh);
    width: 55vh;
    height: 38vh;
    background: url('../img/Twinings_Assets/pepermint - tagline-back.png') 95% 100% no-repeat;
    background-size: cover;
    z-index: 800;
    position: absolute;
    display: none;

}
.box1_1 {
    top: 0;
    left: calc(50vw - 28vh);
    width: 55vh;
    height: 38vh;
    background: url('../img/Twinings_Assets/upper tagline - 3.png') 95% 100% no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 801;
    display: none;
}
.box6Slide {
    top: 49vh;
    left: calc(50vw - 16vh);
    width: 34vh;
    height: 34vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/peppermint-product.png');
    z-index: 800;
    position: absolute;
    display: none;
}
.box6Slide_P {
    top: 49vh;
    left: calc(50vw - 16vh);
    width: 34vh;
    height: 34vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry-product.png');
    z-index: 800;
    position: absolute;
    display: none;
}
.box6Slide_R {
    top: 49vh;
    left: calc(50vw - 16vh);
    width: 34vh;
    height: 34vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/peach-product.png');
    z-index: 800;
    position: absolute;
    display: none;
}
.box1_new {
    width: 10vh;
    height: 6vh;
    top: 0;
    left: calc(50vw - 24vh);
    z-index: 802;
    background-image: url('../img/Twinings_Assets/peppermint-newBanner.png');
    background-size: cover;
    position: absolute;
    display: none;
}
.box1_new_P {
    width: 10vh;
    height: 6vh;
    top: 0;
    left: calc(50vw - 24vh);
    z-index: 802;
    background-image: url('../img/Twinings_Assets/raspberry-new.png');
    background-size: cover;
    position: absolute;
    display: none;
}
.box1_new_R {
    width: 10vh;
    height: 6vh;
    top: 0;
    left: calc(50vw - 24vh);
    z-index: 802;
    background-image: url('../img/Twinings_Assets/peach-newBanner.png');
    background-size: cover;
    position: absolute;
    display: none;
}
.box2 {
    top: 43vh;
    left: calc(50vw - 38vh);
    width: 20vh;
    height: 21vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/pepermint - elements/strawberry-1.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box2_P {
    top: 32vh;
    left: calc(50vw - 36vh);
    width: 22vh;
    height: 28vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/Raspberry 1.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box2_R {
    top: 32vh;
    left: calc(50vw - 36vh);
    width: 22vh;
    height: 22vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/Raspberry 1.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box12_P {
    top: 47.5vh;
    left: calc(50vw - 18vh);
    width: 20vh;
    height: 21vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/petal - 2.png');
    z-index: 606;
    position: absolute;
    display: none;
}
.box12_R {
    top: 47.5vh;
    left: calc(50vw - 18vh);
    width: 20vh;
    height: 21vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/petal - 2.png');
    z-index: 606;
    position: absolute;
    display: none;
}
.box13_P {
    top: 40vh;
    left: calc(50vw - 16vh);
    width: 18vh;
    height: 18vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/petal - 4.png');
    z-index: 606;
    position: absolute;
    display: none;
}
.box13_R {
    top: 40vh;
    left: calc(50vw - 16vh);
    width: 18vh;
    height: 18vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/petal - 4.png');
    z-index: 606;
    position: absolute;
    display: none;
}
.box3 {
    top: 44vh;
    left: calc(50vw + 5vh);
    width: 22vh;
    height: 24vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/pepermint - elements/strawberry-2.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box3_P {
    top: 43vh;
    left: calc(50vw + 3vh);
    width: 22vh;
    height: 24vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/Raspberry 2.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box3_R {
    top: 40vh;
    left: calc(50vw + 4vh);
    width: 18vh;
    height: 24vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/peach - elements/peach.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box4 {
    top: 64vh;
    left: calc(50vw - 27.5vh);
    width: 29vh;
    height: 29vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/pepermint - elements/pepermint-1.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box4_P {
    top: 67vh;
    left: calc(50vw - 30.5vh);
    width: 29vh;
    height: 33vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/Lemon.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box4_R {
    top: 67vh;
    left: calc(50vw - 29.5vh);
    width: 26vh;
    height: 27vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/peach - elements/orange.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box5 {
    top: 87vh;
    left: calc(50vw + 14vh);
    width: 22vh;
    height: 22vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/pepermint - elements/pepermint-2.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box5_P {
    top: 50vh;
    left: calc(50vw + 6vh);
    width: 18vh;
    height: 22vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/Raspberry 3.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box5_R {
    top: 50vh;
    left: calc(50vw + 6vh);
    width: 18vh;
    height: 18vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/Raspberry 3.png');
    z-index: 604;
    position: absolute;
    display: none;
}
.box7 {
    top: 81.5vh;
    left: calc(50vw + 18vh);
    width: 4.75vh;
    height: 4.75vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/pepermint - elements/seed-1.png');
    z-index: 605;
    position: absolute;
    display: none;
}
.box7_P {
    top: 55vh;
    left: calc(50vw - 35vh);
    width: 14vh;
    height: 14vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/petal - 5.png');
    z-index: 605;
    position: absolute;
    display: none;
}
.box7_R {
    top: 55vh;
    left: calc(50vw - 35vh);
    width: 14vh;
    height: 14vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/petal - 5.png');
    z-index: 605;
    position: absolute;
    display: none;
}
.box8 {
    top: calc(63vh);
    left: calc(50vw + 26vh);
    width: 5.75vh;
    height: 5.75vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/pepermint - elements/seed-2.png');
    z-index: 606;
    position: absolute;
    display: none;
}
.box8_P {
    top: calc(64.75vh);
    left: calc(50vw + 9vh);
    width: 13vh;
    height: 13vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/petal - 3.png');
    z-index: 601;
    position: absolute;
    display: none;
}
.box8_R {
    top: calc(64.75vh);
    left: calc(50vw + 9vh);
    width: 13vh;
    height: 13vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/raspberry - elements/petal - 3.png');
    z-index: 601;
    position: absolute;
    display: none;
}
.box9 {
    top: calc(90vh);
    left: calc(50vw - 8vh);
    width: 19vh;
    height: 3vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/CTA.png');
    z-index: 607;
    position: absolute;
    display: none;
}
.box10 {
    top: calc(62vh);
    left: calc(50vw + 21vh);
    width: 4vh;
    height: 6vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/arrow right.png');
    z-index: 807;
    position: absolute;
    display: none;
}
.box11 {
    top: calc(62vh);
    left: calc(50vw - 25.5vh);
    width: 4vh;
    height: 6vh;
    background-size: cover;
    background-image: url('../img/Twinings_Assets/arrow left.png');
    z-index: 807;
    position: absolute;
    display: none;
}
#b1-s{
    z-index: 999;
    position: absolute;
}
#b1-l{
    top: 0;
    left: calc(50vw - 10vh);
    z-index: 999;
    position: absolute;
}
#b1-r{
    top: 0;
    left: calc(50vw + 10vh);
    z-index: 999;
    position: absolute;
}
#B_L_Pepermint {
    display: none;
}
#B_R_Pepermint {
    display: none;
}
#B_L_Raspberry {
    display: none;
}
#B_R_Raspberry {
    display: none;
}
#B_L_Orange {
    display: none;
}
#B_R_Orange {
    display: none;
}