.aboutusbanner .jarallax {
    position: relative;
    width: 100%;
    min-height: 80vh;
    background-color: #292929;
}
.aboutusbanner .jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
}

.aboutusbanner {
    min-height: 75vh;
}

@media(max-width: 767px) {
    .aboutusbanner, .aboutusbanner .jarallax {
        min-height: auto;
    }
    .aboutuspage_bannerimage {
        height: auto;
    }
    .aboutusbanner .jarallax > .jarallax-img {
        object-fit: unset;
        height: auto;
        position: static
    }
    .challange .right img {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .aboutuspage_bannerimage {
        height: 60vh;
    }
}

@media (min-width: 992px) and (max-width: 1281px) {
    .aboutuspage_bannerimage {
        height: 65vh;
    }
}

@media (min-width: 1282px) and (max-width: 1481px) {
    .aboutuspage_bannerimage {
        height: 70vh;
    }
}

@media (min-width: 1482px) and (max-width: 1680px) {
    .aboutuspage_bannerimage {
        height: 75vh;
    }
}

@media (min-width: 1681px) and (max-width: 1799px) {
    .aboutuspage_bannerimage {
        height: 80vh;
    }
}

/*------------ POrtfolio navbar with bannerimage -------------- */

.header .port {
    position: absolute;
    bottom: 5%;
    padding-left: var(--xxl-space);
    color: #fff;
    margin-left: -4px;
}

.get_the_deal {
    bottom: 5%;
    padding-left: var(--xxl-space);
    color: #fff;
    z-index: 10;
}
/*------------ aboutus navbar with bannerimage-------------- */

.about-header,
.grey_color_banner {
    min-height: 350px;
}
.grey_color_banner {
    width: 100%;
    height: 92vh !important;
}
.grey_color_banner h1 {
    width: 85%;
    padding-left: var(--xxl-space);
    color: #909090;
    font-size: 90px;
}

@media (min-width: 768px) {
    .about-header,
    .grey_color_banner {
        min-height: 430px;
    }
}

@media (max-width: 480px) {
    .header {
        height: 100% !important;
    }
    .grey_color_banner h1 {
        width: 90%;
        font-size: 22px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .grey_color_banner h1 {
        bottom: 20px;
        font-size: 27px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .grey_color_banner h1 {
        bottom: 50px;
        font-size: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1281px) {
    .grey_color_banner h1 {
        width: 62%;
        bottom: 60px;
        font-size: 36px;
    }
}

@media (min-width: 1282px) and (max-width: 1481px) {
    .grey_color_banner h1 {
        width: 65%;
        bottom: 80px;
        font-size: 45px;
    }
}

@media (min-width: 1482px) and (max-width: 1680px) {
    .grey_color_banner h1 {
        width: 75%;
        font-size: 60px;
    }
}

@media (min-width: 1681px) and (max-width: 1799px) {
    .grey_color_banner h1 {
        font-size: 75px;
    }
}