/*Start header section*/
.page-location .header-section{
    background-image: url(../media/location-header-bg.png);
    background-position-y: bottom;
    background-position-x: center;
    background-size: cover;
    position: relative;
    z-index: 999;
}

.page-location .header-section .container{
    padding: 170px 120px 120px 120px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 44px;
    position: relative;
    z-index: 9999;
}

.page-location .header-section .container .title-xl{
    margin-top: 8px;
}

.page-location .header-section .container .paragraph-small{
    margin: 45px 0 32px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

.page-location .header-section .container .aroma-hill-estates-dispensary{
    position: absolute;
    bottom: 280px;
    right: 50px;
    z-index: 9999;
}

.page-location .header-section .container .header-section-image{
    max-width: 520px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    z-index: 9999;
}

.page-location .header-section .container .header-section-image img{
    width: 100%;
    object-fit: contain;
}

.page-location .header-section .container .circle{
    position: absolute;
    left: -61px;
    bottom: -70px;
}

.page-location .header-section .header-section-content .btn{
    max-width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    padding: 17px 48px;
}

.page-location .header-section:before,
.page-location .header-section:after{
    content: '';
    position: absolute;
    background-repeat: repeat;
    object-fit: contain;
    background-position: center;
    z-index: 999;
}

.page-location .header-section:before{
    background-image: url(../media/about-header-decoration-1.png);
    width: 52%;
    height: 883px;
    top: 0;
    left: 0;
}

.page-location .header-section:after{
    background-image: url(../media/about-header-decoration-2.png);
    width: 17%;
    height: 397px;
    bottom: 0;
    right: 0;
}
span.bhours {
	font-size: 14px;
	font-weight: 400;
}
/*End header section*/

/*Start loyalty section*/
.page-location .background{
    background-image: url(../media/bg-noise.jpg);
    padding: 44px 0 19px 0;
}
/*End loyalty section*/

@media (max-width: 1480px) {
    /*Start header styles*/
    .page-location .header-section .container{
        gap: 0 30px;
    }
    /*End header styles*/
}

@media (max-width: 1280px) {
    /*Start header styles*/
    .page-location .header-section .container{
        padding: 170px 79px 120px 79px;
    }

    .page-location .header-section .container .header-section-image{
        max-width: 450px;
        width: 100%;
    }
    /*End header styles*/
}

@media (max-width: 992px) {
    /*Start header styles*/
    .page-location .header-section{
        background-image: url(../media/location-header-bg-mobile.jpg);
        background-repeat: no-repeat;
    }

    .page-location .header-section .container{
        padding: 170px 21px 120px 21px;
        grid-template-columns: repeat(1, 1fr);
        gap: 86px 0;
    }

    .page-location .header-section:after{
        display: none;
    }

    .page-location .header-section .container .circle{
        right: 0;
        left: auto;
    }

    .page-location .header-section .container .header-section-image{
        max-width: 550px;
    }

    .page-location .header-section .container .aroma-hill-estates-dispensary{
        bottom: auto;
        top: 400px
    }
    /*End header styles*/
}


@media (max-width: 576px) {
    /*Start header styles*/
    .page-location .header-section{
        background-size: contain;
        background-position-y: top;
    }

    .page-location .header-section .container{
        padding: 125px 0 0 0;
    }

    .page-location .header-section .container .header-section-content{
        padding-left: 21px;
    }

    .page-location .header-section .container .paragraph-small{
        max-width: 250px;
        margin: 30px 0 24px 0;
    }

    .page-location .header-section:before{
        width: 53%;
        height: 70%;
        background-position-x: left;
    }

    .page-location .header-section .container .header-section-image{
        max-width: 100%;
    }

    .page-location .header-section .container .circle{
        width: 82px;
        height: 82px;
        bottom: -27px;
        right: 20px;
    }

    .page-location .header-section .container .aroma-hill-estates-dispensary{
        right: 28px;
        bottom: initial;
    }

    .page-location .header-section .header-section-content .btn{
        padding: 21px 27px;
    }

    .page-location .header-section .header-section-content .btn img{
        display: none;
    }
    /*End header styles*/

    .page-location  .loyalty-club-section .container{
        padding: 0;
    }

    .page-location .background{
        padding: 0 0 85px 0;
        background-image: none;
    }
}