#mainbody437 {
    display: flex;
    flex-direction: column;
    height: 100%;
    left: calc(0vw/10.80);
    opacity: 1;
    position: absolute;
    top: calc(0vh/19.20);
    width: 100%;
    z-index: 10;
}

.imagep2 {
    display: table-cell;
    margin-right: calc(0vw/10.80);
    vertical-align: top;
}

#zone437_1 {
    height: calc(1070vh/19.20);
    width: 100%;
}

#zone437_2 {
    background-color: #ffffff;
    min-height: calc(570vh/19.20);
    position: relative;
    top: calc(-100vh/19.20);
    width: 100%;
}

#zone437_3 {}

#mainimg437 {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    width: 100%;
}

#one {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#three437 {
    bottom: calc(80vh/19.20);
    position: absolute;
    will-change: transform;
}

.anim3 {
    bottom: calc(-20vh/19.20) !important;
    transform: translateY(calc(-100vh/19.20));
    transition: transform 2200ms ease;
    will-change: transform;
}

@keyframes slidein {
    from {
        bottom: calc(-80vh/19.20);
    }
    to {
        bottom: calc(60vh/19.20);
    }
}

.fade_out {
    opacity: 0 !important;
    transition: opacity 1s linear;
}

#mainbody {
    color: #ffffff;
    width: 100%;
    padding: calc(20vw/10.80);
}

#bodyimg {
    width: 100%;
}

#lefttopcontainer {
    width: calc(1070vw/10.80);
    ;
}

#bcontent1 {
    width: calc(1070vw/10.80);
    ;
}

#imagecell {
    width: calc(1070vw/10.80);
    ;
}

#rightbody_img {
    max-width: calc(1070vw/10.80);
    max-height: calc(750vh/19.20);
    width: calc(1070vw/10.80);
}

#bcontent3 {
    margin-top: calc(0vh/19.20);
}

<!-- slider CSS -->.tcontent>div {
    position: relative;
    display: inline-block;
    /* to display the 3 div's in same line */
    height: calc(70vh/19.20);
    width: calc(1355vw/10.80);
    text-align: right;
}

.tcontent {
    width: 100%;
    overflow: hidden;
    /* added to make the content hidden initially and avoid scroll-bar */
}

.bcontent {
    width: 100%;
    overflow: hidden;
    /* added to make the content hidden initially and avoid scroll-bar */
}

.bcontent>div {
    position: relative;
    display: inline-block;
    /* to display the 3 div's in same line */
    width: calc(1070vw/10.80);
}

#rightbody {
    position: absolute;
    top: calc(0vh/19.20);
    left: calc(720vw/10.80);
    width: calc(720vw/10.80);
    height: calc(400vh/19.20);
}

#title {
    color: rgb(90, 165, 25);
    font-size: calc(60vh/19.20);
    font-weight: bold;
    margin-left: calc(5vw/10.80);
    padding-bottom: calc(20vh/19.20);
    padding-top: calc(20vh/19.20);
    padding-left: calc(10vw/10.80);
    padding-right: calc(19vw/10.80);
    text-align: left;
    vertical-align: middle;
    z-index: 10;
}

#leftbody {
    color: rgb(0, 37, 100);
    line-height: normal;
    margin: calc(16vw/10.80);
}

#leftbody p {
    color: rgb(0, 37, 100);
    line-height: normal;
    margin-top: calc(14vh/19.20);
    margin-bottom: calc(14vh/19.20);
}