JFIFxxC      C  " }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr@media screen and (max-width:600px) { :root .coupon-theme-1,:root .coupon-theme-2{ --h2: normal 600 30px / 1.2 var(--second-font); --h3: normal 600 26px / 1.2 var(--first-font); --h4: normal 600 20px/1.2 var(--first-font); --h5: normal 400 18px/1.2 var(--first-font); } :root .coupon-theme-3 { --h2: normal 600 30px / 1.2 var(--second-font); --h3: normal 600 26px / 1.2 var(--second-font); --h4: normal 400 20px/1.2 var(--second-font); --common-text: normal 400 14px/1.4 var(--first-font); } :root .coupon-theme-4{ --h2: normal 600 30px / 1.2 var(--second-font); --h3: normal 600 26px / 1.2 var(--second-font); --h4: normal 400 20px/1.2 var(--second-font); } :root .coupon-theme-5 { --h2: normal 600 30px / 1.2 var(--second-font); --h3: normal 600 26px / 1.2 var(--second-font); --h4: normal 600 20px/1.2 var(--second-font); } /* coupon theme 1 color css strat */ .coupon-theme-1 .coupon-card-lbl { padding-bottom: 40px; } /* coupon theme 1 color css end */ /* coupon theme 3 color css strat */ .coupon-theme-3 .coupon-card .section-title h3 { font-size: 24px; } /* coupon theme 3 color css end */ /* coupon theme 5 color css strat */ .coupon-theme-5 .coupon-card .section-title h2{ margin-bottom: 30px; } /* coupon theme 5 color css end */ } @media screen and (max-width:575px) { /* coupon theme 1 color css strat */ .coupon-theme-1 .coupon-card-inner { padding: 30px 20px 40px; border-radius: 0 60px 0 0; -webkit-border-radius: 0 60px 0 0; -moz-border-radius: 0 60px 0 0; -ms-border-radius: 0 60px 0 0; -o-border-radius: 0 60px 0 0; } .coupon-theme-1 .coupon-card-lbl span { font-size: 20px; } .coupon-card{ max-width: 100%; } .coupon-theme-1 .coupon-popup-inner,.coupon-theme-2 .coupon-popup-inner,.coupon-theme-3 .coupon-popup-inner,.coupon-theme-4 .coupon-popup-inner, .coupon-theme-5 .coupon-popup-inner{ max-width: calc(100% - 25px); } /* coupon theme 1 color css end */ /* coupon theme 2 color css strat */ .coupon-theme-2 .card-bg-4 { right: -100px; } /* coupon theme 2 color css end */ /* coupon theme 3 color css start */ .coupon-theme-3 .coupon-image .discount-text span{ font-size: 50px; } .coupon-theme-3 .coupon-bg-image{ padding: 45px 0; } .coupon-theme-3 .coupon-popup-title{ margin-bottom: 15px; } .coupon-theme-3 .coupon-popup-content { padding: 0 25px; } .coupon-theme-3 .coupon-code-info span { font-size: 20px; } .coupon-theme-3 .coupon-code-info{ margin-bottom: 25px; } /* coupon theme 3 color css end */ /* coupon theme 4 color css strat */ .coupon-theme-4 .coupon-code-content .acnav-list ul li{ font-size: 13px; } .coupon-theme-4 .coupon-code-content .acnav-list { max-height: 125px; } /* coupon theme 4 color css end */ /* coupon theme 5 color css strat */ .coupon-theme-5 .coupon-image .discount-text span { font-size: 30px; } .coupon-theme-5 .coupon-popup-content { padding: 30px 30px; } /* coupon theme 5 color css end */ } @media screen and (max-width:425px) { /* coupon theme 1 color css strat */ .coupon-theme-1 .coupon-card-content{ padding: 15px; } .coupon-theme-1 .card-offer-lbl span { font-size: 20px; } .coupon-theme-1 .card-offer-lbl { width: 90px; height: 90px; } .coupon-theme-1 .coupon-code-btn { font-size: 16px; padding: 10px 16px; min-width: 136px; } .coupon-theme-1 .coupon-card-inner { padding: 30px 15px 40px; } .coupon-theme-1 .coupon-popup-content { padding: 0px 15px; max-height: calc(500px - 60px); } .coupon-theme-1 .coupon-popup-title .popup-title-btn { font-size: 16px; } .coupon-theme-1 .popup-btn-wrapper .popup-btn { font-size: 14px; min-width: 120px; } .coupon-theme-3 .popup-btn-wrapper .popup-btn{ font-size: 14px; width: 80px; height: 80px; } .coupon-theme-1 .coupon-code-info { padding: 15px; margin-bottom: 10px; } .coupon-theme-1 .coupon-info-iteam { font-size: 14px; } .coupon-theme-1 .coupon-code-content .acnav-label,.coupon-theme-2 .coupon-code-content .acnav-label { font-size: 16px; } .coupon-theme-1 .coupon-code-content .acnav-list ul li,.coupon-theme-2 .coupon-code-content .acnav-list ul li { font-size: 14px; } .coupon-theme-1 .coupon-code-content .acnav-list ul,.coupon-theme-2 .coupon-code-content .acnav-list ul { padding-left: 17px; } .coupon-theme-1 .coupon-card-content .coupon-btn-wrapper, .coupon-theme-1 .coupon-popup-inner .popup-btn-wrapper { margin-top: 15px; padding-top: 15px; } .coupon-popup .common-close { top: 15px; right: 15px; } .coupon-theme-1 .set.coupon-code-content .collapse , .coupon-theme-2 .set.coupon-code-content .collapse{ max-height: 130px; } /* coupon theme 1 color css end */ /* coupon theme 2 color css strat */ .coupon-theme-2 .coupon-card { padding: 15px; } .coupon-theme-2 .coupon-card-inner{ padding: 20px ; } .coupon-theme-2 .card-bg-1{ left: -70px; } .coupon-theme-2 .card-bg-2{ right: -70px; } .coupon-theme-2 .card-bg-3{ left: -70px; } .coupon-theme-2 .card-bg-4 { right: -170px; } .coupon-theme-2 .coupon-popup-content{ padding: 20px 10px; max-height: 485px; } .coupon-theme-2 .coupon-popup-title { max-width: 100%; } .coupon-theme-2 .coupon-code-info{ padding: 15px; } .coupon-theme-2 .coupon-popup-content .coupon-code-content{ padding: 12px 10px; } /* coupon theme 2 color css end */ /* coupon theme 3 color css strat */ .coupon-theme-3 .coupon-card::before, .coupon-theme-3 .coupon-card::after{ width: 50px; height: 180px; } .coupon-theme-3 .coupon-card .section-title h2{ font-size: 25px; margin-bottom: 25px; } .coupon-theme-3 .coupon-card .section-title h3 { font-size: 18px; } .coupon-theme-3 .coupon-image .discount-text h4{ font-size: 14px; } .coupon-theme-3 .coupon-image .discount-text span{ font-size: 36px; } .coupon-theme-3 .coupon-image{ padding-top: 250px; margin-top: 30px; } .coupon-theme-3 .coupon-btn-wrapper .btn{ font-size: 16px; } .coupon-theme-3 .coupon-image .discount-text{ top: 55%; transform: translate(-50% , -55%); -webkit-transform: translate(-50% , -55%); -moz-transform: translate(-50% , -55%); -ms-transform: translate(-50% , -55%); -o-transform: translate(-50% , -55%); } .coupon-theme-3 .coupon-card-inner{ padding: 40px 15px; } .coupon-theme-3 .coupon-popup-content{ padding: 0 15px; } /******* popup css *******/ .coupon-theme-3 .coupon-code-info p{ max-width: 100%; width: auto; padding: 8px 15px; } .coupon-theme-3 .coupon-code-info span{ font-size: 15px; } .coupon-theme-3 .coupon-info-item{ gap: 10px; } .coupon-theme-3 .coupon-code-content .acnav-list ul li,.coupon-theme-5 .coupon-code-content .acnav-list ul li { font-size: 14px; } .coupon-theme-3 .coupon-popup-title h2{ font-size: 22px; } .coupon-theme-3 .coupon-popup-inner .popup-btn-wrapper { margin-top: 20px; } .coupon-theme-3 .coupon-code-info { margin-bottom: 10px; padding: 15px; } .coupon-theme-3 .coupon-popup-content { max-height: 470px; } .coupon-theme-3 .coupon-code-content .acnav-list ul { padding-left: 20px; } /* coupon theme 3 color css end */ /* ============================================= */ /* !!!! Coupon Card 4 css !!!! */ /* ============================================= */ .coupon-theme-4 .coupon-card { padding: 40px 15px; } .coupon-theme-4 .coupon-card-inner .discount .discount-text{ width: 90px; height: 90px; } .coupon-theme-4 .coupon-card-inner .discount .discount-text span{ font-size: 14px; font-weight: 500; } .coupon-theme-4 .coupon-content { padding-top: 25px; } .coupon-theme-4 .coupon-btn-wrapper { padding: 30px 0; } .coupon-theme-4 .coupon-card-inner{ padding: 40px 15px; } .coupon-theme-4 .coupon-code-content .acnav-label, .coupon-theme-4 .coupon-content p { font-size: 14px; } .coupon-theme-4 .coupon-popup-title h2{ font-size: 22px; } .coupon-theme-4 .coupon-btn-wrapper .btn, .coupon-theme-4 .popup-btn-wrapper .popup-btn{ max-width: 100%; width: auto; font-size: 14px; font-weight: 500; } .coupon-theme-4 .coupon-code-info{ padding: 15px; } .coupon-theme-4 .coupon-code-info{ margin-bottom: 25px; } .coupon-theme-4 .coupon-popup-inner .popup-btn-wrapper{ margin-top: 20px; } .coupon-theme-4 .coupon-code-content .set{ padding: 10px; } .coupon-theme-4 .coupon-code-content .acnav-list ul{ padding-left: 15px; } .coupon-theme-4 .coupon-popup-content{ padding: 40px 25px; } /* coupon theme 4 color css end */ .coupon-theme-5 .coupon-card .card-image { padding-top: 60%; } .coupon-theme-5 .coupon-image { max-width: 200px; } .coupon-theme-5 .coupon-btn-wrapper { padding: 30px 0 0; } .coupon-theme-5 .coupon-content .dec { margin-top: 30px; padding: 15px; } .coupon-theme-5 .coupon-image .discount-text span { font-size: 24px; } .coupon-theme-5 .coupon-card .section-title h2 { margin-bottom: 25px; } .coupon-theme-5 .coupon-content { padding: 100px 15px 30px; } .coupon-theme-5 .coupon-popup-content .popup-title-btn, .coupon-theme-5 .coupon-popup-content .coupon-code-info, .coupon-theme-5 .coupon-popup-content .coupon-code-content{ margin-bottom: 20px; } .coupon-theme-5 .coupon-popup-content { padding: 30px 20px; } .coupon-theme-5 .coupon-popup-content .coupon-code-content{ padding: 12px; } .coupon-theme-5 .coupon-popup-content .popup-title-btn{ font-size: 18px; } .coupon-theme-5 .coupon-code-content .acnav-list ul { padding-left: 20px; } .coupon-theme-5 .coupon-code-content .acnav-label{ font-size: 16px; } .coupon-theme-5 .set.coupon-code-content .collapse { max-height: 130px; } .coupon-theme-5 .coupon-popup-content .coupon-info-iteam { font-size: 15px; } .coupon-theme-5 .coupon-btn-wrapper .btn, .coupon-theme-5 .popup-btn-wrapper .btn{ font-size: 16px; } } @media screen and (max-width:380px) { /* coupon theme 2 color css strat */ .coupon-theme-2 .coupon-card-inner{ padding: 15px; border: 4px solid var(--second-color); } .coupon-theme-2 .coupon-card-inner .card-title h2 { text-underline-offset: 10px; margin-bottom: 30px; } .coupon-theme-2 .coupon-card-lbl h4 { font-size:44px; } .coupon-theme-2 .coupon-card-inner h3, .coupon-theme-2 .coupon-card-inner .coupon-card-lbl,.coupon-theme-2 .coupon-btn-wrapper{ margin-bottom: 20px; } .coupon-theme-2 .coupon-btn-wrapper .coupon-code-btn, .coupon-theme-2 .popup-btn-wrapper .popup-btn{ font-size: 14px; } .coupon-theme-2 .coupon-card-lbl .coupon-lbl{ font-size: 16px; letter-spacing: 6px; } .coupon-theme-2 .code-info-wrapper .popup-icon-1 { left: 5%; width: 25px; } .coupon-theme-2 .code-info-wrapper .popup-icon-2 { right: 5%; width: 25px; } .coupon-theme-2 .coupon-code-info .coupon-info-btn span,.coupon-theme-2 .coupon-code-info p{ font-size: 14px; } .coupon-theme-2 .coupon-code-info .coupon-info-btn span{ padding: 10px 14px; } .coupon-theme-2 .popup-title-btn{ font: var(--h4); } /* coupon theme 2 color css end */ /* coupon theme 3 color css strat */ .coupon-theme-3 .coupon-card .section-title { color: var(--white); max-width: 75%; } /* coupon theme 3 color css end */ }