#custom_sale_regular_price{
    font-size: 22px;
    opacity: 1;
    font-weight: 400;
    color: #000;
    text-decoration: line-through;
}
#custom_sale_default_price{
    font-size: 30px;
    color: var(--special-color);
    font-weight: 500;
}
.sale_product_add_to_cart{
    background-color:red;
    color:white;
}

.sale_product_view_product{
    background-color:gray;
    color:white;
}

.fixed_sale_products{
    display:flex;
    flex-wrap:wrap;
}


.custom_sale_warning_banner{
    width:100vw;
    height:125px;
}

.custom_sale_warning_text{
    display:flex;
    flex-direction: column;
}

.custom_sale_punchline{
    text-align:center;
    margin:auto;
}
.custom_sale_title{
    text-align:center;
    margin:auto;
    font-size:28px;
    padding-top:12px;
    font-weight:600;
}

#banner_above_header{
    display:none;
}

#banner_above_header_text{
    text-align: center;
    font-size:12px;
}

#sale_product_default_price{
    font-weight:550 !important;
}

#sale_product_regular_price{
    color:black !important;
    font-weight:400 !important;
}
/* 
FOR MOBILE
*/
@media (max-width:333px){

    #banner_above_header{
        display:flex;
        flex-direction: column;
    }


    .custom_sale_warning_banner{
        height:100px;
    }

    .custom_sale_warning_text{
        padding-top:15px;
    }

    .custom_sale_title{
        font-size:18px;
    }

    .sale_product_section{
        width:100%;
        display:flex;
        margin:auto;
        flex-wrap:wrap;
        justify-content: center;
    }

    .custom_sale_header_banner{
        width:100%;
        height:250px;
        position:relative;
        display:none;
    }

    #custom_sale_header_banner_title{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: darkred;
        color: white;
        width: 70%;
        font-size: 24px;
        text-align: center;
        padding: 5%;
    }

    .sale_product_section_product{
        width: 50%;
        padding:2% 2% 2% 2%;
    }

    .sale_product_section_product_title{
        height:75px;
        margin-bottom:1%;
    }

    .sale_product_image_section{
        height: 150px !important;
    }
    .sale_product_section_product_prices{
        text-align: center;
        margin-top:25%;
        margin-bottom:7%;
        padding-top:10%;
    }
    #sale_product_regular_price{
        font-size:14px;
        color:lightgray;
        text-decoration: line-through;
        opacity:0.8;
    }
    #sale_product_default_price{
        font-size:16px;
        color:red;
        font-weight:500;
        margin-right:5%;
    }

    .sale_product_button{
        padding:3%;
    }

    

    .sale_product_section_product_addToCart{
        display:flex;
        justify-content: space-evenly;
    }
    .custom_sale_mobile_banner{
        position:relative;
        display:block;
        height:250px;
        width:100%;
    }
}


@media (min-width:334px) and (max-width:425px){

    #banner_above_header{
        display:flex;
        flex-direction: column;
    }

    .custom_sale_warning_text{
        padding-top:17px;
    }

    .custom_sale_warning_banner{
        height:100px;
    }

    .custom_sale_title{
        font-size:20px;
    }

    .custom_sale_mobile_banner{
       position:relative;
        display:block;
        height:250px;
        width:100%;
    }

    .sale_product_section{
        width:95%;
        display:flex;
        margin:auto;
        flex-wrap:wrap;
        justify-content: center;
    }

    .custom_sale_header_banner{
        display:none;
        width:100%;
        height:250px;
        position:relative;
    }

    #custom_sale_header_banner_title{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: darkred;
        color: white;
        width: 70%;
        font-size: 24px;
        text-align: center;
        padding: 5%;
    }

    .sale_product_section_product{
        width: 50%;
        padding:2% 2% 2% 2%;
    }

    .sale_product_section_product_title{
        height:75px;
        margin-bottom:1%;
    }

    .sale_product_image_section{
        height: 150px !important;
    }
    .sale_product_section_product_prices{
        text-align: center;
        margin-top:5%;
        margin-bottom:7%;
        padding-top:10%;
    }
    #sale_product_regular_price{
        font-size:16px;
        color:lightgray;
        text-decoration: line-through;
        opacity:0.8;
    }
    #sale_product_default_price{
        font-size:18px;
        color:red;
        font-weight:500;
        margin-right:5%;
    }

    .sale_product_button{
        padding:3%;
    }

    

    .sale_product_section_product_addToCart{
        display:flex;
        justify-content: space-evenly;
    }
}



