/*------counter------*/
.counter-main .counter-inner{
    box-sizing: border-box;
    padding: 10px;
    width: 40%;
    border: 2px solid black;
    margin: 0 auto;
    text-align: center;
}
.counter-main .counter-inner-sub{
    box-sizing: border-box;
    display: inline-block;
    width: 23%;
    margin-right: 2px;
    border: 2px solid black;
}
.counter-main p{
    margin: 0%;
    padding: 3px 0;
}
label[for="_af_sct_progress_bar_message"]{
    font-weight: bold;
}
#_af_sct_progress_bar_message{
    color: red;
}


/*----counter design-----*/


.counter1, .counter2, .counter3, .counter4{
    margin-bottom: 5px;
} 
/*-- '.sct-counters-main-child' first child div of all main counters--*/
.af-sct-boxes-main{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.af-sct-boxes-main .timers{
    font-size: 9px;
}
.af-sct-boxes-main .timer-boxes{
    box-sizing: border-box;
    display: inline-block;
    width: 23%;
    border: 2px solid lightgray;
    text-align: center;
    padding: 1px;
}
.af-sct-boxes-main .timer-boxes p{
    margin : 3px 0;
}
.af-sct-main-sub-countdown{
    display : none;
}
.af-sct-main-sub-countdown .af-sct-message{
    font-size: 17px;
}
.af-sct-counter1 .circle-boxes{
    box-sizing: border-box;
    text-align: center;
    border: 1px solid lightgray;
    border-radius: 50%;
    width: 100%;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
}

.af-sct-counter2 .timer-boxes p:first-child{
    text-align: center;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
}
.af-sct-counter3 .timer-boxes p:last-child{
    text-align: center;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 3px;
}

.af-sct-counter4 .timer-boxes{
    border: none;
    padding-bottom: 0px;
}
.af-sct-counter4 .timer-boxes p:first-child{
    text-align: center;
    border: 1px solid black;
    width: 100%;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
}
/*------progress bar------*/

.af-sct-progress-bar .bar-msg{
       box-sizing: border-box;
    margin: 0 2px 2px;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    text-align: right;
}
.af-sct-progress-bar{
    margin : 0px 0px 15px;
}


/*--media query--*/
@media screen and (max-width: 480px) {
    .counter1 .circle-boxes{
        text-align: center;
        border: 1px solid lightgray;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        display: inline-block;
        margin-bottom: 0;
    }
    
}
@media screen and (max-width: 330px) {
    .counter1 .circle-boxes{
        text-align: center;
        border: 1px solid lightgray;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        display: inline-block;
        margin-bottom: 0px;
    }
    .boxes-main{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .timer-boxes{
        box-sizing: border-box;
        display: inline-block;
        width: 40%;
        border: 2px solid lightgray;
        text-align: center;
        padding: 10px;
	
	}
}
.counter{
    width: max-content;
}
.af-sct-counters-main-child {
    display: flex;
    justify-content: center;
    gap: 6px;
    width: max-content;
    font-weight: bold;
}
.adf-counter-heading h3{
        font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 7px;
}
.title{
display: block;
font-size: 10px;
font-weight: 500;
line-height: 18px;
text-align: center;
margin-top: 1px;
}
.dots{
margin-top: 0px;
}
.af-sct-counter1 .time{
display: flex;
gap: 2px;
}
.af-sct-counter1 span .digit{
background-color: black;
color: #fff;
display: block;
padding: 3px 9px 4px;
font-size: 14px;
line-height:22px;
border-radius: 4px;
}
.adf-countdown-timer-main,
.variation-counter-main{
    width: max-content;
}
.adf-countdown-timer-archive-main{
       width: max-content;
    margin: 10px auto;
}
.adf-countdown-timer-archive-main .af-sct-counter1 span .digit{
padding: 2px 7px 3px;
font-size: 12px;
line-height:20px;   
}
.adf-countdown-timer-archive-main .af-sct-counters-main-child{
    gap: 3px;
}
.adf-countdown-timer-archive-main .adf-counter-heading h3 {
    font-size: 14px;
    line-height: 21px;
}
.adf-countdown-timer-archive-main .counter-template-one{
        padding: 4px 10px 4px;
}
.adf-countdown-timer-archive-main  .title{
   font-size: 9px; 
}
.counter-template-two .af-sct-counters-main-child{
    padding: 10px;
    width: 100%;
    border-radius: 2px;
}
.counter-template-two .af-sct-counters-main-child span.time-card{
    width: 60px;
    padding: 6px 8px;
    text-align: center;
    border-radius: 2px;
}
.af-sct-counter2.counter{
    margin-bottom: 10px;
    border-radius: 4px;
}
.adf-countdown-timer-archive-main .counter-template-two{
    width: 100%;
}
.adf-countdown-timer-archive-main .counter-template-two .af-sct-counters-main-child span.time-card{
    width: auto!important;
}
.upcoming_sale_text{
        font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
    margin: 0 0 6px;
}