PluginProbe
Chartify – WordPress Chart Plugin / 3.1.1
Chartify – WordPress Chart Plugin v3.1.1
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.1.1, at admin/css/chart-builder-banner.css

2,980 lines 86.7 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 /* Christmas banner 2024 start */
2458 div#ays-chart-christmas-top-bundle-dicount-month-main {
2459 border: 0;
2460 background: #FFF;
2461 border-radius: 20px;
2462 box-shadow: unset;
2463 position: relative;
2464 z-index: 1;
2465 min-height: 80px;
2466 }
2467 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info button {
2468 display: flex;
2469 align-items: center;
2470 }
2471
2472 div#ays-chart-christmas-top-bundle-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
2473 outline: none;
2474 box-shadow: 0;
2475 }
2476
2477 div#ays-chart-christmas-top-bundle-dicount-month-main .btn-link {
2478 font-weight: 400;
2479 color: #007bff;
2480 background-color: transparent;
2481 display: inline-block;
2482 font-weight: 400;
2483 text-align: center;
2484 white-space: nowrap;
2485 vertical-align: middle;
2486 -webkit-user-select: none;
2487 -moz-user-select: none;
2488 -ms-user-select: none;
2489 user-select: none;
2490 border: 1px solid transparent;
2491 padding: .375rem .75rem;
2492 font-size: 1rem;
2493 line-height: 1.5;
2494 border-radius: .25rem
2495 }
2496
2497 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info {
2498 background-image: url("../images/ays-chart-popup-banner-christmas-bg-image.svg");
2499 background-position: center right;
2500 background-repeat: no-repeat;
2501 background-size: cover;
2502 background-color: #F6ECE3;
2503 }
2504
2505 #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month {
2506 display: flex;
2507 align-items: center;
2508 justify-content: space-between;
2509 color: #A42F29;
2510 }
2511
2512 #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month img {
2513 width: 80px;
2514 }
2515
2516 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-sale-banner-link {
2517 display: flex;
2518 justify-content: center;
2519 align-items: center;
2520 width: 200px;
2521 }
2522
2523 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
2524 font-size:14px;
2525 padding:12px;
2526 text-align: center;
2527 }
2528
2529 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2530 text-align: left;
2531 width: 30%;
2532 display: flex;
2533 justify-content: space-around;
2534 align-items: flex-start;
2535 text-align: center;
2536 }
2537
2538 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2539 width: 30%;
2540 display: flex;
2541 justify-content: center;
2542 align-items: center;
2543 }
2544
2545 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
2546 width: 20%;
2547 display: flex;
2548 justify-content: center;
2549 align-items: center;
2550 flex-direction: column;
2551 }
2552
2553 #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 {
2554 display: inline-block;
2555 color: #FDFDFD;
2556 font-style: normal;
2557 font-weight: 600;
2558 line-height: normal;
2559 }
2560
2561 #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 {
2562 font-style: normal;
2563 font-weight: 700;
2564 font-size: 32px;
2565 line-height: 39px;
2566 text-align: center;
2567 text-transform: uppercase;
2568 letter-spacing: 0.13em;
2569 color: #A42F29;
2570 }
2571
2572 #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 {
2573 display: inline-block;
2574 font-style: normal;
2575 font-weight: 700;
2576 font-size: 32px;
2577 line-height: normal;
2578 text-align: center;
2579 letter-spacing: 0.13em;
2580 color: #A42F29;
2581 text-transform: uppercase;
2582 }
2583
2584 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row {
2585 box-sizing: border-box;
2586 display: flex;
2587 flex-direction: row;
2588 justify-content: center;
2589 align-items: center;
2590 padding: 10px;
2591 font-size: 22px;
2592 background: #FCFAF8;
2593 border: 2px dotted #A42F29;
2594 border-radius: 25px;
2595 margin-bottom: 5px;
2596 font-weight: 700;
2597 }
2598
2599 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-text-row {
2600 font-weight: 500;
2601 }
2602
2603
2604 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
2605 font-size: 17px;
2606 font-weight: bold;
2607 letter-spacing: 0.80px;
2608 }
2609
2610 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-color {
2611 color: #971821;
2612 }
2613
2614 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
2615 text-decoration: underline;
2616 }
2617
2618 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2619 display: flex;
2620 justify-content: flex-end;
2621 align-items: center;
2622 }
2623
2624 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2625 width: 30%;
2626 }
2627
2628 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
2629 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2630 align-items: center;
2631 font-weight: 500;
2632 }
2633
2634 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2635 background: #971821;
2636 border-color: #fff;
2637 display: flex;
2638 justify-content: center;
2639 align-items: center;
2640 padding: 5px 15px;
2641 font-size: 16px;
2642 border-radius: 5px;
2643 }
2644
2645 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
2646 background: #7d161d;
2647 border-color: #971821;
2648 }
2649
2650 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content{
2651 display: flex;
2652 justify-content: center;
2653 }
2654
2655 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
2656 margin: 0 !important;
2657 font-size: 13px;
2658 font-size: 13px;
2659 color: #A42F29;
2660 }
2661
2662 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
2663 width: 19%;
2664 }
2665
2666 #ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button {
2667 padding: 40px 15px;
2668 display: flex;
2669 justify-content: center;
2670 align-items: center;
2671 opacity: 0;
2672 }
2673
2674 #ays-chart-countdown-main-container .ays-chart-countdown-container {
2675 margin: 0 auto;
2676 text-align: center;
2677 font-weight: 500;
2678 }
2679
2680 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2681 font-weight: normal;
2682 letter-spacing: .125rem;
2683 text-transform: uppercase;
2684 font-weight: bolder;
2685 font-size: 18px;
2686 font-weight: 400;
2687 margin: 0;
2688 padding: 9px 0 4px 0;
2689 line-height: 1.3;
2690 }
2691 #ays-chart-countdown-main-container li,
2692 #ays-chart-countdown-main-container ul {
2693 margin: 0;
2694 }
2695
2696 #ays-chart-countdown-main-container li {
2697 display: inline-block;
2698 font-size: 14px;
2699 list-style-type: none;
2700 padding: 14px;
2701 text-transform: lowercase;
2702 }
2703
2704 #ays-chart-countdown-main-container li span {
2705 display: flex;
2706 justify-content: center;
2707 align-items: center;
2708 font-size: 30px;
2709 min-height: 50px;
2710 min-width: 50px;
2711 background: #FFFFFF;
2712 border: 1px solid #A42F29;
2713 border-radius: 4px;
2714 box-shadow: 0px 1px 1px #A42F29;
2715 }
2716
2717 #ays-chart-countdown-main-container .emoji {
2718 display: none;
2719 padding: 1rem;
2720 }
2721
2722 #ays-chart-countdown-main-container .emoji span {
2723 font-size: 30px;
2724 padding: 0 .5rem;
2725 }
2726
2727 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li {
2728 position: relative;
2729 }
2730
2731 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
2732 content: ":";
2733 color: #A42F29;
2734 position: absolute;
2735 top: 10px;
2736 right: -5px;
2737 font-size: 40px;
2738
2739 }
2740
2741 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
2742 content: unset;
2743 }
2744
2745 #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now {
2746 display: flex;
2747 align-items: center;
2748 padding: 12px 32px;
2749 color: #FFF;
2750 font-size: 15px;
2751 font-style: normal;
2752 line-height: normal;
2753 margin: 0 !important;
2754 background: #A42F29;
2755 border: 1px solid #A42F29;
2756 box-shadow: 0px 0px 4px #A42F29;
2757 border-radius: 4px;
2758 transition: all 0.3s;
2759 }
2760
2761 #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now:hover {
2762 background-color: #FF7F66;
2763 border: 1px solid #fff;
2764 }
2765
2766 div#ays-chart-christmas-top-bundle-dicount-month-main button.notice-dismiss:before{
2767 color: #A42F29;
2768 content: "\f00d";
2769 font-family: fontawesome;
2770 font-size: 22px;
2771 }
2772
2773 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-guaranteeicon {
2774 width: 30px;
2775 margin-right: 5px;
2776 }
2777
2778 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-one-time-text {
2779 color: #A42F29;
2780 font-size: 12px;
2781 font-style: normal;
2782 font-weight: 600;
2783 line-height: normal;
2784 }
2785
2786
2787 @media all and (max-width: 768px) {
2788 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row {
2789 max-width: 50%;
2790 margin: 0 auto;
2791 }
2792
2793 div#ays-chart-christmas-top-bundle-dicount-month-main {
2794 padding-right: 0;
2795 }
2796 div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month{
2797 display: flex;
2798 align-items: center;
2799 justify-content: space-between;
2800 align-content: center;
2801 flex-wrap: wrap;
2802 flex-direction: column;
2803 padding: 10px 0;
2804 }
2805
2806 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
2807 width: 100% !important;
2808 text-align: center;
2809 }
2810
2811 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2812 font-size: 15px;
2813 font-weight: 600;
2814 }
2815
2816 #ays-chart-countdown-main-container ul {
2817 font-weight: 500;
2818 }
2819
2820 #ays-chart-countdown-main-container li span {
2821 font-size: 35px;
2822 min-height: 57px;
2823 min-width: 55px;
2824 }
2825
2826 div#ays-chart-countdown-main-container li {
2827 padding: 10px;
2828 }
2829
2830 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-none {
2831 display: none !important;
2832 }
2833
2834 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-block {
2835 display: block !important;
2836 margin-top: 5px;
2837 }
2838
2839 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2840 width: 100% !important;
2841 text-align: center;
2842 flex-direction: column;
2843 margin-top: 20px;
2844 justify-content: center;
2845 align-items: center;
2846 }
2847
2848 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
2849 top: unset;
2850 }
2851
2852 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2853 width: 100%;
2854 display: flex;
2855 justify-content: center;
2856 align-items: center;
2857 }
2858
2859 #ays-chart-christmas-top-bundle-dicount-month-main .ays-button{
2860 margin: 0 auto !important;
2861 }
2862
2863 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice {
2864 background-position: bottom right;
2865 background-repeat: no-repeat;
2866 background-size: cover;
2867 border-radius: 10px;
2868 }
2869
2870 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
2871 padding-left: unset !important;
2872 }
2873
2874 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2875 justify-content: center;
2876 }
2877
2878 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2879 font-size: 14px;
2880 padding: 5px 10px;
2881 }
2882
2883 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button {
2884 display: none;
2885 }
2886
2887 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{
2888 position: static !important;
2889 }
2890
2891 .comparison .product img {
2892 width: 70px;
2893 }
2894
2895 .ays-chart-features-wrap .comparison a.price-buy{
2896 padding: 8px 5px;
2897 font-size: 11px;
2898 }
2899 }
2900
2901 @media screen and (max-width: 1305px) and (min-width: 768px){
2902 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice {
2903 background-position: bottom right;
2904 background-repeat: no-repeat;
2905 background-size: cover;
2906 }
2907
2908 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
2909 font-size: 15px;
2910 }
2911
2912 #ays-chart-countdown-main-container li {
2913 font-size: 11px;
2914 }
2915
2916 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
2917 display: none;
2918 }
2919 }
2920
2921 @media screen and (max-width: 1680px) and (min-width: 1551px){
2922 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2923 width: 29%;
2924 }
2925
2926 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2927 width: 30%;
2928 }
2929 }
2930
2931 @media screen and (max-width: 1550px) and (min-width: 1400px){
2932 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2933 width: 31%;
2934 }
2935
2936 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2937 width: 35%;
2938 }
2939 }
2940
2941 @media screen and (max-width: 1400px) and (min-width: 1200px){
2942 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2943 width: 35%;
2944 }
2945
2946 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2947 width: 40%;
2948 }
2949
2950 div#ays-chart-countdown-main-container li span {
2951 font-size: 30px;
2952 min-height: 50px;
2953 min-width: 50px;
2954 }
2955 }
2956
2957 @media screen and (max-width: 1200px) and (min-width: 769px){
2958 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2959 width: 45%;
2960 }
2961
2962 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2963 width: 35%;
2964 }
2965
2966 div#ays-chart-countdown-main-container li span {
2967 font-size: 30px;
2968 min-height: 50px;
2969 min-width: 50px;
2970 }
2971 }
2972
2973 @media screen and (max-width: 1200px) and (max-width: 1200px){
2974 div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month {
2975 flex-wrap: wrap;
2976 justify-content: space-around;
2977 }
2978 }
2979 /* Christmas banner 2024 end */
2980