body {
    overflow: hidden;
    padding-top: 150px;
}

.header-top .container {
    border-bottom: none;
}

.d1, .d2 {
    float: left;
}

.imageContainer img {
    max-width: 100%;
}

.d3, .d4 {
    display: flex;
}

.d1 {
    width: 19.7vw;
}

.d2 {
    width: calc(100% - 19.7vw);
}

.d3 img {
    max-height: 14.5vw;
    width: 100%;
}

.d4>img {
    max-height: 24vw;
}

.d5>img {
    max-width: 13.15vw;
}

.d6, .d6>img {
    width: 100%;
}

.d7 img {
    max-height: 10.38vw;
    float: left;
}


@media screen and (max-width: 990px) {
    .d1, .d2 {
        width: 100%;
    }

    .d1 {
        display: flex;
    }

    .d1 img {
        max-height: 19.8vw;
    }

    .d3 img {
        max-height: 18vw;
    }

    .d4>img {
        max-height: 29.6vw;
    }
}

@media screen and (max-width: 767px) {
    body {
        overflow: visible;
    }

    .d1, .d3, .d4 {
        flex-direction: column;
    }

    .d1 img,.d3 img,.d4 > img,.d7 img {
        max-height: none;
    }
    .d5 > img,.d7 img{
        max-width: none;
        width: 100%;
    }
    .visible-mobile img{
        width: 100%;
        opacity: 1;
    }
}