PluginProbe
Chartify – WordPress Chart Plugin / 3.2.7
Chartify – WordPress Chart Plugin v3.2.7
3.8.0 3.7.9 3.7.8 3.7.7 3.7.6 3.7.5 trunk 1.0.0 3.0.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.0.6 3.0.7 3.0.8 3.0.9 3.1.0 3.1.1 3.1.2 3.1.3 3.1.4 3.1.5 3.1.6 All 83 releases
chart-builder / admin / css / chart-builder-banner.css

chart-builder-banner.css in Chartify – WordPress Chart Plugin 3.2.7, at admin/css/chart-builder-banner.css

2,981 lines 88.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* 30% Sale Emma start */
2 /* div#ays-chart-new-mega-bundle-dicount-month-main-2024 {
3 border: 0;
4 background: #FFF;
5 border-radius: 20px;
6 box-shadow: unset;
7 position: relative;
8 z-index: 1;
9 min-height: 80px;
10 }
11 div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info button {
12 display: flex;
13 align-items: center;
14 }
15
16 div#ays-chart-new-mega-bundle-dicount-month-main-2024 div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
17 outline: none;
18 box-shadow: 0;
19 }
20
21 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .btn-link {
22 font-weight: 400;
23 color: #007bff;
24 background-color: transparent;
25 display: inline-block;
26 font-weight: 400;
27 text-align: center;
28 white-space: nowrap;
29 vertical-align: middle;
30 -webkit-user-select: none;
31 -moz-user-select: none;
32 -ms-user-select: none;
33 user-select: none;
34 border: 1px solid transparent;
35 padding: .375rem .75rem;
36 font-size: 1rem;
37 line-height: 1.5;
38 border-radius: .25rem
39 }
40
41 div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info {
42 background-color: #fff6df;
43 }
44
45 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays_chart_dicount_month {
46 display: flex;
47 align-items: center;
48 justify-content: space-between;
49 color: #fff;
50 }
51
52 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays_chart_dicount_month img {
53 width: 80px;
54 }
55
56 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-sale-banner-link {
57 display: flex;
58 justify-content: center;
59 align-items: center;
60 width: 200px;
61 }
62
63 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box {
64 font-size:14px;
65 padding: 4px;
66 text-align: center;
67 }
68
69 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
70 color: #30499B;
71 }
72
73 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
74 display: flex;
75 justify-content: center;
76 align-items: center;
77 }
78
79 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
80 display: flex;
81 justify-content: center;
82 align-items: center;
83 flex-direction: column;
84 }
85
86 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box span{
87 font-size: 10px;
88 color: #30499B;
89 }
90
91 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts {
92 font-size: 22px;
93 font-weight: bold;
94 letter-spacing: 0.80px;
95 }
96
97 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-color {
98 color: #971821;
99 }
100
101 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-text-decoration {
102 text-decoration: underline;
103 }
104
105 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
106 display: flex;
107 justify-content: flex-end;
108 align-items: center;
109 }
110
111 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-new-mega-bundle-limited-text {
112 background-image: url(../images/icons/rectangle-bundle-2024.png);
113 background-size: cover;
114 width: 102px;
115 display: inline-block;
116 height: auto;
117 background-repeat: no-repeat;
118 }
119
120 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-discount-box-sale-image {
121 background-image: url(../images/30-sale-2024.png);
122 background-size: contain;
123 width: 290px;
124 display: inline-block;
125 height: auto;
126 background-repeat: no-repeat;
127 height: 117px;
128 background-position: center;
129 }
130
131 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
132 width: 30%;
133 }
134
135 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-button,
136 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button {
137 align-items: center;
138 font-weight: 500;
139 }
140
141 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button {
142 background: #971821;
143 border-color: #fff;
144 display: flex;
145 justify-content: center;
146 align-items: center;
147 padding: 5px 15px;
148 font-size: 16px;
149 border-radius: 5px;
150 }
151
152 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
153 background: #7d161d;
154 border-color: #971821;
155 }
156
157 #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-chart-dismiss-buttons-content{
158 display: flex;
159 justify-content: center;
160 }
161
162 #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-chart-dismiss-buttons-content .ays-button{
163 margin: 0 !important;
164 font-size: 13px;
165 font-size: 13px;
166 color: #ffffff;
167
168 }
169
170 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-opacity-box {
171 width: 19%;
172 }
173
174 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-buy-now-opacity-button {
175 padding: 40px 15px;
176 display: flex;
177 justify-content: center;
178 align-items: center;
179 opacity: 0;
180 }
181
182 #ays-chart-countdown-main-container .ays-chart-countdown-container {
183 color:#30499B;
184 margin: 0 auto;
185 text-align: center;
186 }
187
188 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
189 font-weight: normal;
190 letter-spacing: .125rem;
191 text-transform: uppercase;
192 font-weight: bolder;
193
194 font-size: 18px;
195 font-weight: 400;
196 margin: 0;
197 padding: 9px 0 4px 0;
198 line-height: 1.3;
199 }
200 #ays-chart-countdown-main-container li,
201 #ays-chart-countdown-main-container ul {
202 margin: 0;
203 }
204
205 #ays-chart-countdown-main-container li {
206 display: inline-block;
207 font-size: 14px;
208 list-style-type: none;
209 padding: 14px;
210 text-transform: capitalize;
211 text-align: center;
212 margin: auto;
213 }
214
215 #ays-chart-countdown-main-container li span {
216 display: flex;
217 justify-content: center;
218 align-items: center;
219 font-size: 23px;
220 height: 56px;
221 width: 53px;
222 border-radius: 8px;
223 border: 0.534px solid #F4F4F4;
224 background: #30499B;
225 color: #fff;
226 }
227
228 #ays-chart-countdown-main-container .emoji {
229 display: none;
230 padding: 1rem;
231 }
232
233 #ays-chart-countdown-main-container .emoji span {
234 font-size: 30px;
235 padding: 0 .5rem;
236 }
237
238 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li {
239 position: relative;
240 }
241
242 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li span:after {
243 content: ":";
244 color: #30499B;
245 position: absolute;
246 top: 10px;
247 right: -5px;
248 font-size: 40px;
249
250 }
251
252 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
253 content: unset;
254 }
255
256 #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-button-top-buy-now {
257 display: flex;
258 align-items: center;
259 border-radius: 64px;
260 padding: 12px 32px;
261 background: #30499B;
262 color: #FFF;
263 font-size: 12.818px;
264 font-style: normal;
265 font-weight: 800;
266 line-height: normal;
267 }
268
269 #ays-chart-new-mega-bundle-dicount-month-main-2024 .button.ays-button{
270 margin: 0;
271 }
272
273 div#ays-chart-new-mega-bundle-dicount-month-main-2024 button.notice-dismiss:before{
274 color: #30499B;
275 }
276
277 div#ays-chart-new-mega-bundle-dicount-month-main-2024 button.notice-dismiss:before{
278 color: #30499B;
279 content: "\f00d";
280 font-family: fontawesome;
281 font-size: 19px;
282 }
283
284
285 @media all and (max-width: 768px) {
286 div#ays-chart-new-mega-bundle-dicount-month-main-2024 {
287 padding-right: 0;
288 }
289 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays_chart_dicount_month{
290 display: flex;
291 align-items: center;
292 justify-content: space-between;
293 align-content: center;
294 flex-wrap: wrap;
295 flex-direction: column;
296 padding: 10px 0;
297 }
298
299 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box {
300 width: 100%;
301 text-align: center;
302 }
303
304 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
305 font-size: 15px;
306 font-weight: 600;
307 }
308
309 #ays-chart-countdown-main-container ul {
310 font-weight: 500;
311 }
312
313 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
314 width: 100%;
315 text-align: center;
316 }
317
318 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
319 width: 100%;
320 display: flex;
321 justify-content: center;
322 align-items: center;
323 }
324
325 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-button{
326 margin: 0 auto !important;
327 }
328
329 div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info.notice {
330 background-position: center;
331 background-repeat: no-repeat;
332 background-size: cover;
333 }
334
335 #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-chart-dismiss-buttons-content .ays-button {
336 padding-left: unset !important;
337 }
338
339 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
340 justify-content: center;
341 }
342
343 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button {
344 font-size: 14px;
345 padding: 5px 10px;
346 }
347
348 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-buy-now-opacity-button {
349 display: none;
350 }
351
352 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dismiss-buttons-container-for-form{
353 position: static !important;
354 }
355
356 .comparison .product img {
357 width: 70px;
358 }
359
360 .comparison a.price-buy{
361 padding: 5px 10px;
362 font-size: 11px;
363 }
364
365 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts{
366 height: 64px;
367 }
368
369 #ays-chart-countdown-main-container .ays-chart-countdown-container #ays-chart-countdown > ul{
370 display: flex;
371 justify-content: center;
372 align-items: center;
373 }
374
375 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li span:after {
376 top: unset;
377 }
378
379 #ays-chart-countdown-main-container li{
380 font-size: 12px;
381 padding: 12px;
382 }
383
384 #ays-chart-countdown-main-container li span{
385 font-size: 26px;
386 min-height: 50px;
387 min-width: 50px;
388 }
389
390 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box{
391 width: 100%;
392 }
393 }
394
395 @media screen and (max-width: 1305px) and (min-width: 768px){
396 div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info.notice {
397 background-position: bottom right;
398 background-repeat: no-repeat;
399 background-size: cover;
400 }
401
402 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts {
403 font-size: 15px;
404 }
405
406 #ays-chart-countdown-main-container li {
407 font-size: 11px;
408 }
409
410 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-opacity-box {
411 display: none;
412 }
413 }
414
415 @media screen and (max-width: 436px){
416 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts{
417 height: 110px;
418 margin-bottom: 25px;
419 }
420 } */
421 /* 30% Sale Emma end */
422
423
424 /* 20% sale banner start */
425 div#ays-chart-dicount-month-main {
426 border: 0;
427 background: #FFF;
428 border-radius: 20px;
429 box-shadow: unset;
430 position: relative;
431 z-index: 1;
432 min-height: 80px;
433 }
434 div#ays-chart-dicount-month-main.ays_chart_dicount_info button {
435 display: flex;
436 align-items: center;
437 }
438
439 div#ays-chart-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
440 outline: none;
441 box-shadow: 0;
442 }
443
444 div#ays-chart-dicount-month-main .btn-link {
445 font-weight: 400;
446 color: #007bff;
447 background-color: transparent;
448 display: inline-block;
449 font-weight: 400;
450 text-align: center;
451 white-space: nowrap;
452 vertical-align: middle;
453 -webkit-user-select: none;
454 -moz-user-select: none;
455 -ms-user-select: none;
456 user-select: none;
457 border: 1px solid transparent;
458 padding: .375rem .75rem;
459 font-size: 1rem;
460 line-height: 1.5;
461 border-radius: .25rem
462 }
463
464 div#ays-chart-dicount-month-main.ays_chart_dicount_info {
465 background-image: url("../images/chart-builder-banner-background-30.svg");
466 background-position: center right;
467 background-repeat: no-repeat;
468 background-size: cover;
469 }
470
471 #ays-chart-dicount-month-main .ays_chart_dicount_month {
472 display: flex;
473 align-items: center;
474 justify-content: space-between;
475 color: #fff;
476 padding: 12px;
477 }
478
479 #ays-chart-dicount-month-main .ays_chart_dicount_month img {
480 width: 80px;
481 }
482
483 #ays-chart-dicount-month-main .ays-chart-sale-banner-link {
484 display: flex;
485 justify-content: center;
486 align-items: center;
487 width: 200px;
488 }
489
490 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box {
491 font-size:14px;
492 text-align: center;
493 }
494
495 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
496 text-align: left;
497 width: 30%;
498 }
499
500 .ays-chart-dicount-sale-name-discount-box {
501 display: flex;
502 justify-content: flex-start;
503 align-items: center;
504 gap: 5px;
505 }
506
507 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
508 width: 100%;
509 }
510
511 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
512 width: 30%;
513 display: flex;
514 justify-content: center;
515 align-items: center;
516 flex-direction: column;
517 }
518
519 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-new-chart-pro-title {
520 color: #FDFDFD;
521 font-size: 16.8px;
522 font-style: normal;
523 font-weight: 600;
524 line-height: normal;
525 }
526
527 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-new-chart-pro-desc {
528 color: #FFF;
529 font-size: 15px;
530 font-style: normal;
531 font-weight: 400;
532 line-height: normal;
533 }
534
535
536
537 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box strong {
538 font-size: 17px;
539 font-weight: bold;
540 letter-spacing: 0.80px;
541 }
542
543 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-color {
544 color: #971821;
545 }
546
547 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
548 text-decoration: underline;
549 }
550
551 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
552 display: flex;
553 justify-content: flex-end;
554 align-items: center;
555 }
556
557 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
558 width: 30%;
559 }
560
561 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
562 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
563 align-items: center;
564 font-weight: 500;
565 }
566
567 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
568 background: #971821;
569 border-color: #fff;
570 display: flex;
571 justify-content: center;
572 align-items: center;
573 padding: 5px 15px;
574 font-size: 16px;
575 border-radius: 5px;
576 }
577
578 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
579 background: #7d161d;
580 border-color: #971821;
581 }
582
583 #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content{
584 display: flex;
585 justify-content: center;
586 }
587
588 #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
589 margin: 0 !important;
590 font-size: 13px;
591 font-size: 13px;
592 color: #ffffff;
593
594 }
595
596 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
597 width: 19%;
598 }
599
600 #ays-chart-dicount-month-main .ays-buy-now-opacity-button {
601 padding: 40px 15px;
602 display: flex;
603 justify-content: center;
604 align-items: center;
605 opacity: 0;
606 }
607
608 #ays-chart-countdown-main-container .ays-chart-countdown-container {
609 margin: 0 auto;
610 text-align: center;
611 }
612
613 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
614 font-weight: normal;
615 letter-spacing: .125rem;
616 text-transform: uppercase;
617 font-weight: bolder;
618
619 font-size: 18px;
620 font-weight: 400;
621 margin: 0;
622 padding: 9px 0 4px 0;
623 line-height: 1.3;
624 }
625 #ays-chart-countdown-main-container li,
626 #ays-chart-countdown-main-container ul {
627 margin: 0;
628 }
629
630 #ays-chart-countdown-main-container li {
631 display: inline-block;
632 font-size: 14px;
633 list-style-type: none;
634 padding: 14px;
635 text-transform: lowercase;
636 }
637
638 #ays-chart-countdown-main-container li span {
639 display: flex;
640 justify-content: center;
641 align-items: center;
642 font-size: 40px;
643 min-height: 62px;
644 min-width: 62px;
645 border-radius: 4.273px;
646 border: 0.534px solid #F4F4F4;
647 background: #9896ED;
648 }
649
650 #ays-chart-countdown-main-container .emoji {
651 display: none;
652 padding: 1rem;
653 }
654
655 #ays-chart-countdown-main-container .emoji span {
656 font-size: 30px;
657 padding: 0 .5rem;
658 }
659
660 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li {
661 position: relative;
662 }
663
664 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
665 content: ":";
666 color: #fff;
667 position: absolute;
668 top: 10px;
669 right: -5px;
670 font-size: 40px;
671
672 }
673
674 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
675 content: unset;
676 }
677
678 #ays-chart-dicount-month-main #ays-button-top-buy-now {
679 display: flex;
680 align-items: center;
681 border-radius: 6.409px;
682 background: #F66123;
683 padding: 12px 32px;
684 color: #FFF;
685 font-size: 12.818px;
686 font-style: normal;
687 font-weight: 800;
688 line-height: normal;
689 margin: 0 !important;
690 }
691
692 div#ays-chart-dicount-month-main button.notice-dismiss:before{
693 color: #fff;
694 content: "";
695 background-image: url("../images/icons/ays-chart-close-banner.svg");
696 font-size: 22px;
697 font-weight: 700;
698 font-family: sans-serif;
699 }
700
701 #ays-chart-dicount-month-main .ays-chart-new-mega-bundle-guaranteeicon {
702 width: 30px;
703 margin-right: 5px;
704 }
705
706 #ays-chart-dicount-month-main .ays-chart-dicount-one-time-text {
707 color: #FFF;
708 font-size: 12px;
709 font-style: normal;
710 font-weight: 600;
711 line-height: normal;
712 }
713
714
715 @media all and (max-width: 768px) {
716 div#ays-chart-dicount-month-main {
717 padding-right: 0;
718 }
719 div#ays-chart-dicount-month-main .ays_chart_dicount_month{
720 display: flex;
721 align-items: center;
722 justify-content: space-between;
723 align-content: center;
724 flex-wrap: wrap;
725 flex-direction: column;
726 padding: 10px 0;
727 }
728
729 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box {
730 width: 100% !important;
731 text-align: center;
732 }
733
734 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
735 font-size: 15px;
736 font-weight: 600;
737 }
738
739 #ays-chart-countdown-main-container ul {
740 font-weight: 500;
741 }
742
743 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
744 text-align: center;
745 margin-top: 20px;
746 }
747
748 .ays-chart-dicount-sale-name-discount-box {
749 display: block;
750 }
751
752 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
753 top: unset;
754 }
755
756 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
757 width: 100%;
758 }
759
760 #ays-chart-dicount-month-main .ays-button{
761 margin: 0 auto !important;
762 }
763
764 div#ays-chart-dicount-month-main.ays_chart_dicount_info.notice {
765 background-position: bottom right;
766 background-repeat: no-repeat;
767 background-size: cover;
768 }
769
770 #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
771 padding-left: unset !important;
772 }
773
774 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
775 justify-content: center;
776 }
777
778 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
779 font-size: 14px;
780 padding: 5px 10px;
781 }
782
783 div#ays-chart-dicount-month-main .ays-buy-now-opacity-button {
784 display: none;
785 }
786
787 #ays-chart-dicount-month-main .ays-chart-dismiss-buttons-container-for-chart{
788 position: static !important;
789 }
790
791 .comparison .product img {
792 width: 70px;
793 }
794
795 .ays-chart-features-wrap .comparison a.price-buy{
796 padding: 8px 5px;
797 font-size: 11px;
798 }
799 }
800
801 @media screen and (max-width: 1305px) and (min-width: 768px){
802 div#ays-chart-dicount-month-main.ays_chart_dicount_info.notice {
803 background-position: bottom right;
804 background-repeat: no-repeat;
805 background-size: cover;
806 }
807
808 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box strong {
809 font-size: 15px;
810 }
811
812 #ays-chart-countdown-main-container li {
813 font-size: 11px;
814 }
815
816 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
817 display: none;
818 }
819 }
820
821 @media screen and (max-width: 425px){
822 #ays-chart-countdown-main-container li {
823 padding: 14px 8px;
824 }
825
826 #ays-chart-countdown-main-container li span {
827 min-width: 50px;
828 min-height: 50px;
829 font-size: 30px;
830 }
831 }
832 /* 20% sale banner end */
833
834
835 /* Black friday banner start */
836 /* div#ays-chart-dicount-black-friday-month-main * {
837 color: #fff;
838 }
839
840 div#ays-chart-dicount-black-friday-month-main div#ays-chart-dicount-black-friday-month a.ays-chart-sale-banner-link:focus {
841 outline: none;
842 box-shadow: 0;
843 }
844
845 div#ays-chart-dicount-black-friday-month-main .btn-link {
846 font-weight: 400;
847 color: white;
848 background-color: transparent;
849 display: inline-block;
850 font-weight: 400;
851 text-align: center;
852 white-space: nowrap;
853 vertical-align: middle;
854 -webkit-user-select: none;
855 -moz-user-select: none;
856 -ms-user-select: none;
857 user-select: none;
858 border: 1px solid transparent;
859 padding: 0.375rem 0.75rem;
860 font-size: 12px;
861 line-height: 1.5;
862 border-radius: 0.25rem;
863 color: rgba(255, 255, 255, 0.6);
864 }
865
866 div#ays-chart-dicount-black-friday-month-main.ays_chart_dicount_info {
867 background-image: linear-gradient(45deg, #1E101D, #C60AF4);
868 padding: unset;
869 border-left-color: unset;
870 border-left: 0;
871 }
872
873 #ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month {
874 position: relative;
875 background-image: url("../images/black-friday-plugins-background-image.webp");
876 background-position: center right;
877 background-repeat: no-repeat;
878 background-size: 100%;
879 }
880
881 #ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month img {
882 width: 80px;
883 }
884
885 #ays-chart-dicount-black-friday-month-main .ays-chart-sale-banner-link {
886 display: flex;
887 justify-content: center;
888 align-items: center;
889 width: 200px;
890 }
891
892 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-sale {
893 font-style: normal;
894 font-weight: 600;
895 font-size: 24px;
896 text-align: center;
897 color: #B2FF00;
898 text-transform: uppercase;
899 }
900
901 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box {
902 font-size:14px;
903 padding:12px;
904 text-align: center;
905 width: 50%;
906 white-space: nowrap;
907 }
908
909 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box strong {
910 font-size: 17px;
911 font-weight: bold;
912 letter-spacing: 0.80px;
913 }
914
915 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-color {
916 color: #971821;
917 }
918
919 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-text-decoration {
920 text-decoration: underline;
921 }
922
923 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
924 display: flex;
925 justify-content: flex-end;
926 align-items: center;
927 }
928
929 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
930 width: 30%;
931 }
932
933 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-button,
934 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
935 align-items: center;
936 font-weight: 500;
937 }
938
939 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
940 background: #971821;
941 border-color: #fff;
942 display: flex;
943 justify-content: center;
944 align-items: center;
945 padding: 5px 15px;
946 font-size: 16px;
947 border-radius: 5px;
948 }
949
950 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button:hover {
951 background: #7d161d;
952 border-color: #971821;
953 }
954
955 #ays-chart-dicount-black-friday-month-main #ays-chart-dismiss-buttons-content{
956 display: flex;
957 justify-content: center;
958 }
959
960 #ays-chart-dicount-black-friday-month-main #ays-chart-dismiss-buttons-content .ays-button{
961 margin: 0 !important;
962 font-size: 13px;
963 font-size: 13px;
964 color: #969393b0;
965 }
966
967 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-opacity-box {
968 width: 19%;
969 }
970
971 #ays-chart-dicount-black-friday-month-main .ays-buy-now-opacity-button {
972 padding: 40px 15px;
973 display: flex;
974 justify-content: center;
975 align-items: center;
976 opacity: 0;
977 }
978
979 #ays-chart-countdown-main-container .ays-chart-countdown-container {
980 margin: 0 auto;
981 text-align: center;
982 }
983
984 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
985 font-weight: normal;
986 letter-spacing: .125rem;
987 text-transform: uppercase;
988 font-weight: bolder;
989
990 font-size: 18px;
991 font-weight: 400;
992 margin: 0;
993 padding: 9px 0 4px 0;
994 line-height: 1.3;
995 }
996
997 #ays-chart-countdown-main-container li,
998 #ays-chart-countdown-main-container ul {
999 margin: 0;
1000 font-weight: 600;
1001 }
1002
1003 #ays-chart-countdown-main-container li {
1004 display: inline-block;
1005 font-size: 10px;
1006 list-style-type: none;
1007 padding: 10px;
1008 text-transform: uppercase;
1009 }
1010
1011 #ays-chart-countdown-main-container li span {
1012 display: block;
1013 font-size: 22px;
1014 }
1015
1016 #ays-chart-countdown-main-container .emoji {
1017 display: none;
1018 padding: 1rem;
1019 }
1020
1021 #ays-chart-countdown-main-container .emoji span {
1022 font-size: 25px;
1023 padding: 0 .5rem;
1024 }
1025
1026 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1027 display: flex;
1028 justify-content: space-between;
1029 align-items: center;
1030 width: 95%;
1031 margin: auto;
1032 }
1033
1034 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1035 text-align: center;
1036 padding-right: 50px;
1037 font-style: normal;
1038 font-weight: 900;
1039 font-size: 19px;
1040 color: #FFFFFF;
1041 }
1042
1043 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1044 border: none;
1045 outline: none;
1046 padding: 10px 20px;
1047 font-size: 22px;
1048 text-transform: uppercase;
1049 font-weight: bold;
1050 text-decoration: none;
1051 background: linear-gradient(180deg, #DD0BEF 0%, #82008D 100%);
1052 border-radius: 16px;
1053 }
1054
1055 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1056 text-transform: uppercase;
1057 text-shadow: -1.5px 0 #dd0bef, 0 1.5px #dd0bef, 1.5px 0 #dd0bef, 0 -1.5px #dd0bef;
1058 font-weight: 900;
1059 font-style: normal;
1060 font-size: 40px;
1061 line-height: 40px;
1062 color: #FFFFFF;
1063 }
1064
1065 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-text-box {
1066 position: absolute;
1067 width: 25%;
1068 top: 10px;
1069 bottom: 0;
1070 right: 0;
1071 left: 0;
1072 margin: 0 auto;
1073 }
1074
1075 #ays-chart-countdown ul {
1076 padding: 0;
1077 }
1078
1079 @media screen and (max-width: 1400px) and (min-width: 1200px){
1080 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1081 font-size: 15px;
1082 }
1083
1084 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1085 font-size: 27px;
1086 }
1087
1088 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1089 width: 100%;
1090 }
1091
1092 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1093 font-size: 13px;
1094 }
1095
1096 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1097 width: 80% !important;
1098 }
1099 }
1100
1101 @media all and (max-width: 1200px) {
1102 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month{
1103 background: unset;
1104 }
1105
1106 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1107 font-size: 30px;
1108 }
1109
1110 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1111 width: 100%;
1112 }
1113
1114 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1115 font-size: 15px;
1116 }
1117
1118 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1119 width: 80% !important;
1120 }
1121 }
1122
1123 @media all and (max-width: 1200px) and (min-width: 1150px) {
1124
1125 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1126 font-size: 15px;
1127 }
1128
1129 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1130 font-size: 10px;
1131 }
1132 }
1133
1134 @media all and (max-width: 1150px) {
1135 div#ays-chart-countdown-main-container li {
1136 font-size: 8px;
1137 }
1138
1139 div#ays-chart-countdown-main-container li span{
1140 font-size: 20px;
1141 }
1142
1143 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1144 padding: 10px 18px;
1145 font-size: 12px;
1146 }
1147
1148 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1149 width: 80% !important;
1150 }
1151
1152 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1153 flex-direction: column;
1154 }
1155
1156 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month {
1157 padding: 20px;
1158 }
1159
1160 div#ays-chart-dicount-black-friday-month-main {
1161 padding-right: 0;
1162 }
1163 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month{
1164 display: flex;
1165 align-items: center;
1166 justify-content: space-between;
1167 align-content: center;
1168 flex-wrap: wrap;
1169 flex-direction: column;
1170 padding: 10px 0;
1171 }
1172
1173 div#ays-chart-dicount-black-friday-month-main div.ays-chart-dicount-black-friday-wrap-box {
1174 width: 100% !important;
1175 text-align: center;
1176 }
1177
1178 div#ays-chart-dicount-black-friday-month-main #ays-chart-countdown-main-container ul,
1179 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1180 padding: 0;
1181 font-size: 13px;
1182 }
1183
1184 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-sale{
1185 font-size: 15px;
1186 }
1187
1188 div#ays-chart-countdown-main-container li {
1189 font-size: 15px;
1190 }
1191
1192 div#ays-chart-countdown-main-container li span {
1193 font-size: 25px;
1194 }
1195
1196 div#ays-chart-dicount-black-friday-month-main div.ays-chart-dicount-black-friday-wrap-text-box {
1197 position: unset;
1198 }
1199
1200 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1201 font-size: 15px;
1202 font-weight: 600;
1203 }
1204
1205 #ays-chart-countdown-main-container ul {
1206 font-weight: 500;
1207 }
1208
1209 #ays-chart-countdown-main-container li span {
1210 font-size: 20px;
1211 }
1212
1213 #ays-chart-dicount-black-friday-month-main .ays-button{
1214 margin: 0 auto !important;
1215 }
1216
1217 div#ays-chart-dicount-black-friday-month-main.ays_chart_dicount_info.notice {
1218 background-position: bottom right;
1219 background-repeat: no-repeat;
1220 background-size: contain;
1221 display: flex;
1222 justify-content: center;
1223 background-image: linear-gradient(45deg, #1E101D, #C60AF4);
1224 }
1225
1226 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
1227 justify-content: center;
1228 }
1229
1230 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
1231 font-size: 14px;
1232 padding: 5px 10px;
1233 }
1234
1235 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1236 padding: 10px 18px;
1237 font-size: 15px;
1238 }
1239 } */
1240 /* Black friday banner end */
1241
1242
1243 /* Christmas banner start */
1244 /* div#ays-chart-dicount-christmas-month-main * {
1245 color: #fff;
1246 }
1247
1248 div#ays-chart-dicount-christmas-month-main div#ays-chart-dicount-christmas-month a.ays-chart-sale-banner-link:focus {
1249 outline: none;
1250 box-shadow: 0;
1251 }
1252
1253 div#ays-chart-dicount-christmas-month-main .btn-link {
1254 color: white;
1255 background-color: transparent;
1256 display: inline-block;
1257 font-weight: 400;
1258 text-align: center;
1259 white-space: nowrap;
1260 vertical-align: middle;
1261 -webkit-user-select: none;
1262 -moz-user-select: none;
1263 -ms-user-select: none;
1264 user-select: none;
1265 border: 1px solid transparent;
1266 padding: 0.375rem 0.75rem;
1267 font-size: 15px;
1268 font-weight: 500;
1269 line-height: 1.5;
1270 border-radius: 0.25rem;
1271 color: rgba(255, 255, 255, 0.6);
1272 letter-spacing: 1px;
1273 }
1274
1275 div#ays-chart-dicount-christmas-month-main.ays_chart_dicount_info {
1276 background-image: linear-gradient(45deg, #C41824, #C41824);
1277 padding: unset;
1278 border: unset;
1279 }
1280
1281 #ays-chart-dicount-christmas-month-main .ays_chart_dicount_month {
1282 position: relative;
1283 background-image: url(../images/christmas_banner_plugins.webp);
1284 background-position: bottom;
1285 background-repeat: no-repeat;
1286 background-size: cover;
1287 height: 140px;
1288 display: flex;
1289 }
1290
1291 #ays-chart-dicount-christmas-month-main .ays_chart_dicount_month img {
1292 width: 80px;
1293 }
1294
1295 #ays-chart-dicount-christmas-month-main .ays-chart-sale-banner-link {
1296 display: flex;
1297 justify-content: center;
1298 align-items: center;
1299 width: 200px;
1300 }
1301
1302 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-sale {
1303 font-style: normal;
1304 font-weight: 600;
1305 font-size: 24px;
1306 text-align: center;
1307 color: #00D76B;
1308 text-transform: uppercase;
1309 }
1310
1311 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box {
1312 font-size:14px;
1313 padding:12px;
1314 text-align: center;
1315 width: 25%;
1316 white-space: nowrap;
1317 }
1318
1319 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box strong {
1320 font-size: 17px;
1321 font-weight: bold;
1322 letter-spacing: 0.80px;
1323 }
1324
1325 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-color {
1326 color: #971821;
1327 }
1328
1329 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-text-decoration {
1330 text-decoration: underline;
1331 }
1332
1333 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
1334 display: flex;
1335 justify-content: flex-end;
1336 align-items: center;
1337 }
1338
1339 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
1340 width: 30%;
1341 }
1342
1343 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-button,
1344 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
1345 align-items: center;
1346 font-weight: 500;
1347 }
1348
1349 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
1350 background: #971821;
1351 border-color: #fff;
1352 display: flex;
1353 justify-content: center;
1354 align-items: center;
1355 padding: 5px 15px;
1356 font-size: 16px;
1357 border-radius: 5px;
1358 }
1359
1360 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button:hover {
1361 background: #7d161d;
1362 border-color: #971821;
1363 }
1364
1365 #ays-chart-dicount-christmas-month-main #ays-chart-dismiss-buttons-content{
1366 display: flex;
1367 justify-content: center;
1368 }
1369
1370 #ays-chart-dicount-christmas-month-main #ays-chart-dismiss-buttons-content .ays-button{
1371 margin: 0 !important;
1372 font-size: 13px;
1373 font-size: 13px;
1374 color: #969393b0;
1375 }
1376
1377 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-opacity-box {
1378 width: 19%;
1379 }
1380
1381 #ays-chart-dicount-christmas-month-main .ays-buy-now-opacity-button {
1382 padding: 40px 15px;
1383 display: flex;
1384 justify-content: center;
1385 align-items: center;
1386 opacity: 0;
1387 }
1388
1389 #ays-chart-countdown-main-container .ays-chart-countdown-container {
1390 margin: 0 auto;
1391 text-align: center;
1392 }
1393
1394 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1395 font-weight: normal;
1396 letter-spacing: .125rem;
1397 text-transform: uppercase;
1398 font-weight: bolder;
1399
1400 font-size: 18px;
1401 font-weight: 400;
1402 margin: 0;
1403 padding: 9px 0 4px 0;
1404 line-height: 1.3;
1405 }
1406 #ays-chart-countdown-main-container li,
1407 #ays-chart-countdown-main-container ul {
1408 margin: 0;
1409 font-weight: 600;
1410 }
1411
1412 #ays-chart-countdown-main-container li {
1413 display: inline-block;
1414 font-size: 10px;
1415 list-style-type: none;
1416 padding: 10px;
1417 text-transform: uppercase;
1418 }
1419 #ays-chart-countdown-main-container li span {
1420 display: block;
1421 font-size: 22px;
1422 }
1423
1424 #ays-chart-countdown-main-container .emoji {
1425 display: none;
1426 padding: 1rem;
1427 }
1428
1429 #ays-chart-countdown-main-container .emoji span {
1430 font-size: 25px;
1431 padding: 0 .5rem;
1432 }
1433
1434 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1435 display: flex;
1436 justify-content: center;
1437 align-items: center;
1438 width: 95%;
1439 margin: auto;
1440 }
1441
1442 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1443 text-align: center;
1444 padding-right: 50px;
1445 font-style: normal;
1446 font-weight: 900;
1447 font-size: 19px;
1448 color: #FFFFFF;
1449 }
1450
1451 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1452 border: none;
1453 outline: none;
1454 padding: 10px 20px;
1455 font-size: 22px;
1456 text-transform: uppercase;
1457 font-weight: bold;
1458 text-decoration: none;
1459 background: linear-gradient(180deg, #01CD5D 0%, #01946E 100%);
1460 border-radius: 16px;
1461 }
1462
1463 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
1464 text-transform: uppercase;
1465 text-shadow: -1.5px 0 #dd0bef, 0 1.5px #dd0bef, 1.5px 0 #dd0bef, 0 -1.5px #dd0bef;
1466 font-weight: 900;
1467 font-style: normal;
1468 font-size: 40px;
1469 line-height: 40px;
1470 color: #FFFFFF;
1471 }
1472
1473 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-text-box {
1474 position: absolute;
1475 width: 25%;
1476 top: 10px;
1477 bottom: 0;
1478 right: 0;
1479 left: 0;
1480 margin: 0 auto;
1481 }
1482
1483 div#ays-chart-dicount-christmas-month-main button.notice-dismiss:before{
1484 color: #fff;
1485 }
1486
1487 @media screen and (max-width: 1400px) and (min-width: 1200px){
1488 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1489 font-size: 15px;
1490 }
1491
1492 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
1493 font-size: 27px;
1494 }
1495
1496 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1497 width: 100%;
1498 }
1499
1500 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1501 font-size: 13px;
1502 }
1503 }
1504
1505 @media all and (max-width: 1200px) {
1506 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month{
1507 background: unset;
1508 }
1509
1510 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1511 font-size: 25px;
1512 }
1513
1514 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
1515 font-size: 30px;
1516 }
1517
1518 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1519 width: 100%;
1520 }
1521
1522 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1523 font-size: 15px;
1524 }
1525 }
1526
1527 @media all and (max-width: 1200px) and (min-width: 1000px) {
1528
1529 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1530 font-size: 15px;
1531 }
1532
1533 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1534 font-size: 10px;
1535 }
1536 }
1537
1538 @media all and (max-width: 1000px) {
1539 div#ays-chart-countdown-main-container li {
1540 font-size: 8px;
1541 }
1542
1543 div#ays-chart-countdown-main-container li span{
1544 font-size: 20px;
1545 }
1546
1547 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1548 padding: 10px 18px;
1549 font-size: 12px;
1550 }
1551
1552 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box-80{
1553 width: 80% !important;
1554 }
1555 }
1556
1557 @media all and (max-width: 995px) {
1558
1559 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1560 flex-direction: column;
1561 }
1562
1563 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row{
1564 font-size: 23px;
1565 }
1566
1567 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box {
1568 white-space: unset;
1569 }
1570
1571 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month {
1572 padding: 20px;
1573 }
1574
1575 div#ays-chart-dicount-christmas-month-main {
1576 padding-right: 0;
1577 }
1578 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month{
1579 display: flex;
1580 align-items: center;
1581 justify-content: space-between;
1582 align-content: center;
1583 flex-wrap: wrap;
1584 flex-direction: column;
1585 padding: 10px 0;
1586 height: unset;
1587 }
1588
1589 div#ays-chart-dicount-christmas-month-main div.ays-chart-dicount-christmas-wrap-box {
1590 width: 100% !important;
1591 text-align: center;
1592 }
1593
1594 div#ays-chart-dicount-christmas-month-main #ays-chart-countdown-main-container ul,
1595 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1596 padding: 0;
1597 }
1598
1599 div#ays-chart-countdown-main-container li {
1600 font-size: 15px;
1601 }
1602
1603 div#ays-chart-countdown-main-container li span {
1604 font-size: 25px;
1605 }
1606
1607 div#ays-chart-dicount-christmas-month-main div.ays-chart-dicount-christmas-wrap-text-box {
1608 position: unset;
1609 }
1610
1611 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1612 font-size: 15px;
1613 font-weight: 600;
1614 }
1615
1616 #ays-chart-countdown-main-container ul {
1617 font-weight: 500;
1618 }
1619
1620 #ays-chart-countdown-main-container li span {
1621 font-size: 20px;
1622 }
1623
1624 #ays-chart-dicount-christmas-month-main .ays-button{
1625 margin: 0 auto !important;
1626 }
1627
1628 div#ays-chart-dicount-christmas-month-main.ays_chart_dicount_info.notice {
1629 background-position: bottom right;
1630 background-repeat: no-repeat;
1631 background-size: contain;
1632 display: flex;
1633 justify-content: center;
1634 }
1635
1636 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
1637 justify-content: center;
1638 }
1639
1640 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
1641 font-size: 14px;
1642 padding: 5px 10px;
1643 }
1644
1645 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1646 padding: 10px 18px;
1647 font-size: 15px;
1648 }
1649 } */
1650 /* Christmas banner end */
1651
1652
1653 /* Helloween banner start */
1654 /* #ays-chart-dicount-month-main-helloween{
1655 background-image: url(../images/halloween_banner_plugins.png);
1656 height: 222px;
1657 background-repeat: no-repeat;
1658 background-position: center left;
1659 background-size: cover;
1660 border-radius: 7px;
1661 display: flex;
1662 align-items: center;
1663 justify-content: space-around;
1664 }
1665
1666 #ays-chart-dicount-month-main-helloween.notice-success,
1667 #ays-chart-dicount-month-main-helloween.notice-success{
1668 border-left: unset;
1669 }
1670
1671 div.ays-chart-helloween-bundle-buy-now-timer{
1672 display: flex;
1673 align-items: center;
1674 justify-content: center;
1675 }
1676
1677 div#ays-chart-dicount-month-helloween {
1678 display: flex;
1679 align-items: center;
1680 justify-content: space-between;
1681 height: 170px;
1682 width: 65%;
1683 max-width: 100%;
1684 }
1685
1686 .ays-chart-countdown-main-container-helloween #ays-chart-countdown {
1687 font-weight: 600;
1688 }
1689
1690 .ays-chart-countdown-main-container-helloween ul {
1691 margin: 0;
1692 }
1693
1694 .ays-chart-countdown-main-container-helloween li {
1695 display: inline-block;
1696 font-size: 14px;
1697 list-style-type: none;
1698 text-transform: uppercase;
1699 color: #fff;
1700 margin-left: 7px;
1701 }
1702
1703 .ays-chart-countdown-main-container-helloween li span:first-child {
1704 display: block;
1705 font-size: 40px;
1706 line-height: 1.4em;
1707 text-align: center;
1708 }
1709 .ays-chart-countdown-main-container-helloween li > p > span:nth-child(2){
1710 margin-left: 7px;
1711 }
1712 .ays-chart-countdown-main-container-helloween .emoji {
1713 display: none;
1714 padding: 1rem;
1715 }
1716
1717 .ays-chart-countdown-main-container-helloween .emoji span {
1718 font-size: 50px;
1719 padding: 0 .5rem;
1720 }
1721
1722 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
1723 background-image: linear-gradient(#7fc700, #409901);
1724 border: none;
1725 outline: none;
1726 padding: 8px 40px;
1727 font-size: 25px;
1728 text-transform: uppercase;
1729 font-weight: bold;
1730 border-radius: 25px;
1731 }
1732
1733 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween {
1734 color: #d7a5da;
1735 font-size: 13px;
1736 font-weight: bold;
1737 }
1738
1739 .ays-chart-dicount-wrap-box-helloween-limited {
1740 color: #fff;
1741 }
1742
1743 .ays-chart-dicount-wrap-box-helloween-limited > p {
1744 font-size: 18px;
1745 font-weight: 700;
1746 padding: 0;
1747 margin: 0;
1748 }
1749
1750 #ays-chart-dicount-month-main-helloween button.notice-dismiss{
1751 background-color: #720092;
1752 border-radius: 50%;
1753 margin: 7px;
1754 }
1755 #ays-chart-dicount-month-main-helloween button.notice-dismiss:before{
1756 content: "\X";
1757 color: #fff;
1758 font-size: 18px;
1759 font-weight: 700;
1760 font-family: sans-serif;
1761 }
1762
1763 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween:focus,
1764 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween:active {
1765 outline: unset;
1766 border: unset;
1767 box-shadow: none;
1768 }
1769
1770 .ays-chart-dicount-wrap-box-helloween-timer{
1771 margin-right: 25px;
1772 }
1773
1774 @media screen and (max-width: 760px){
1775 #ays-chart-dicount-month-main-helloween{
1776 background-color: #720092;
1777 background-image: unset;
1778 height: 350px;
1779 }
1780
1781 div#ays-chart-dicount-month-helloween{
1782 flex-direction: column;
1783 width: 83%;
1784 max-width: 100%;
1785 justify-content: center;
1786 align-items: center;
1787 margin-left: 25px;
1788 }
1789
1790 div.ays-chart-helloween-bundle-buy-now-timer{
1791 flex-direction: column;
1792 }
1793 .ays-chart-helloween-bundle{
1794 display: inherit !important;
1795 }
1796
1797 .ays-chart-dicount-wrap-box-helloween-limited > p{
1798 font-size: 16px;
1799 line-height: unset;
1800 text-align: center;
1801 }
1802
1803 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
1804 font-weight: normal;
1805 }
1806
1807 div.ays-chart-countdown-main-container-helloween ul {
1808 display: flex;
1809 flex-wrap: nowrap;
1810 }
1811
1812 .ays-chart-countdown-main-container-helloween li{
1813 padding: 0;
1814 margin-left: 5px;
1815 text-align: center;
1816 }
1817
1818 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
1819 padding: 0px 40px;
1820 font-size: 16px;
1821 border-radius: 16px;
1822 }
1823
1824 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween{
1825 font-size: 14px;
1826 }
1827
1828 div.ays-chart-dismiss-buttons-container-for-form-helloween{
1829 position: absolute;
1830 left: 50% !important;
1831 transform: translate(-50%, -50%);
1832 bottom: 0 !important;
1833 right: unset !important;
1834 }
1835
1836 .ays-chart-countdown-main-container-helloween li span{
1837 font-size: 18px !important;
1838 }
1839
1840 .ays-chart-countdown-main-container-helloween li p{
1841 margin: 0 !important;
1842 padding: 0 !important;
1843 }
1844
1845 }
1846
1847 @media screen and (max-width: 1400px) {
1848 div#ays-chart-dicount-month-helloween{
1849 width: 100%;
1850 max-width: 100%;
1851 justify-content: center;
1852 align-items: center;
1853 margin-left: 25px;
1854 }
1855
1856 .ays-chart-helloween-bundle{
1857 display: inherit !important;
1858 }
1859
1860 .ays-chart-dicount-wrap-box-helloween-limited > p{
1861 font-size: 16px;
1862 line-height: unset;
1863 text-align: center;
1864 }
1865
1866 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
1867 font-weight: normal;
1868 }
1869
1870 .ays-chart-countdown-main-container-helloween li{
1871 padding: 0;
1872 margin-left: 5px;
1873 text-align: center;
1874 }
1875
1876 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
1877 padding: 0px 40px;
1878 font-size: 16px;
1879 border-radius: 16px;
1880 }
1881
1882 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween{
1883 font-size: 11px;
1884 }
1885
1886 div.ays-chart-dicount-wrap-box-helloween-timer{
1887 margin: 10px 17px !important;
1888 }
1889
1890 .ays-chart-countdown-main-container-helloween li span:first-child{
1891 font-size: 25px;
1892 }
1893 }
1894 @media screen and (max-width: 1700px) {
1895 div#ays-chart-dicount-month-helloween{
1896 width: 100%;
1897 max-width: 100%;
1898 justify-content: center;
1899 align-items: center;
1900 margin-left: 25px;
1901 }
1902
1903 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
1904 font-weight: normal;
1905 }
1906
1907 .ays-chart-countdown-main-container-helloween li{
1908 padding: 0;
1909 margin-left: 5px;
1910 text-align: center;
1911 }
1912
1913 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
1914 font-size: 18px;
1915 border-radius: 16px;
1916 }
1917
1918 div.ays-chart-dicount-wrap-box-helloween-timer{
1919 margin: 0 50px;
1920 }
1921 }
1922
1923 @media screen and (max-width: 520px){
1924 #ays-chart-dicount-month-main-helloween{
1925 height: 450px;
1926 }
1927 } */
1928 /* Helloween banner end */
1929
1930
1931 /* Black friday banner 2024 start */
1932 /* div#ays-chart-black-friday-bundle-dicount-month-main {
1933 border: 0;
1934 background: #FFF;
1935 border-radius: 20px;
1936 box-shadow: unset;
1937 position: relative;
1938 z-index: 1;
1939 min-height: 80px;
1940 }
1941 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info button {
1942 display: flex;
1943 align-items: center;
1944 }
1945
1946 div#ays-chart-black-friday-bundle-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
1947 outline: none;
1948 box-shadow: 0;
1949 }
1950
1951 div#ays-chart-black-friday-bundle-dicount-month-main .btn-link {
1952 font-weight: 400;
1953 color: #007bff;
1954 background-color: transparent;
1955 display: inline-block;
1956 font-weight: 400;
1957 text-align: center;
1958 white-space: nowrap;
1959 vertical-align: middle;
1960 -webkit-user-select: none;
1961 -moz-user-select: none;
1962 -ms-user-select: none;
1963 user-select: none;
1964 border: 1px solid transparent;
1965 padding: .375rem .75rem;
1966 font-size: 1rem;
1967 line-height: 1.5;
1968 border-radius: .25rem
1969 }
1970
1971 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info {
1972 background-image: url("../images/ays-chart-popup-banner-black-friday-bg-image.svg");
1973 background-position: center right;
1974 background-repeat: no-repeat;
1975 background-size: cover;
1976 background-color: #161616;
1977 }
1978
1979 #ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month {
1980 display: flex;
1981 align-items: center;
1982 justify-content: space-between;
1983 color: #fff;
1984 }
1985
1986 #ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month img {
1987 width: 80px;
1988 }
1989
1990 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-sale-banner-link {
1991 display: flex;
1992 justify-content: center;
1993 align-items: center;
1994 width: 200px;
1995 }
1996
1997 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
1998 font-size:14px;
1999 padding:12px;
2000 text-align: center;
2001 }
2002
2003 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2004 text-align: left;
2005 width: 30%;
2006 display: flex;
2007 justify-content: space-around;
2008 align-items: flex-start;
2009 text-align: center;
2010 }
2011
2012 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2013 width: 30%;
2014 display: flex;
2015 justify-content: center;
2016 align-items: center;
2017 }
2018
2019 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
2020 width: 20%;
2021 display: flex;
2022 justify-content: center;
2023 align-items: center;
2024 flex-direction: column;
2025 }
2026
2027 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-black-friday-bundle-title {
2028 display: inline-block;
2029 color: #FDFDFD;
2030 font-style: normal;
2031 font-weight: 600;
2032 line-height: normal;
2033 }
2034
2035 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-black-friday-bundle-title .ays-chart-black-friday-bundle-title-link {
2036 font-style: normal;
2037 font-weight: 700;
2038 font-size: 32px;
2039 line-height: 39px;
2040 text-align: center;
2041 text-transform: uppercase;
2042 letter-spacing: 0.13em;
2043 color: #161616;
2044 text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
2045 }
2046
2047 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-black-friday-bundle-desc {
2048 display: inline-block;
2049 font-style: normal;
2050 font-weight: 700;
2051 font-size: 32px;
2052 line-height: normal;
2053 text-align: center;
2054 letter-spacing: 0.13em;
2055 color: #161616;
2056 text-shadow: -1px 1px 0 #FF7F66, 1px 1px 0 #FF7F66, 1px -1px 0 #FF7F66, -1px -1px 0 #FF7F66;
2057 }
2058
2059 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-coupon-row {
2060 box-sizing: border-box;
2061 display: flex;
2062 flex-direction: row;
2063 justify-content: center;
2064 align-items: center;
2065 padding: 10px;
2066 font-size: 20px;
2067 background: #161616;
2068 border: 2px dotted #FF7F66;
2069 border-radius: 25px;
2070 margin-bottom: 5px;
2071 }
2072
2073
2074
2075 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
2076 font-size: 17px;
2077 font-weight: bold;
2078 letter-spacing: 0.80px;
2079 }
2080
2081 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-color {
2082 color: #971821;
2083 }
2084
2085 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
2086 text-decoration: underline;
2087 }
2088
2089 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2090 display: flex;
2091 justify-content: flex-end;
2092 align-items: center;
2093 }
2094
2095 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2096 width: 30%;
2097 }
2098
2099 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
2100 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2101 align-items: center;
2102 font-weight: 500;
2103 }
2104
2105 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2106 background: #971821;
2107 border-color: #fff;
2108 display: flex;
2109 justify-content: center;
2110 align-items: center;
2111 padding: 5px 15px;
2112 font-size: 16px;
2113 border-radius: 5px;
2114 }
2115
2116 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
2117 background: #7d161d;
2118 border-color: #971821;
2119 }
2120
2121 #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content{
2122 display: flex;
2123 justify-content: center;
2124 }
2125
2126 #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
2127 margin: 0 !important;
2128 font-size: 13px;
2129 font-size: 13px;
2130 color: #ffffff;
2131
2132 }
2133
2134 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
2135 width: 19%;
2136 }
2137
2138 #ays-chart-black-friday-bundle-dicount-month-main .ays-buy-now-opacity-button {
2139 padding: 40px 15px;
2140 display: flex;
2141 justify-content: center;
2142 align-items: center;
2143 opacity: 0;
2144 }
2145
2146 #ays-chart-countdown-main-container .ays-chart-countdown-container {
2147 margin: 0 auto;
2148 text-align: center;
2149 }
2150
2151 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2152 font-weight: normal;
2153 letter-spacing: .125rem;
2154 text-transform: uppercase;
2155 font-weight: bolder;
2156 font-size: 18px;
2157 font-weight: 400;
2158 margin: 0;
2159 padding: 9px 0 4px 0;
2160 line-height: 1.3;
2161 }
2162 #ays-chart-countdown-main-container li,
2163 #ays-chart-countdown-main-container ul {
2164 margin: 0;
2165 }
2166 #ays-chart-countdown-main-container ul {
2167 padding-left: 0;
2168 }
2169
2170 #ays-chart-countdown-main-container li {
2171 display: inline-block;
2172 font-size: 14px;
2173 list-style-type: none;
2174 padding: 14px;
2175 text-transform: lowercase;
2176 }
2177
2178 #ays-chart-countdown-main-container li span {
2179 display: flex;
2180 justify-content: center;
2181 align-items: center;
2182 font-size: 30px;
2183 min-height: 50px;
2184 min-width: 50px;
2185 background: rgba(255, 255, 255, 0.05);
2186 border: 1px solid #FF7F66;
2187 border-radius: 4px;
2188 box-shadow: 0px 1px 1px #FF7F66;
2189 }
2190
2191 #ays-chart-countdown-main-container .emoji {
2192 display: none;
2193 padding: 1rem;
2194 }
2195
2196 #ays-chart-countdown-main-container .emoji span {
2197 font-size: 30px;
2198 padding: 0 .5rem;
2199 }
2200
2201 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li {
2202 position: relative;
2203 }
2204
2205 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
2206 content: ":";
2207 color: #fff;
2208 position: absolute;
2209 top: 10px;
2210 right: -5px;
2211 font-size: 40px;
2212
2213 }
2214
2215 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
2216 content: unset;
2217 }
2218
2219 #ays-chart-black-friday-bundle-dicount-month-main #ays-button-top-buy-now {
2220 display: flex;
2221 align-items: center;
2222 padding: 12px 32px;
2223 color: #FFF;
2224 font-size:15px;
2225 font-style: normal;
2226 line-height: normal;
2227 margin: 0 !important;
2228 background: rgba(255, 255, 255, 0.1);
2229 border: 1px solid #FF7F66;
2230 box-shadow: 0px 0px 4px #FF7F66;
2231 border-radius: 4px;
2232 transition: all 0.3s;
2233 }
2234
2235 #ays-chart-black-friday-bundle-dicount-month-main #ays-button-top-buy-now:hover {
2236 background-color: #FF7F66;
2237 border: 1px solid #fff;
2238 }
2239
2240 div#ays-chart-black-friday-bundle-dicount-month-main button.notice-dismiss:before{
2241 color: #fff;
2242 content: "\f00d";
2243 font-family: fontawesome;
2244 font-size: 22px;
2245 }
2246
2247 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-guaranteeicon {
2248 width: 30px;
2249 margin-right: 5px;
2250 }
2251
2252 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-one-time-text {
2253 color: #FFF;
2254 font-size: 12px;
2255 font-style: normal;
2256 font-weight: 600;
2257 line-height: normal;
2258 }
2259
2260 #ays-chart-dicount-month a:link,
2261 #ays-chart-dicount-month a:visited {
2262 text-decoration: none;
2263 }
2264
2265 #ays-chart-dicount-month a:hover,
2266 #ays-chart-dicount-month a:active {
2267 text-decoration: underline;
2268 }
2269
2270 @media all and (max-width: 768px) {
2271 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-coupon-row {
2272 max-width: 50%;
2273 margin: 0 auto;
2274 }
2275
2276 div#ays-chart-black-friday-bundle-dicount-month-main {
2277 padding-right: 0;
2278 }
2279 div#ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month{
2280 display: flex;
2281 align-items: center;
2282 justify-content: space-between;
2283 align-content: center;
2284 flex-wrap: wrap;
2285 flex-direction: column;
2286 padding: 10px 0;
2287 }
2288
2289 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
2290 width: 100% !important;
2291 text-align: center;
2292 }
2293
2294 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2295 font-size: 15px;
2296 font-weight: 600;
2297 }
2298
2299 #ays-chart-countdown-main-container ul {
2300 font-weight: 500;
2301 }
2302
2303 #ays-chart-countdown-main-container li span {
2304 font-size: 35px;
2305 min-height: 57px;
2306 min-width: 55px;
2307 }
2308
2309 div#ays-chart-countdown-main-container li {
2310 padding: 10px;
2311 }
2312
2313 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-mobile-image-display-none {
2314 display: none !important;
2315 }
2316
2317 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-mobile-image-display-block {
2318 display: block !important;
2319 margin-top: 5px;
2320 }
2321
2322 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2323 width: 100% !important;
2324 text-align: center;
2325 flex-direction: column;
2326 margin-top: 20px;
2327 justify-content: center;
2328 align-items: center;
2329 }
2330
2331 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
2332 top: unset;
2333 }
2334
2335 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2336 width: 100%;
2337 display: flex;
2338 justify-content: center;
2339 align-items: center;
2340 }
2341
2342 #ays-chart-black-friday-bundle-dicount-month-main .ays-button{
2343 margin: 0 auto !important;
2344 }
2345
2346 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info.notice {
2347 background-position: bottom right;
2348 background-repeat: no-repeat;
2349 background-size: cover;
2350 border-radius: 10px;
2351 }
2352
2353 #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
2354 padding-left: unset !important;
2355 }
2356
2357 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2358 justify-content: center;
2359 }
2360
2361 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2362 font-size: 14px;
2363 padding: 5px 10px;
2364 }
2365
2366 div#ays-chart-black-friday-bundle-dicount-month-main .ays-buy-now-opacity-button {
2367 display: none;
2368 }
2369
2370 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{
2371 position: static !important;
2372 }
2373
2374 .comparison .product img {
2375 width: 70px;
2376 }
2377
2378 .ays-chart-features-wrap .comparison a.price-buy{
2379 padding: 8px 5px;
2380 font-size: 11px;
2381 }
2382 }
2383
2384 @media screen and (max-width: 1305px) and (min-width: 768px){
2385 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info.notice {
2386 background-position: bottom right;
2387 background-repeat: no-repeat;
2388 background-size: cover;
2389 }
2390
2391 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
2392 font-size: 15px;
2393 }
2394
2395 #ays-chart-countdown-main-container li {
2396 font-size: 11px;
2397 }
2398
2399 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
2400 display: none;
2401 }
2402 }
2403
2404 @media screen and (max-width: 1680px) and (min-width: 1551px){
2405 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2406 width: 29%;
2407 }
2408
2409 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2410 width: 30%;
2411 }
2412 }
2413
2414 @media screen and (max-width: 1550px) and (min-width: 1400px){
2415 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2416 width: 31%;
2417 }
2418
2419 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2420 width: 35%;
2421 }
2422 }
2423
2424 @media screen and (max-width: 1400px) and (min-width: 1200px){
2425 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2426 width: 35%;
2427 }
2428
2429 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2430 width: 40%;
2431 }
2432
2433 div#ays-chart-countdown-main-container li span {
2434 font-size: 30px;
2435 min-height: 50px;
2436 min-width: 50px;
2437 }
2438 }
2439
2440 @media screen and (max-width: 1200px) and (min-width: 769px){
2441 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2442 width: 45%;
2443 }
2444
2445 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2446 width: 35%;
2447 }
2448
2449 div#ays-chart-countdown-main-container li span {
2450 font-size: 30px;
2451 min-height: 50px;
2452 min-width: 50px;
2453 }
2454 } */
2455 /* Black friday banner 2024 end */
2456
2457
2458 /* Christmas banner 2024 start */
2459 /* div#ays-chart-christmas-top-bundle-dicount-month-main {
2460 border: 0;
2461 background: #FFF;
2462 border-radius: 20px;
2463 box-shadow: unset;
2464 position: relative;
2465 z-index: 1;
2466 min-height: 80px;
2467 }
2468 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info button {
2469 display: flex;
2470 align-items: center;
2471 }
2472
2473 div#ays-chart-christmas-top-bundle-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
2474 outline: none;
2475 box-shadow: 0;
2476 }
2477
2478 div#ays-chart-christmas-top-bundle-dicount-month-main .btn-link {
2479 font-weight: 400;
2480 color: #007bff;
2481 background-color: transparent;
2482 display: inline-block;
2483 font-weight: 400;
2484 text-align: center;
2485 white-space: nowrap;
2486 vertical-align: middle;
2487 -webkit-user-select: none;
2488 -moz-user-select: none;
2489 -ms-user-select: none;
2490 user-select: none;
2491 border: 1px solid transparent;
2492 padding: .375rem .75rem;
2493 font-size: 1rem;
2494 line-height: 1.5;
2495 border-radius: .25rem
2496 }
2497
2498 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info {
2499 background-image: url("../images/ays-chart-popup-banner-christmas-bg-image.svg");
2500 background-position: center right;
2501 background-repeat: no-repeat;
2502 background-size: cover;
2503 background-color: #F6ECE3;
2504 }
2505
2506 #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month {
2507 display: flex;
2508 align-items: center;
2509 justify-content: space-between;
2510 color: #A42F29;
2511 }
2512
2513 #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month img {
2514 width: 80px;
2515 }
2516
2517 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-sale-banner-link {
2518 display: flex;
2519 justify-content: center;
2520 align-items: center;
2521 width: 200px;
2522 }
2523
2524 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
2525 font-size:14px;
2526 padding:12px;
2527 text-align: center;
2528 }
2529
2530 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2531 text-align: left;
2532 width: 30%;
2533 display: flex;
2534 justify-content: space-around;
2535 align-items: flex-start;
2536 text-align: center;
2537 }
2538
2539 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2540 width: 30%;
2541 display: flex;
2542 justify-content: center;
2543 align-items: center;
2544 }
2545
2546 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
2547 width: 20%;
2548 display: flex;
2549 justify-content: center;
2550 align-items: center;
2551 flex-direction: column;
2552 }
2553
2554 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-christmas-top-bundle-title {
2555 display: inline-block;
2556 color: #FDFDFD;
2557 font-style: normal;
2558 font-weight: 600;
2559 line-height: normal;
2560 }
2561
2562 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-christmas-top-bundle-title .ays-chart-christmas-top-bundle-title-link {
2563 font-style: normal;
2564 font-weight: 700;
2565 font-size: 32px;
2566 line-height: 39px;
2567 text-align: center;
2568 text-transform: uppercase;
2569 letter-spacing: 0.13em;
2570 color: #A42F29;
2571 }
2572
2573 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-christmas-top-bundle-desc {
2574 display: inline-block;
2575 font-style: normal;
2576 font-weight: 700;
2577 font-size: 32px;
2578 line-height: normal;
2579 text-align: center;
2580 letter-spacing: 0.13em;
2581 color: #A42F29;
2582 text-transform: uppercase;
2583 }
2584
2585 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row {
2586 box-sizing: border-box;
2587 display: flex;
2588 flex-direction: row;
2589 justify-content: center;
2590 align-items: center;
2591 padding: 10px;
2592 font-size: 22px;
2593 background: #FCFAF8;
2594 border: 2px dotted #A42F29;
2595 border-radius: 25px;
2596 margin-bottom: 5px;
2597 font-weight: 700;
2598 }
2599
2600 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-text-row {
2601 font-weight: 500;
2602 }
2603
2604
2605 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
2606 font-size: 17px;
2607 font-weight: bold;
2608 letter-spacing: 0.80px;
2609 }
2610
2611 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-color {
2612 color: #971821;
2613 }
2614
2615 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
2616 text-decoration: underline;
2617 }
2618
2619 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2620 display: flex;
2621 justify-content: flex-end;
2622 align-items: center;
2623 }
2624
2625 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2626 width: 30%;
2627 }
2628
2629 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
2630 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2631 align-items: center;
2632 font-weight: 500;
2633 }
2634
2635 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2636 background: #971821;
2637 border-color: #fff;
2638 display: flex;
2639 justify-content: center;
2640 align-items: center;
2641 padding: 5px 15px;
2642 font-size: 16px;
2643 border-radius: 5px;
2644 }
2645
2646 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
2647 background: #7d161d;
2648 border-color: #971821;
2649 }
2650
2651 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content{
2652 display: flex;
2653 justify-content: center;
2654 }
2655
2656 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
2657 margin: 0 !important;
2658 font-size: 13px;
2659 font-size: 13px;
2660 color: #A42F29;
2661 }
2662
2663 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
2664 width: 19%;
2665 }
2666
2667 #ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button {
2668 padding: 40px 15px;
2669 display: flex;
2670 justify-content: center;
2671 align-items: center;
2672 opacity: 0;
2673 }
2674
2675 #ays-chart-countdown-main-container .ays-chart-countdown-container {
2676 margin: 0 auto;
2677 text-align: center;
2678 font-weight: 500;
2679 }
2680
2681 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2682 font-weight: normal;
2683 letter-spacing: .125rem;
2684 text-transform: uppercase;
2685 font-weight: bolder;
2686 font-size: 18px;
2687 font-weight: 400;
2688 margin: 0;
2689 padding: 9px 0 4px 0;
2690 line-height: 1.3;
2691 }
2692 #ays-chart-countdown-main-container li,
2693 #ays-chart-countdown-main-container ul {
2694 margin: 0;
2695 }
2696
2697 #ays-chart-countdown-main-container li {
2698 display: inline-block;
2699 font-size: 14px;
2700 list-style-type: none;
2701 padding: 14px;
2702 text-transform: lowercase;
2703 }
2704
2705 #ays-chart-countdown-main-container li span {
2706 display: flex;
2707 justify-content: center;
2708 align-items: center;
2709 font-size: 30px;
2710 min-height: 50px;
2711 min-width: 50px;
2712 background: #FFFFFF;
2713 border: 1px solid #A42F29;
2714 border-radius: 4px;
2715 box-shadow: 0px 1px 1px #A42F29;
2716 }
2717
2718 #ays-chart-countdown-main-container .emoji {
2719 display: none;
2720 padding: 1rem;
2721 }
2722
2723 #ays-chart-countdown-main-container .emoji span {
2724 font-size: 30px;
2725 padding: 0 .5rem;
2726 }
2727
2728 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li {
2729 position: relative;
2730 }
2731
2732 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
2733 content: ":";
2734 color: #A42F29;
2735 position: absolute;
2736 top: 10px;
2737 right: -5px;
2738 font-size: 40px;
2739
2740 }
2741
2742 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
2743 content: unset;
2744 }
2745
2746 #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now {
2747 display: flex;
2748 align-items: center;
2749 padding: 12px 32px;
2750 color: #FFF;
2751 font-size: 15px;
2752 font-style: normal;
2753 line-height: normal;
2754 margin: 0 !important;
2755 background: #A42F29;
2756 border: 1px solid #A42F29;
2757 box-shadow: 0px 0px 4px #A42F29;
2758 border-radius: 4px;
2759 transition: all 0.3s;
2760 }
2761
2762 #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now:hover {
2763 background-color: #FF7F66;
2764 border: 1px solid #fff;
2765 }
2766
2767 div#ays-chart-christmas-top-bundle-dicount-month-main button.notice-dismiss:before{
2768 color: #A42F29;
2769 content: "\f00d";
2770 font-family: fontawesome;
2771 font-size: 22px;
2772 }
2773
2774 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-guaranteeicon {
2775 width: 30px;
2776 margin-right: 5px;
2777 }
2778
2779 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-one-time-text {
2780 color: #A42F29;
2781 font-size: 12px;
2782 font-style: normal;
2783 font-weight: 600;
2784 line-height: normal;
2785 }
2786
2787
2788 @media all and (max-width: 768px) {
2789 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row {
2790 max-width: 50%;
2791 margin: 0 auto;
2792 }
2793
2794 div#ays-chart-christmas-top-bundle-dicount-month-main {
2795 padding-right: 0;
2796 }
2797 div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month{
2798 display: flex;
2799 align-items: center;
2800 justify-content: space-between;
2801 align-content: center;
2802 flex-wrap: wrap;
2803 flex-direction: column;
2804 padding: 10px 0;
2805 }
2806
2807 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
2808 width: 100% !important;
2809 text-align: center;
2810 }
2811
2812 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2813 font-size: 15px;
2814 font-weight: 600;
2815 }
2816
2817 #ays-chart-countdown-main-container ul {
2818 font-weight: 500;
2819 }
2820
2821 #ays-chart-countdown-main-container li span {
2822 font-size: 35px;
2823 min-height: 57px;
2824 min-width: 55px;
2825 }
2826
2827 div#ays-chart-countdown-main-container li {
2828 padding: 10px;
2829 }
2830
2831 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-none {
2832 display: none !important;
2833 }
2834
2835 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-block {
2836 display: block !important;
2837 margin-top: 5px;
2838 }
2839
2840 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2841 width: 100% !important;
2842 text-align: center;
2843 flex-direction: column;
2844 margin-top: 20px;
2845 justify-content: center;
2846 align-items: center;
2847 }
2848
2849 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
2850 top: unset;
2851 }
2852
2853 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2854 width: 100%;
2855 display: flex;
2856 justify-content: center;
2857 align-items: center;
2858 }
2859
2860 #ays-chart-christmas-top-bundle-dicount-month-main .ays-button{
2861 margin: 0 auto !important;
2862 }
2863
2864 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice {
2865 background-position: bottom right;
2866 background-repeat: no-repeat;
2867 background-size: cover;
2868 border-radius: 10px;
2869 }
2870
2871 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
2872 padding-left: unset !important;
2873 }
2874
2875 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2876 justify-content: center;
2877 }
2878
2879 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2880 font-size: 14px;
2881 padding: 5px 10px;
2882 }
2883
2884 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button {
2885 display: none;
2886 }
2887
2888 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{
2889 position: static !important;
2890 }
2891
2892 .comparison .product img {
2893 width: 70px;
2894 }
2895
2896 .ays-chart-features-wrap .comparison a.price-buy{
2897 padding: 8px 5px;
2898 font-size: 11px;
2899 }
2900 }
2901
2902 @media screen and (max-width: 1305px) and (min-width: 768px){
2903 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice {
2904 background-position: bottom right;
2905 background-repeat: no-repeat;
2906 background-size: cover;
2907 }
2908
2909 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
2910 font-size: 15px;
2911 }
2912
2913 #ays-chart-countdown-main-container li {
2914 font-size: 11px;
2915 }
2916
2917 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
2918 display: none;
2919 }
2920 }
2921
2922 @media screen and (max-width: 1680px) and (min-width: 1551px){
2923 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2924 width: 29%;
2925 }
2926
2927 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2928 width: 30%;
2929 }
2930 }
2931
2932 @media screen and (max-width: 1550px) and (min-width: 1400px){
2933 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2934 width: 31%;
2935 }
2936
2937 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2938 width: 35%;
2939 }
2940 }
2941
2942 @media screen and (max-width: 1400px) and (min-width: 1200px){
2943 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2944 width: 35%;
2945 }
2946
2947 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2948 width: 40%;
2949 }
2950
2951 div#ays-chart-countdown-main-container li span {
2952 font-size: 30px;
2953 min-height: 50px;
2954 min-width: 50px;
2955 }
2956 }
2957
2958 @media screen and (max-width: 1200px) and (min-width: 769px){
2959 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2960 width: 45%;
2961 }
2962
2963 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2964 width: 35%;
2965 }
2966
2967 div#ays-chart-countdown-main-container li span {
2968 font-size: 30px;
2969 min-height: 50px;
2970 min-width: 50px;
2971 }
2972 }
2973
2974 @media screen and (max-width: 1200px) and (max-width: 1200px){
2975 div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month {
2976 flex-wrap: wrap;
2977 justify-content: space-around;
2978 }
2979 } */
2980 /* Christmas banner 2024 end */
2981