.u-section-1 {
    margin-top: 0;
    margin-bottom: 0;
    background-image: url("images/1595470158947.png");
    background-position: 50% 50%
}

.u-section-1 .u-sheet-1 {
    min-height: 295px
}

.u-section-1 .u-text-1 {
    background-image: none;
    margin: 182px auto 0
}

.u-section-1 .u-line-1 {
    width: 400px;
    height: 3px;
    transform-origin: right center 0;
    margin: 30px auto 60px
}

@media (max-width: 1199px) {
    .u-section-1 .u-sheet-1 {
        min-height: 243px
    }
}

@media (max-width: 991px) {
    .u-section-1 .u-sheet-1 {
        min-height: 186px
    }
}

@media (max-width: 767px) {
    .u-section-1 .u-sheet-1 {
        min-height: 140px
    }
}

@media (max-width: 575px) {
    .u-section-1 .u-sheet-1 {
        min-height: 88px
    }

    .u-section-1 .u-line-1 {
        width: 340px
    }
}

.u-section-2-produk {
    background-image: none;
    margin-top: 0;
    margin-bottom: 0
}

.u-section-2-produk .u-sheet-1 {
    min-height: 687px
}

.u-section-2-produk .u-gallery-1 {
    margin-top: 72px;
    margin-bottom: 0;
    height: 257px;
    grid-gap: 45px 45px;

}

.u-section-2-produk .u-over-slide-1 {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    padding: 20px
}

.u-section-2-produk .u-over-slide-2 {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    padding: 20px
}

.u-section-2-produk .u-back-slide-3 {
    background-image: none
}

.u-section-2-produk .u-over-slide-3 {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    padding: 20px
}

.u-section-2-produk .u-gallery-2 {
    height: 257px;
    grid-gap: 45px 45px;
    grid-template-columns: auto auto;
    width: 769px;
    margin: 30px auto 60px
}

.u-section-2-produk .u-over-slide-4 {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    padding: 16px
}

.u-section-2-produk .u-back-slide-5 {
    background-image: none
}

.u-section-2-produk .u-over-slide-5 {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    padding: 16px
}

@media (max-width: 1199px) {
    .u-section-2-produk .u-sheet-1 {
        min-height: 597px
    }

    .u-section-2-produk .u-gallery-1 {
        height: 212px;
        grid-template-columns: repeat(3, auto)
    }

    .u-section-2-produk .u-gallery-2 {
        height: 173px;
        grid-template-columns: repeat(2, auto)
    }
}

@media (max-width: 991px) {
    .u-section-2-produk .u-sheet-1 {
        min-height: 1310px
    }

    .u-section-2-produk .u-gallery-1 {
        height: 487px;
        grid-template-columns: repeat(2, auto)
    }

    .u-section-2-produk .u-gallery-2 {
        height: 530px;
        grid-template-columns: repeat(1, auto);
        width: 720px
    }
}

@media (max-width: 767px) {
    .u-section-2-produk .u-gallery-1 {
        height: 1096px;
        grid-template-columns: repeat(1, auto)
    }

    .u-section-2-produk .u-gallery-2 {
        height: 398px;
        width: 540px
    }
}

@media (max-width: 575px) {
    .u-section-2-produk .u-gallery-1 {
        height: 690px
    }

    .u-section-2-produk .u-gallery-2 {
        height: 251px;
        width: 340px
    }
}