@media (min-width:426px) and (max-width:767px){

    #banner_above_header{
        display:flex;
        flex-direction: column;
        
    }

    .custom_sale_punchline{
        font-size:20px;
    }

    .custom_sale_warning_text{
        padding-top:27px;
    }

    .custom_sale_title{
        font-size:24px;
    }

    .custom_sale_mobile_banner{
        display:none;
    }
    .sale_product_section{
        width:85%;
        display:flex;
        margin:auto;
        flex-wrap:wrap;
        justify-content: center;
    }

    .custom_sale_header_banner{
        width:100%;
        height:250px;
        position:relative;
    }

    #custom_sale_header_banner_title{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color:darkred;
        color:white;
        padding:4% 7%;
        font-size:28px;
    }
    #sale_product_title{
        font-size:2.5vw;
    }

    .sale_product_section_product{
        width:50%;
        padding:3% 3% 3% 3%;
    }

    .sale_product_section_product_title{
        height:50px;
        margin-bottom:1%;
    }

    .sale_product_image_section{
        height: 250px !important;
    }
    .sale_product_section_product_prices{
        text-align: center;
        margin-bottom:7%;
    }
    #sale_product_regular_price{
        font-size:18px;
        color:lightgray;
        text-decoration: line-through;
        opacity:0.8;
    }
    #sale_product_default_price{
        font-size:20px;
        color:red;
        font-weight:500;
        margin-right:5%;
    }

    .sale_product_button{
        padding:3%;
    }

    

    .sale_product_section_product_addToCart{
        display:flex;
        justify-content: space-evenly;
    }
}

@media screen and (min-width:768px) and (max-width:1060px){

    .custom_sale_warning_text{
        padding:25px;
    }

    .custom_sale_title{
        font-size:26px;
    }

    .custom_sale_mobile_banner{
        display:none;
    }

    .sale_product_section{
        width:80%;
        display:flex;
        margin:auto;
        flex-wrap:wrap;
        justify-content: center;
    }

    .custom_sale_header_banner{
        width:100%;
        height:250px;
        position:relative;
    }

    #custom_sale_header_banner_title{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: darkred;
        color: white;
        padding: 4% 7%;
        font-size: 32px;
    }
    #sale_product_title{
        font-size:2vw;
    }

    .sale_product_section_product{
        width:33%;
        padding:3% 3% 3% 3%;
    }

    .sale_product_section_product_title{
        height:75px;
        margin-bottom:1%;
    }

    .sale_product_image_section{
        height: 250px !important;
    }
    .sale_product_section_product_prices{
        text-align: center;
        margin-bottom:7%;
    }
    #sale_product_regular_price{
        font-size:16px;
        color:lightgray;
        text-decoration: line-through;
        opacity:0.8;
    }
    #sale_product_default_price{
        font-size:20px;
        color:red;
        font-weight:500;
        margin-right:5%;
    }

    .sale_product_button{
        padding:3%;
    }
    .sale_product_section_product_addToCart{
        display:flex;
        justify-content: space-evenly;
    }
}

