/**CONTENT FOLD B**/
@media(max-width: 1024px){
    .product-fold1.big{
        padding: 50px 0px;
    }
    .content-fold-b-wrapper{
        flex-direction: column;
        gap: 40px;
    }
    
    .content-fold-b-img{
        flex: 0 0 350px;
        width: 100%;
        max-width: 400px;
        margin: 0px auto;
    }
	
	.content-fold-c-img img {
		max-height:350px;
	}
	
    .content-fold-b-content{
        padding: 0px;
    }

    .content-fold-b-wrapper{
        padding: 50px 0px;
    }
}

/*CONTENT FOLD C*/
@media(max-width: 1600px){
    .content-fold-c-img {
        position: absolute;
        width: calc(50% - 70px);
        height: 100%;
    }
    
}

@media(max-width: 1024px){
    .content-fold-c-img {
        position: relative;
        width: 100%;
        top: 20px;
    }
    
    .content-fold-c-wrapper {
        padding: 40px 0px;
        width: 100%;
    }
    
    .content-fold-c-content {
        width: 100%;
    }
}

@media(max-width: 767px){
    div#content-fold-c-items ul {
        flex-wrap: nowrap;
    }

    div#content-fold-c-items ul li {
        flex: 0 0 auto !IMPORTANT;
    }
}

/**HISTORY**/

@media(max-width: 1200px){
    .history-wrapper {
        flex-direction: column-reverse;
        height: auto;
    }
    
    .history-right {
        flex: 0 0 400px;
        height: 400px;
    }
    
    .history-left {
        max-height: 526px;
    }
}

@media(max-width: 540px){
    .history-tab {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
}

/**banner**/
@media(max-width: 1024px){
    .gallery-fold{
        padding: 40px 0px;
    }
    .history-fold{
        padding: 40px 0px;
    }
    .banner-image {
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
        height: auto;
        max-width: 300px;
        margin: 0px auto 30px;
    }
    
    .banner-fold {
        display: flex;
        flex-direction: column-reverse;
        background-size: cover;
    }
    
    .banner-fold-content {
        width: 100%;
    }

    .banner-fold-background::before {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: var(--green);
        opacity: 0.8;
    }
}

/**STOCKIST**/
@media(max-width: 1200px){
    .stockist-list-fold-item{
        flex: 0 0 calc((100% / 2) - 30px);
    }
}
@media(max-width: 767px){
    a.stockist-item{
        flex: 0 0 calc(100% / 3 );
    }

    .stockist-list-fold-item{
        flex: 0 0 calc((100% / 1) - 0px);
    }
}

@media(max-width: 480px){
    a.stockist-item{
        flex: 0 0 calc(100% / 1 );
    }
}