.limited-banner {
    right: -21px;
    width: 91px;
    left: unset;
}

img.limited-banner {
    top: -25px;
    right: -38px;
}

@media (max-width: 768px) and (min-width: 545px) {
    .limited-banner {
        width: 75px;
    }
}

@media (max-width: 544px) {
    img.limited-banner {
        top: -29px;
        right: -29px !important;
        width: 60px;
    }
}

.limited-stock-availability {
    margin-left: 17px;
    height: fit-content;
    width: fit-content;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    #index .limited-notice>b {
        color: white;
        font-size: 20px;
    }    
}

@media (min-width: 769px) {
    #index .limited-notice>b {
        color: white;
        font-size: 44px;
    }
    
}


#product .limited-notice>b {
    color: var(--main-bg-color);
    font-size: 20px;
}

.limited-notice>a {
    font-size: 20px;
    color: black !important;
}

@media (min-width: 1200px) {
    #content img.limited-banner {
        top: 0;
        right: 110px !important;
        height: 135px;
        width: 135px;
    }
    .limited-notice.index {
        height: 250px !important;
    }
}

@media (max-width: 1199px) and (min-width: 928px) {
    #content img.limited-banner {
        top: 0;
        right: 80px !important;
        height: 105px;
        width: 105px;
    }
}

@media (max-width: 927px) and (min-width: 768px) {
    #content img.limited-banner {
        top: 0;
        right: 55px !important;
        height: 11vw;
        width: 11vw;
    }
}

@media (max-width: 767px) and (min-width: 545px) {
    #content img.limited-banner {
        top: 0;
        right: 17vw !important;
        height: 15vw;
        width: 15vw;
    }
}

@media (max-width: 544px) {
    #content img.limited-banner {
        top: 0;
        right: 20vw !important;
        height: 20vw;
        width: 20vw;
    }
}

.limited-row {
    background: black;
    width: 100vw;
    left: calc((100vw - 100%)/-2);
    position: relative;
    padding-bottom: 30px;
    margin-top: -29px;
}

.limited-row .limited-stock-availability {
    color: white;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 70px;
    padding-top: 30px;
}

.limited-notice.index {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 30px;
}

.limited-notice.index>a {
    color: white !important;
}

.limited-notice.index .limited-timer {
    display: grid;
    font-weight: lighter;
    justify-content: center;
}

.limited-notice.index .timer-text {
    display: grid;
    justify-content: center;
    margin: 0 auto;
    font-weight: lighter;
}

.limited-boxes {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.limited-boxes>a {
    display: block;
    border-radius: 19px;
    overflow: hidden;
    border: 1px solid gray;
    height: fit-content;
}

.limited-categorydesc {
    background-color: white;
    display: flex;
}

.limited-categorytitle {
    width: 70%;
    margin-left: 10%;
}

.limited-categoryname {
    color: black;
    text-align: left;
}

.limited-subtext {
    text-align: left;
    color: black;
}

.limited-arrow {
    width: fit-content;
    height: fit-content;
    margin: auto;
}

.limited-categorytitle p {
    margin: 0;
}

@media (min-width: 769px) {
    .limited-boxes>a {
        width: 15%;
    }

    .limited-boxes {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }
    .limited-categoryname {
        font-size: 1.3vw;
        margin: 15px 0;
    }
    
    .limited-subtext {
        font-size: 1vw;
        margin-bottom: 10px;
    }
    .limited-arrow img {
        width: 60%;
    }

    .limited-notice.index {
        height: 180px;
    }
    
    .limited-notice.index>a {
        font-size: 3vw;
    }
    
    .limited-notice.index>p {
        font-size: 1.6vw;
        margin: -10px 0 0 0;
    }
    
    .limited-notice.index .limited-timer {
        font-size: 5vw;
        grid-template-columns: 10vw 1vw 10vw 1vw 10vw;
    }
    
    .limited-notice.index .timer-text {
        grid-template-columns: 10.7vw 10.7vw 10.7vw;
        font-size: 1.8vw;
        width: 100%;
    }

}

@media (max-width: 768px) {
    .limited-boxes>a {
        width: 90%;
        margin: 0 auto;
    }

    .limited-boxes {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 3vw;
    }

}

@media (max-width: 768px) and (min-width: 545px) {
    .limited-notice.index {
        height: 180px;
    }

    .limited-arrow img {
        width: 28%;
        float: right;
        margin-right: 5px;
    }

    .limited-subtext {
        font-size: 2vw;
        margin-bottom: 10px;
    }

    .limited-categoryname {
        font-size: 3.2vw;
        margin: 15px 0 5px;
        line-height: 3.5vw;
    }
    
    .limited-notice.index>a {
        font-size: 5vw;
    }
    
    .limited-notice.index>p {
        font-size: 2.6vw;
    }
    
    .limited-notice.index .limited-timer {
        font-size: 7vw;
        grid-template-columns: 15vw 1vw 15vw 1vw 15vw;
    }
    
    .limited-notice.index .timer-text {
        grid-template-columns: 15.7vw 15.7vw 15.7vw;
        font-size: 2vw;
        width: 100%;
    }
}

@media (max-width: 544px) {
    .limited-notice.index {
        height: 180px;
    }

    .limited-arrow img {
        width: 24%;
        float: right;
        margin-right: 5px;
    }

    .limited-subtext {
        font-size: 2.5vw;
        margin-bottom: 10px;
    }

    .limited-categoryname {
        font-size: 4vw;
        margin: 15px 0;
        line-height: 3.5vw;
    }
    
    .limited-notice.index>a {
        font-size: 7vw;
    }
    
    .limited-notice.index>p {
        font-size: 3.6vw;
    }
    
    .limited-notice.index .limited-timer {
        font-size: 10vw;
        grid-template-columns: 22vw 2vw 22vw 2vw 22vw;
    }
    
    .limited-notice.index .timer-text {
        grid-template-columns: 23.33vw 23.33vw 23.33vw;
        font-size: 4vw;
        width: 100%;
    }
}

@media (min-width: 769px) {
    .limited-row .cmsmodule-categorydesc {
        background-color: white;
    }
}

@media (max-width: 768px) {
    .limited-row .cmsmodule-arrow {
        display: none;
    }
}