@media screen and (min-width:1061px) and (max-width:1440px){


    .custom_sale_title{
        font-size:26px;
    }

    .custom_sale_warning_text{
        padding:30px;
    }

    .custom_sale_mobile_banner{
        display:none;
    }   
        .sale_product_section{
        width:80%;
        display:flex;
        margin:auto;
        flex-wrap:wrap;
        justify-content: center;
    }

    .custom_sale_header_banner{
        width:100%;
        height:250px;
        position:relative;
    }
    #sale_product_title{
        font-size:1.5vw;
    }

    #custom_sale_header_banner_title{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color:darkred;
        color:white;
        padding:2% 10% 2% 10%;
        font-size:2vw;
    }

    .sale_product_section_product{
        width:25%;
        padding:3% 3% 3% 3%;
    }

    .sale_product_section_product_title{
        height:75px;
        margin-bottom:1%;
    }

    .sale_product_image_section{
        height: 225px !important;
    }
    .sale_product_section_product_prices{
        text-align: center;
        margin-bottom:7%;
    }
    #sale_product_regular_price{
        font-size:20px;
        color:lightgray;
        text-decoration: line-through;
        opacity:0.8;
    }
    #sale_product_default_price{
        font-size:24px;
        color:red;
        font-weight:500;
        margin-right:5%;
    }

    .sale_product_button{
        padding:3%;
    }

    .sale_product_section_product_addToCart{
        display:flex;
        justify-content: space-evenly;
    }
}

@media screen and (min-width:1440px) and (max-width:1920px){

    .custom_sale_warning_text{
        padding:30px;
    }

    .custom_sale_title{
        font-size:26px;
    }

    .custom_sale_mobile_banner{
        display:none;
    }

    .sale_product_section{
        width:80%;
        display:flex;
        margin:auto;
        flex-wrap:wrap;
        justify-content: center;
    }

    .custom_sale_header_banner{
        width:100%;
        height:250px;
        position:relative;
    }
    #sale_product_title{
        font-size:24px;
    }

    #custom_sale_header_banner_title{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color:darkred;
        color:white;
        padding:2% 10% 2% 10%;
        font-size:2vw;
    }

    .sale_product_section_product{
        width:25%;
        padding:3% 3% 3% 3%;
    }

    .sale_product_section_product_title{
        height:100px;
        margin-bottom:1%;
    }

    .sale_product_image_section{
        height: 275px !important;
    }
    .sale_product_section_product_prices{
        text-align: center;
        margin-bottom:7%;
    }
    #sale_product_regular_price{
        font-size:24px;
        color:lightgray;
        text-decoration: line-through;
        opacity:0.8;
    }
    #sale_product_default_price{
        font-size:28px;
        color:red;
        font-weight:500;
        margin-right:5%;
    }

    .sale_product_button{
        padding:3%;
    }

    

    .sale_product_section_product_addToCart{
        display:flex;
        justify-content: space-evenly;
    }
}


@media screen and (min-width:1920px){

    .custom_sale_warning_text{
        padding:30px;
    }

    .custom_sale_mobile_banner{
        display:none;
    }

    .sale_product_section{
        width:80%;
        display:flex;
        margin:auto;
        flex-wrap:wrap;
        justify-content: center;
    }

    .custom_sale_header_banner{
        width:100%;
        height:250px;
        position:relative;
    }
    #sale_product_title{
        font-size:24px;
    }

    #custom_sale_header_banner_title{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color:darkred;
        color:white;
        padding:2% 10% 2% 10%;
        font-size:2vw;
    }

    .sale_product_section_product{
        width:25%;
        padding:3% 3% 3% 3%;
    }

    .sale_product_section_product_title{
        height:75px;
        margin-bottom:1%;
    }

    .sale_product_image_section{
        height: 275px !important;
    }
    .sale_product_section_product_prices{
        text-align: center;
        margin-bottom:7%;
    }
    #sale_product_regular_price{
        font-size:24px;
        color:lightgray;
        text-decoration: line-through;
        opacity:0.8;
    }
    #sale_product_default_price{
        font-size:28px;
        color:red;
        font-weight:500;
        margin-right:5%;
    }

    .sale_product_button{
        padding:3%;
    }

    

    .sale_product_section_product_addToCart{
        display:flex;
        justify-content: space-evenly;
    }
}