.hero_banner .hero_banner_inner
{
    min-height: 800px;
    padding: 150px 0 50px
}

.hero_banner .hero_banner_inner .backgrounbd_media_section
{
    z-index: -1
}

.hero_banner .hero_banner_inner .backgrounbd_media_section img,
.hero_banner .hero_banner_inner .backgrounbd_media_section video
{
    -o-object-position: center;
    object-position: center;
    z-index: inherit
}

.hero_banner .hero_banner_inner .backgrounbd_media_section .background_image.mobile_image
{
    display: none
}

.hero_banner .hero_banner_inner .backgrounbd_media_section:before
{
    background: linear-gradient(.11deg, transparent 60%, rgba(0, 0, 0, .3) 99.9%), linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(135, 98, 2, .08), rgba(135, 98, 2, .08))
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.hero_banner .hero_banner_inner .hero_banner_heading
{
    color: var(--Color_White);
    -moz-column-gap: 19px;
    column-gap: 19px;
	margin: 50px 0 0 0;
	font-size: 54px;
	line-height: 1em;
}

@media (max-width: 1400px)
{
    .hero_banner .hero_banner_inner
    {
        min-height: 750px;
        padding-top: 140px;
    }

    .hero_banner .hero_banner_inner .hero_banner_heading
    {
        font-size: 50px;
    }
}

@media (max-width: 1200px)
{
    .hero_banner .hero_banner_inner
    {
        min-height: 650px;
        padding: 130px 0 40px;
    }

    .hero_banner .hero_banner_inner .hero_banner_heading
    {
        font-size: 45px;
    }
}

@media (max-width: 1000px)
{
    .hero_banner .hero_banner_inner
    {
        min-height: 520px;
        padding: 110px 0 35px;
    }

    .hero_banner .hero_banner_inner .hero_banner_heading
    {
        font-size: 40px;
    }
}

@media (max-width: 900px)
{
    .hero_banner .hero_banner_inner
    {
        min-height: 460px;
        padding: 100px 0 32px;
    }

    .hero_banner .hero_banner_inner .hero_banner_heading
    {
        font-size: 36px;
    }
}

@media (max-width: 767px)
{
    .hero_banner .hero_banner_inner
    {
        min-height: 400px;
        padding: 80px 0 30px;
    }

    .hero_banner .hero_banner_inner .hero_banner_heading
    {
        font-size: 32px;
    }
	
	.hero_banner .hero_banner_inner .backgrounbd_media_section .background_image
    {
        display: none;
    }

    .hero_banner .hero_banner_inner .backgrounbd_media_section .background_image.mobile_image
    {
        display: block;
    }
}

@media (max-width: 600px)
{
	.hero_banner .hero_banner_inner
    {
        min-height: 320px;
        padding: 60px 0 25px;
    }

    .hero_banner .hero_banner_inner .hero_banner_heading
    {
        font-size: 28px;
    }
}

@media (max-width: 500px)
{
	.hero_banner .hero_banner_inner
    {
        min-height: 270px;
        padding: 55px 0 25px;
    }

    .hero_banner .hero_banner_inner .hero_banner_heading
    {
        font-size: 24px;
    }
}

@media (max-width: 400px)
{
	.hero_banner .hero_banner_inner
    {
        min-height: 200px;
        padding: 50px 0 20px;
    }

    .hero_banner .hero_banner_inner .hero_banner_heading
    {
        font-size: 21px;
    }
}

@media (max-width: 300px)
{
	.hero_banner .hero_banner_inner
    {
        min-height: 170px;
        padding: 40px 0 15px;
    }

    .hero_banner .hero_banner_inner .hero_banner_heading
    {
        font-size: 18px;
    }
}