/* --- Tablet (ukuran besar) --- */
@media (min-width: 1024px) and (max-width: 1336px) {
    /* GENERAL */
    .text-wraps-breadcrumbs {
        text-align: left;
        padding-top: 10%;
    }
    
    .text-breadcrumbs {
        font-size: 50px;
    }

    /* Carousel */
    .carousel .carousel-inner .carousel-item {
        height: 700px;
        margin-top: -100px;
    }

    .carousel .carousel-inner .carousel-item img {
        height: 700px;
        object-fit: cover;
    }

    .carousel-caption-type1 {
        top: 50%;
        left: -80%;
        transform: translate(50%, -50%);
    }

    .carousel-caption-type2 {
        top: 65%;
        left: 0;;
        transform: translate(10%, -50%);
    }

    .carousel .carousel-control-prev .carousel-control-prev-icon,
    .carousel .carousel-control-next .carousel-control-next-icon {
        display: none;
    }

    /* HOME */
    .background-lp1 {
        background-image: url(../img/element2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-color: #263d40;
        width: 100%;
        height: auto; /* Adjust height to fit content instead of fixed 100vh */
        overflow: hidden;
    }
    
    .background-lp2 {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-color: #263d40;
        width: 100%;
        position: static;
        margin-top: -100px;
        overflow: hidden; /* Prevent overflow if content exceeds the height */
    }
    
    .background-lp5 {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-color: #E8E8E8;
        width: 100%;
        position: static;
        margin-top: 0px;
        overflow: hidden; /* Prevent overflow if content exceeds the height */
    }

    /* ABOUT */
    .text-illustration-about1 {
        transform: translate(0%, 60%);
    }

    .image-illustration-about2 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
    }

    /* CALCULATOR */
    .calculator-section {
        height: 100%;
    }

    .ceiling-box {
        width: 85%;
        height: 100%;
        display: flex;
    }

    /* PRODUCT */
    .wrap-category {
        justify-content: left;
    }

    .brand-button {
        width: 100%;
        padding: 10px 40px;
        font-weight: bold;
        font-size: 1rem;
        border: 2px solid #d5e521;
        background-color: transparent;
        border-radius: 6px;
        transition: all 0.3s;
        cursor: pointer;
    }

    .box-image-product {
        object-fit: cover; 
        height: 250px;
    }

    /* INSPIRATION */
    .virtual-mask-right-side {
        margin-top: 460px;
    }

    /*STORE LOCATOR*/
    .icon-store-location {
        padding: 2px;
    }

    /* ARTICLE */
    .thumbnail-article {
        object-fit: cover; 
        height: 300px;
    }

    .readmore-artcile {
        float: right; 
        width:30%;
    }

    /* CONTACT */
    .icon-contact {
        position: relative;
        top: -20%;
    }

    .contact-section {
        height: 100%;
    }

    .form-contact {
        position: relative;
        top: -10%;
        padding: 20px;
    }
}