.product_container {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    gap: 1rem;
    flex-wrap: wrap;
}

.product_container .product_box {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    flex-basis: 220px;
    overflow: hidden;
    border-radius: .5rem;
}

.product_box .product_img {
    display: block;
    width: 100%;
    overflow: hidden;
}

.product_box .product_img img {
    width: 100%;
    transition: all .5s ease-in;
}

.product_box:hover .product_img img {
    transform: scale(1.2);
}

.product_box .product_text_box {
    padding: .5rem;
}

.product_box .product_text_box .product_text {
    font-size: .9rem;
    text-align: center;
    text-transform: uppercase;
}


/* ========== product type section start ========== */
.rocon_veneer_type_container {
    /* border: 1px solid; */
    padding: 0;
}

.rocon_veneer_type_container>li {
    /* border: 1px solid; */
    padding: .3rem 0;
}

.rocon_veneer_type_container>li>i {
    margin-right: .3rem;
    font-size: 1rem;
    color: var(--logo-dark-color);
}

.rocon_veneer_type_container>li>a {
    /* border: 1px solid; */
    padding: .2rem;
}

.rocon_veneer_type_container>li>a:hover {
    text-decoration: underline;
}

/* ========== product type section end ========== */

/* ========== product subtype section start ========== */
.product_subtype_container {
    /* border: 1px solid; */
    width: 100%;
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.product_subtype_container .product_subtype_box {
    position: relative;
    flex-basis: 200px;
    border-radius: .5rem;
    overflow: hidden;
}

.product_subtype_container .product_subtype_box img {
    width: 100%;
    transition: all .3s ease-in;
}

.product_subtype_container .product_subtype_box:hover img {
    transform: scale(1.1);
}

.product_subtype_box .subtype_layer {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--logo-dark-color);
    transition: all .3s ease-in;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_subtype_box .subtype_layer a {
    color: var(--white-color);
    text-align: center;
}

.product_subtype_box .subtype_layer a:hover {
    color: var(--white-color);
    text-decoration: underline;
}

.product_subtype_box:hover .subtype_layer {
    top: 0;
}

/* ========== product subtype section end ========== */
@media (max-width:879px){
    .product_subtype_container{
        display: grid;
        grid-template-columns: repeat(4,1fr);
    }
}

@media (max-width:723px) {
    .product_container {
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
}

@media (max-width:500px) {
    .product_container {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .product_box .product_text_box .product_text {
        font-size: .9rem;
    }
    .product_subtype_container{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
}