.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;
} .counter1, .counter2, .counter3, .counter4{
margin-bottom: 5px;
} .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;
} .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 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;
}