@media screen and (max-width: 576px) {
    .header-logo {
    text-align: center;
    margin-bottom: 10px;
}

.header-logo img {
    width: 163px;
}

.header-para {
    display: block;
    text-align: center;
}

.header-para span {
    display: none;
}

.header-para h5 {
    margin-bottom: 6px;
}

.meet-the-craft {
    text-align: center;
}

.meet-the-craft p {
    margin: auto;
    width: 100%;
}

.up-moos {
    left: 129px;
    font-size: 12px;
}

.banner-img {
    width: 70%;
}

.meet-the-moosie p {
    text-align: center;
}

ul.ssp {
    justify-content: center;
}

.org-btn {
    padding: 13px 16px;
    font-size: 15px;
}

.wth-btn {
    padding: 13px 16px;
    font-size: 16px;
}

ul.button-ul {
    justify-content: center;
}

.banner {
    padding: 30px 0px;
}

section.step-box {
    padding: 3px 0px;
}

.box-step {
}

.first-criter h2 {
    text-align: center;
    font-size: 37px;
}

.first-criter p {
    margin: 7px auto;
}

.first-criter ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1px;
}

.first-criter ul li p {padding-left: 10px;padding-right: 15px;}

.first-criter p {
    text-align: center;
}

.first-criter h4 {
    font-size: 25px;
    margin: 15px auto;
    text-align: center;
}

.first-criter {
    text-align: center;
}

.craft-tabs {
    padding: 22px 0px;
}

ul.tabs-craft li h5 {
    font-size: 29px;
    width: 60px;
    height: 60px;
}

ul.tabs-craft li.active h5 {
    transform: scale(1.1);
}

ul.tabs-craft-info li {
    width: 310px;
    padding: 20px 12px;
    height: 186px;
}

ul.tabs-craft-info li h3 {
    font-size: 29px;
}

ul.tabs-craft-info li p {
    margin-top: 5px;
    font-size: 18px;
}

ul.tabs-craft-info li h6 {
    margin-top: 8px;
}

.story-behind {
    padding: 34px 0px;
}

section.craft-tabs .first-criter p {
    width: 100%;
}

.meet-the-craft h1 {
    font-size: 50px;
    margin-bottom: 10px;
}

.first-criter h2 {
    font-size: 37px;
}

.story-step ul li p {
    width: 100%;
    margin-top: 20px;
}

.story-step {
    width: 100%;
}

.story-step ul li {
    gap: 0px;
    display: block;
    text-align: center;
}

.story-step ul li span {
    justify-content: center;
    margin: auto;
    width: auto;
    /* display: flex; */
}

.story-step ul li span {
    display: block;
    display: flex;
    flex-direction: column-reverse;
}

.story-step ul li span p {
    margin: 10px 0px;
    /* position: unset; */
    width: auto;
    padding: 0px;
}

.story-step ul li span img {width: 39px;margin-bottom: 0px;}

    .story-step ul li span p {
    position: unset;
    text-align: center;
    margin: -3px;
    font-size: 21px;
}

.story-step ul:before {
    left: 50%;
}

p.step-para-end {
    margin: 1px auto;
    width: 100%;
}

.box-around {
    text-align: center;
}

.box-around span {
    margin: 0px auto;
}

.carousel-slides-item {
    width: 100%;
    padding: 23px 10px 73px;
}

.carousel-slides-item img {
    height: 294px;
    object-fit: cover;
}

.carousel-slides-item h5 {
    margin-top: 18px;
    font-size: 20px;
}

.early-event {
    width: 100%;
}

.early-event p {
    line-height: 26px;
    margin-bottom: 10px;
}

.preorder {
    padding: 30px 0px;
}

.preorder-form form select {
    padding-right: 26px;
}

.sec-pad {
    padding: 28px 7px;
}

.inspired-frame {
    display: block;
    width: 85%;
    padding: 30px 10px;
}

#inspiredcraft .ph.ph-green {
    width: auto;
    height: auto!important;
}

#inspiredcraft .ph.ph-green img {
    width: 272px;
}

section.meet-moosie-ready {
    padding: 20px 0px;
}

footer#contact {
    justify-content: center;
    text-align: center;
}

footer#contact .d-flex.align-items-baseline.mb-2 {
    justify-content: center;
}

footer#contact p {
    width: 100%;
    margin: auto;
}
    footer#contact .col-6.col-lg-2 {
    display: none;
}

.row.g-4 {}

footer#contact .row.g-4 {
    justify-content: center;
}

ul.fac {
    justify-content: center;
}
}