.PackBox{
    flex-direction: column;
}
.PackBox .Row1{
    flex-direction: column;
    width: 100%;
}
@media (max-width: 575.98px) {
    .PackBox .Row2,.PackBox .Row3,PackBox .Row4{
        width: 100%;
    }

    .PackBox .Row2{
        flex-direction: row-reverse;
        flex-wrap: wrap;
        background-color: #d6d6d6;
    }

    .PackBox .Row2 .ImgFrame3,.PackBox .Row2 .ImgFrame4,.PackBox .Row2 .ImgFrame1{
        width: 100%;
    }
    .PackBox .Row2 .ImgFrame4{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .PackBox .Row4,.PackBox .Row3{
        flex-direction: column;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .PackBox .Row2, .PackBox .Row3, PackBox .Row4 {
        width: 100%;
    }

    .PackBox .Row2 {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        background-color: #d6d6d6;
        justify-content: center;
        align-items: center;
    }

    .PackBox .Row3 {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        background-color: #d6d6d6;
        justify-content: center;
    }

    .PackBox .Row3 .ImgFrame1,
    .PackBox .Row3 .ImgFrame2,
    .PackBox .Row3 .ImgFrame3 {
        width: 50%;
        justify-content: center;
        align-items: center;
    }

    .PackBox .Row3 .ImgFrame3 img {
        width: 80%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .PackBox .Row2 .ImgFrame4 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .PackBox .Row2 .ImgFrame4,
    .PackBox .Row2 .ImgFrame1,
    .PackBox .Row2 .ImgFrame3 {
        width: 50%;
        align-items: center;
        justify-content: center;
    }

    .PackBox .Row2 .ImgFrame4 img {
        height: fit-content;
    }

    .PackBox .Row2 .ImgFrame1 img {
        height: fit-content;
    }

    .PackBox .Row2 .ImgFrame3 img {
        height: fit-content;
    }

    .PackBox .Row4 {
        flex-direction: column;
    }

    .PackBox .Row4 .ImgFrame1,
    .PackBox .Row4 .ImgFrame2,
    .PackBox .Row4 .ImgFrame3 {
        width: 100%;
        justify-content: center;
    }
    .PackBox .Row4 .ImgFrame1 img,
    .PackBox .Row4 .ImgFrame2 img,
    .PackBox .Row4 .ImgFrame3 img{
        width: 80%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .PackBox .Row2, .PackBox .Row3, PackBox .Row4 {
        width: 100%;
    }

    .PackBox .Row2 {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        background-color: #d6d6d6;
        justify-content: center;
        align-items: center;
    }

    .PackBox .Row3 {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        background-color: #d6d6d6;
        justify-content: center;
    }

    .PackBox .Row3 .ImgFrame1,
    .PackBox .Row3 .ImgFrame2,
    .PackBox .Row3 .ImgFrame3 {
        width: 50%;
        justify-content: center;
        align-items: center;
    }

    .PackBox .Row3 .ImgFrame3 img {
        width: 80%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .PackBox .Row2 .ImgFrame4 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .PackBox .Row2 .ImgFrame4,
    .PackBox .Row2 .ImgFrame1,
    .PackBox .Row2 .ImgFrame3 {
        width: 50%;
        align-items: center;
        justify-content: center;
    }

    .PackBox .Row2 .ImgFrame4 img {
        height: fit-content;
    }

    .PackBox .Row2 .ImgFrame1 img {
        height: fit-content;
    }

    .PackBox .Row2 .ImgFrame3 img {
        height: fit-content;
    }

    .PackBox .Row4 {
        flex-direction: column;
    }

    .PackBox .Row4 .ImgFrame1,
    .PackBox .Row4 .ImgFrame2,
    .PackBox .Row4 .ImgFrame3 {
        width: 100%;
        justify-content: center;
    }
    .PackBox .Row4 .ImgFrame1 img,
    .PackBox .Row4 .ImgFrame2 img,
    .PackBox .Row4 .ImgFrame3 img{
        width: 80%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .PackBox .Row2,.PackBox .Row3,PackBox .Row4{
        width: 100%;
    }

    .PackBox .Row2{
        flex-direction: row-reverse;
        flex-wrap: wrap;
        background-color: #d6d6d6;
    }
    .PackBox .Row3{
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        background-color: #d6d6d6;
        justify-content: center;
    }
    .PackBox .Row3 .ImgFrame2,
    .PackBox .Row3 .ImgFrame1,
    .PackBox .Row3 .ImgFrame3{
        min-width: 32%;
        justify-content: center;
        align-items: center;
    }
    .PackBox .Row3 .ImgFrame1,
    .PackBox .Row3 .ImgFrame3{
        background-color: #FFFFFF;
    }
    .PackBox .Row3 .ImgFrame1 img,
    .PackBox .Row3 .ImgFrame3 img{
        width: 62%;
        height: fit-content;
    }

    .PackBox .Row4 .ImgFrame1,
    .PackBox .Row4 .ImgFrame2,
    .PackBox .Row4 .ImgFrame3{
        width: 32%;
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .PackBox .Row4 .ImgFrame1 img,
    .PackBox .Row4 .ImgFrame2 img,
    .PackBox .Row4 .ImgFrame3 img{
        width: 70%;
    }
    .PackBox .Row2 .ImgFrame4{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .PackBox .Row2{
        flex-wrap: nowrap;
    }
    .PackBox .Row2 .ImgFrame4,
    .PackBox .Row2 .ImgFrame1,
    .PackBox .Row2 .ImgFrame2,
    .PackBox .Row2 .ImgFrame3{
        flex-direction: column;
        justify-content: center;
        width: auto;
    }
    .PackBox .Row4{
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}

@media (min-width: 1200px) {
    .PackBox .Row2,.PackBox .Row3,PackBox .Row4{
        width: 100%;
    }

    .PackBox .Row2{
        flex-direction: row-reverse;
        flex-wrap: wrap;
        background-color: #d6d6d6;
    }
    .PackBox .Row3{
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        background-color: #d6d6d6;
        justify-content: center;
    }
    .PackBox .Row3 .ImgFrame2,
    .PackBox .Row3 .ImgFrame1,
    .PackBox .Row3 .ImgFrame3{
        min-width: 32%;
        justify-content: center;
        align-items: center;
    }
    .PackBox .Row3 .ImgFrame1,
    .PackBox .Row3 .ImgFrame3{
        background-color: #FFFFFF;
    }
    .PackBox .Row3 .ImgFrame1 img,
    .PackBox .Row3 .ImgFrame3 img{
        width: 62%;
        height: fit-content;
    }

    .PackBox .Row4 .ImgFrame1,
    .PackBox .Row4 .ImgFrame2,
    .PackBox .Row4 .ImgFrame3{
        width: 32%;
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .PackBox .Row4 .ImgFrame1 img,
    .PackBox .Row4 .ImgFrame2 img,
    .PackBox .Row4 .ImgFrame3 img{
        width: 70%;
    }
    .PackBox .Row2 .ImgFrame4{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .PackBox .Row2{
        flex-wrap: nowrap;
    }
    .PackBox .Row2 .ImgFrame4,
    .PackBox .Row2 .ImgFrame1,
    .PackBox .Row2 .ImgFrame2,
    .PackBox .Row2 .ImgFrame3{
        flex-direction: column;
        justify-content: center;
        width: auto;
    }
    .PackBox .Row4{
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}