@import url('https://fonts.googleapis.com/css2?family=Anton&family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500&display=swap');

@font-face{ 
    font-family: 'Dimbo'; 
    src: url('../fonts/DimboRegular.eot'); 
    src: url('../fonts/DimboRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DimboRegular.woff2') format('woff2'),
        url('../fonts/DimboRegular.woff') format('woff'),
        url('../fonts/DimboRegular.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
    font-display: swap; 
}
 
 @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




.font1{font-family: 'Poppins', sans-serif;}
.font2{font-family: 'Anton', sans-serif;}
.font3{ font-family: 'Dimbo';}
body{
    background: #232323 url(../images/bg-main.jpg) no-repeat center 100%;
    background-attachment: fixed; 
	background-size: cover;
	font-family: 'Poppins', sans-serif;
	line-height:1.4;
	color:#fff;
}
 
*{ outline: none !important;}
 a{text-decoration:none !important; cursor: pointer;}
.white, .white * {color:#ffffff;}
.black, .black * {color:#232323;}
.yellow, .yellow * {color:#C0D50A;}
.blue, .blue * {color:#7541DC;}
.gray, .gray * {color:#9A9A9A;}
.blue-hover:hover {background: #7541DC;}
.yellow-hover:hover {background: #C0D50A;}
dl, ol, ul {list-style: none;}

.lh-1{line-height:1.05 !important;}
.f-110{font-size:110px;} 
.f-84{font-size:84px;}  
.f-54{font-size:54px;}
.f-48{font-size:48px;}
.f-46{font-size:46px;}
.f-44{font-size:44px;} 
.f-30{font-size:30px;}
.f-28{font-size:28px;}
.f-24{font-size:24px;}
.f-22{font-size:22px;}
.f-18{font-size:18px;}
.f-14{font-size:14px;}
.f-12{font-size:12px;}
.f-10{font-size:10px;}
.fw-100{font-weight:100;} .fw-300{font-weight:300;}.fw-400{font-weight:400;}.fw-500{font-weight:500;}.fw-600{font-weight:600;}.fw-700{font-weight:700;}.fw-800{font-weight:800;}.fw-800{font-weight:900;}
.container{max-width: 1350px;}
.small-container{max-width: 1050px;}
.bg-gray{background-color:#232323}
 

.hero-logo img {max-width: 700px;}
.mco-text {
    margin: 0 0 -70px 0;
}
.bttn {background: #232323;color: #fff !important;padding: 14px 30px;border-radius: 10px;display: inline-block;min-width: 250px;text-align: center;}
.allin-one {background: #e68a8a00 url(../images/box-pattern-01.svg) no-repeat center;background-size: 93%;padding: 28px 58px 26px 58px;}

/*.allin-one {background: #e68a8a no-repeat center; background-size: 93%; padding: 25px;border-radius: 14px;overflow: hidden;} 
.allin-one:before {content: "";height: calc(100% - 40px);width: 30px;background: url(../images/dot.svg);background-size: 33px;background-repeat: repeat-y;display: block;position: absolute;
top: 17px;left: -15px;}*/

img.allin-img {-webkit-filter: drop-shadow(5px 2px 5px rgb(0 0 0 / 40%)); -moz-filter: drop-shadow(5px 2px 5px rgb(0 0 0 / 40%)); filter: drop-shadow(5px 2px 5px rgb(0 0 0 / 40%)); } 
.dollar-note img {max-width: 300px;}  
.cash-iphone img {max-width:375px;}
section.hero-section {background: url(../images/hero-bg02.png) no-repeat;background-position: top center;background-size: cover;}
.banner-texts {padding: 100px 0 0;} 
.banner-texts h2 {margin: 25px 0;font-size: 80px;font-weight: 600;}  
.hero-logo h2 {margin: 20px 0 -35px 0;} .banner-texts img {max-width: 600px;margin:20px 0;} 
.header-nav a {color: #fff;text-transform: uppercase;font-size: 12px;font-weight: 500;letter-spacing: 0.2px;transition: all 0.2s ease; position: relative;}
.header-nav li:not(.buy-voucher) a:hover, .header-nav a.active{color:#C0D50A; } 
.header-nav li {padding: 4px;text-align: right;list-style:none;}
.header-nav {position: fixed;z-index: 99999;right: 40px;top: 50%;transform: translate(0, -50%); transition: all 0.5s ease-in-out;} 
.header-nav li:not(.buy-voucher) a:before {content: "";height: 15px;width: 16px;background: url(../images/nav-hover-arrow.svg) center center no-repeat;opacity: 0;transition: all 0.2s ease;
position: absolute;left: -22px;top: 1px; }
.header-nav li a:hover:before, .header-nav li a.active:before {opacity: 1;left: -20px;}
.menu-toggle {width: 44px;height: 44px;background: rgb(0 0 0 / 80%);display: inline-block;border-radius: 6px;position: fixed; right: 35px;  z-index: 121212;transition: all 0.2s ease-in-out;
top: 35px;padding: 15px 12px;}

body.menu-open {overflow: hidden;}
.menu-toggle i, .menu-toggle i:after, .menu-toggle i:before {height: 2px;width: 100%;background: #fff;display: block;transition: all 0.2s ease-in-out;}
.menu-toggle i:after, .menu-toggle i:before {content: "";width: 100% !important; position: relative;top: 15px;}
.menu-toggle i:after {top: 5px;width: 60% !important;} 
.menu-open .menu-toggle {background: #fff; }
.menu-open .menu-toggle i:after, .menu-open .menu-toggle i:before{background: #000;width: 100% !important;}
.menu-open .menu-toggle i:before {transform: rotate(45deg); top: 6px;}
.menu-open .menu-toggle i:after {transform: rotate(-45deg);top: 4px;} 
.menu-open:before {content: "";height: 100%;width: 100%;background: #000;position: fixed;top: 0;z-index: 1000;} 
.menu-open:before {content: "";height: 100%;width: 100%;background: rgb(0 0 0 / 85%);position: fixed;top: 0;z-index: 1000;}
.menu-open main {-moz-filter: blur(10px); -webkit-filter: blur(10px);filter: blur(10px);}

  
.buy-voucher{margin:15px 0 0 0;}.buy-voucher a {background: #976BEE;border-radius: 6px;padding: 7px 10px;    color: #fff !important;}
.buy-voucher a:hover {background: #a5b706;}
.deserve-kching .title {padding: 70px 0;margin: 225px 0 20px;background: url(../images/k-pattern_01.png) no-repeat center center;background-size: contain;}
.deserve-kching h2 {line-height: 1;} 
.db-content {background: #000000;border-radius: 22px;padding: 50px;height: 100%;}
.db-content h2{line-height:1.2;}
.db-col {padding-right: 10px;padding-left: 10px;margin-bottom: 20px;} 
.deserve-box-row > .row {margin-right: -10px;margin-left: -10px;}
.db-content p span {display: block;}
.mobile-app-img {margin: -20px 0 -50px 0;} 
.kching-voucher .db-content {background: #976BEE url(../images/k-pattern_02.png) no-repeat center right;background-size: contain;}
.kching-voucher .bttn {padding: 17px 30px;}
.the-vouchers-wrap, footer{background:#000;}
.vouchers-info {padding: 75px;} 

.kco-vouchers-row { padding-top: 100px;} 
.the-vouchers-small-container {max-width: 620px;margin: 0 auto;padding: 50px 0 0 0;} 
.vouchers-list1 .vl-col {background: url(../images/box-pattern-02.svg) no-repeat center center;padding: 25px 0;background-size: contain;}
.vouchers-list1 .vl-col img {width: 100px;}
.vouchers-list1 h3 {font-size: 28px;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #c0d50a;} 
.vouchers-list1 .second-row .vl-col {background: url(../images/box-pattern-03.svg) no-repeat center center;padding: 20px 0;background-size: contain;}  
.vouchers-list1 .second-row h3 {color: #000;-webkit-text-stroke-color: #858585;}

 
.app-slider {border-radius: 14px; padding: 50px 50px 0 70px;} 
.apps-item .img {flex: 0 0 35%;max-width: 35%;position: relative;top: 40px;transition: all 0.6s ease; }
.slick-active .apps-item .img {top: 0px;  }
.apps-item .title {flex: 1;}
.slick-arrow {border: 2px solid #976BEE !important;height: 46px;width: 46px;background: #fff;font-size: 0;border-radius: 8px;padding: 0;
background-image: url(../images/slider-arrow-left.svg);background-repeat: no-repeat;background-position: center center;transition: all 0.1s ease-in-out;position: absolute;
bottom: 40px;left: 0;z-index:12;}
.slick-next.slick-arrow{background-image: url(../images/slider-arrow-right.svg);} 
.slick-arrow:hover {background-position: 7px 50%;}
.slick-next.slick-arrow:hover{  background-position: 11px 50%; } 
.app-slider button.slick-next.slick-arrow {left: 70px;}
.apps-item .img img {max-width: 360px;}
.kching-experience {background: url(../images/bg_03.jpg) no-repeat center center;background-size: cover;padding: 100px 0 100px 0;} 
.kx-logo img {max-width: 90px;}
.kex-stors a, .mobile-app-store a {display: inline-block;}
.kex-stors li {flex: 0 0 33%;padding: 0 5px;}

.our-faq {padding: 150px 0;}
.faq-video-box img {border-radius: 12px;}
.faq-video-box .play-bttn {position: absolute;top: calc(50% - 10px);right: 50%;transform: translate(50%, -50%);padding: 12px;border-radius: 6px; z-index: 2;overflow: hidden;}
.faq-video-box .play-bttn img {z-index: 4;} 
.faq-video-box .play-bttn:after {content: '';width: 100px;height: 100px;background: inherit;position: absolute;left: -25px;right: -25px;top: -25px;bottom: -25px;box-shadow: inset 0 0 0 50px rgb(0 0 0 / 38%);filter: blur(10px);}
.video-thumbnail {height: 190px;object-fit: cover;}
.faq-videos {padding: 50px 0; } 
.video-modal .modal-dialog {max-width: 700px;}
.video-modal .modal-header {background: #976bee;}
.modal-header .close {color: #fff;opacity: 1; font-size: 35px;font-weight: 300;line-height: 1;padding: 11px 14px;} 
.our-faq h3 {font-size: 22px;margin: 0;padding: 20px 0;cursor: pointer;font-weight: 500;position: relative;}
.faq-accodian .card-body {padding: 0; font-size: 18px;padding: 0 75px 20px 0;font-weight: 300;}
.faq-accodian {padding: 0 100px;} 
.accordion-card:not(:last-child){border-bottom: 1px solid #6d6d6d;} 
.our-faq h3:after {content: "";height: 8px;width: 8px;border: 2px solid #7541dc;border-width: 0px 0px 2px 2px;display: inline-block;position: absolute;right: 5px;
transform: rotate(-45deg);top: 27px;}
.our-faq h3[aria-expanded="true"]:after {transform: rotate(135deg);}
.modal-backdrop {background-color: rgb(255 255 255 / 95%);}
footer {padding: 50px 15px;letter-spacing: 0.1px;}
.product-by {font-size: 20px;}
.section-scroll {margin-top: 2px;}
.kching-feature-info, .deserve-box-row { padding-top: 175px;}
.deserve-box-row{padding-bottom: 175px; }
 
header.inner-header {
    background: rgb(0 0 0 / 85%);
    padding: 0 15px;
    position: fixed;
    top: 0; 
    width: 100%;
    z-index: 999;
}
.inner-header .container { max-width: 1550px; padding: 18px 0; border-bottom: 1px solid #fff;	}
.inner-header .logo img {	max-width: 115px; }
.back-link:hover { color: #C0D50A;	}
.back-link img { width: 20px; margin-top: -3px;	}
 
.buy-voucher-row {padding: 150px 0 100px;}
.gv-icon li {padding-right: 30px;}
.how-use-voucher .list > li {padding-left: 55px;padding-right: 70px;position: relative;}
.how-use-voucher .list > li .icon {position: absolute;left: 0;}
.how-use-voucher .list > li span:not(.icon) {min-height: 135px;display: inline-block;}
.steps ul li a {font-family: 'Anton', sans-serif;font-size: 18px;pointer-events: none;text-transform: uppercase;color: #C0D50A;font-size: 26px;}
.wizard > .steps > ul > li {margin-right:8px;} 
.wizard > .content {background: #000;border-radius: 18px; margin: 0;min-height: 650px;}
.wizard > .steps > ul > li:not(.first)::before {content: "";height: 22px;width: 22px;background: url(../images/checkbox-circle_02.svg) no-repeat right center;
background-size: 19px;display: inline-block;margin-right: 20px;}
.steps ul li.current ~ li:not(.first):before {background: url(../images/checkbox-circle_01.svg) no-repeat right center;background-size: 19px;}  
.wizard > .content > .body{padding:35px;}
.steps ul li.current ~ li a{color: #9A9A9A;} 
.voucher-choose li {list-style: none;}
.voucher-choose input[type="radio"], .receive-voucher input[type="radio"] {display: none !important;} 
.voucher-choose label {margin: 0;display: flex;align-items: center;justify-content: center;padding: 13px 0;cursor: pointer;background: #232323;border-radius: 6px;border: 3px solid #232323;}
.voucher-choose li span {display: block;margin-bottom: 20px;}
.voucher-choose li {padding-right: 10px;padding-left: 10px;}
.voucher-choose ul {margin-right: -10px;margin-left: -10px;}
.voucher-choose h3 {font-size: 24px;padding-right: 2px;letter-spacing: 0.1px;}	
.voucher-choose label img {width: 85px;}
.voucher-choose input[type="radio"]:checked + label {border-color: #c0d50a;}.wizard > .actions {padding: 0 20px 25px 20px;} .wizard > .actions > ul > li {float: none;flex: 1; text-align:left;}  
.actions a[href="#next"], .actions a[href="#finish"] {text-align: center;background: #976BEE !important;} 
.wizard > .actions a { padding: 18px 20px !important;}.actions li.disabled {opacity: 0;visibility: hidden;}
.wizard > .actions > ul > li {padding: 15px;}
.actions a[href="#next"] i, .actions a[href="#finish"] i, .actions a[href="#previous"] i {background: url(../images/arrow-right-check.svg) no-repeat center center;
background-size: 22px;width: 20px;height: 20px;display: inline-block;vertical-align: sub;margin: 0 5px 0 -5px;} 
.actions a[href="#previous"] i{background: url(../images/back-arrow-yellow02.svg) no-repeat center center;background-size: 22px;}
.field-box input {width: 100%;border: 0 !important;background: transparent;font-size: 16px;color: #fff;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;} 
input::-webkit-inner-spin-button,
input::-webkit-calendar-picker-indicator {display: none;-webkit-appearance: none;}
.field-box {background: #494949;padding: 8px 20px 15px 20px;border-radius: 6px;margin-bottom:20px;}
.field-box label.title {font-size: 12px;text-transform: uppercase;font-weight: 800;color: #9A9A9A;} 
.receive-voucher ul li {list-style: none;padding-right: 10px;padding-left: 10px;}
.receive-voucher ul{margin-right: -10px;margin-left: -10px;}
.receive-voucher span label {background-color: #727271;display: block;padding: 10px; border-radius: 6px;cursor: pointer;}
.receive-voucher span label {background-image: url(../images/checkbox-icon01.svg);background-repeat: no-repeat;background-position: right 10px center;}
.receive-voucher input[type="radio"]:checked + label {background-image: url(../images/checkbox-icon02.svg);background-repeat: no-repeat;background-position: right 10px center;}
.field-box.fillbox.has-focus {background: #232323;box-shadow: 0px 2px 0px 0px #c0d50a;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;}

.actions a.disabled {pointer-events: none;opacity: 1;background: #9a9a9a !important;color: #727272 !important;}
.actions a.disabled i{-webkit-filter: grayscale(100) brightness(0.45);-moz-filter: grayscale(100) brightness(0.45);filter: grayscale(100) brightness(0.45);}  

 
.has-loader .menu-toggle {
    display: none;
}
.loader-logo img {max-width: 525px; margin: -20px 0 -20px 0px;}
.loader-logo-col h2 {
    font-size: 60px;
    margin: 0;
}
.loader-logo-col {
    transform: scale(1.1);
    transition: all 2s ease-in-out; 
    animation: logoZoom 2s ease-in-out alternate;
    position: relative; 
    z-index: 11; 
}
.loader-logo:after { 
    content: "";
    height: 575px;
    width: 575px; 
    border-radius: 100%; 
    background: #000; 
    display: block;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    animation: logoBg 2s ease-in-out alternate;
    transition: all 0.4s ease-in-out;
	z-index:7;
}
.loader-logo:before{
	content: "";
    height: 1000px;
    width: 1000px;
    border-radius: 100%;
	background: url(../images/hero2.png) no-repeat center center; 
    background-size: cover;
    display: block;
    position: absolute;
    right: 50%;
    top: 50%;
	z-index:5; 
    transform: translate(50%, -50%);
    animation: logoBg2 2s ease-in-out alternate;   
    transition: all 0.8s ease-in-out;
}
@keyframes logoBg { 

	0% {  opacity:0.5; transform: translate(50%, -50%) scale(0.4); } 
	100% { opacity:1; transform: translate(50%, -50%) scale(1.0);} 
	
}   

@keyframes logoBg2 { 
  
	0% {  opacity:0; transform: translate(50%, -50%) scale(0.5); } 
	100% { opacity:1; transform: translate(50%, -50%) scale(1.0);} 
	
}   


@keyframes logoZoom {
from{ transform: scale(0.2); } to { transform: scale(1.1);}}  
.loader-logo {position: absolute;z-index: 5555;top: 50%;right: 50%;text-align: center;transform: translate(50%, -50%);transition: all 0.9s ease-in-out;} 
@keyframes mymove {
from {	left: 0; } to { left: -140px; }}  

@keyframes urmove {
from {right: 0;}to {right: -140px;} }  
.loader-text .left {white-space: nowrap; text-transform: uppercase;animation: mymove 5s linear infinite alternate;} 
.loader-text .right {white-space: nowrap; text-transform: uppercase;animation: urmove 5s linear infinite alternate;}
.loader-text p {position: absolute; white-space: nowrap;line-height: 1; -webkit-text-stroke: 0.5px rgb(255 255 255 / 30%);color: transparent;margin: 0;animation-delay: 0s !important; }
.loader-text {
    font-size: 82px;
    font-weight: 500;
    padding: 50px 0; 
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; 
    position: fixed !important;
    background: #252525;
    z-index: 121 !important;
    transition: all 0.6s ease-in-out;
}
 
.has-loader .loader-text:before { 
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    z-index: 12;
    position: absolute;
    top: 0;
    /* animation: gradientbg linear infinite alternate; */
    transition: all 5s ease; 
    background: radial-gradient(circle, rgb(255 255 255 / 7%) 0%, rgb(0 0 0 / 0%) 35%, rgb(0 0 0 / 75%) 100%);
    transform: scale(1.0);
} 
@keyframes gradientbg { 
	0% {
		transform: scale(1.0);  
	}  
	100% { transform: scale(5.5); opacity:0; }
} 
 
body.has-loader {
    background-image: none !important;
}
 
 
     
 
.header-nav { right: -150px;}
body.remove-loader .header-nav {right: 15px !important;}

.remove-loader .loader-text { 
    opacity:0;
}  
.remove-loader .loader {
    position: absolute !important;
    z-index: 999999 !important;
    top: 0;
    right: 0;
    width: 100%;
}
.remove-loader .loader-logo:after{
	transform: translate(50%, -50%) scale(0.0);
} 

.remove-loader .loader-logo:before {
    transform: translate(50%, -50%) scale(2.9);
	opacity:0;
}
.remove-loader .loader-logo {
    top: calc(50% - 250px);
} 
.banner-row {
    padding-top: 700px;
	transition: all 0.9s ease-in-out;
}
.remove-loader .banner-row {
	padding-top: 220px;
} 
body.has-loader { 
    overflow: hidden;
    height: 100vh;
}
.remove-loader-html .loader-text, .remove-loader-html .loader-logo:before, .remove-loader-html .loader-logo:after, .remove-loader-html .loader:before{
display:none !important;	
}
.remove-loader-html .loader{
	z-index: -1212 !important; 
} 












 

.mfp-bg {background: #6a6a6a;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {opacity: 1;}




 
/* MEDIA CSS START */
 

@media(min-width:769px){

	.kco-vouchers-row .callout02 {	margin: -70px 0 110px 0; } 
	.kco-vouchers-row {	padding-top: 100px;	}

}

@media(min-width:1250px){
	
	.kco-vouchers-row li p {font-size: 17px;} 
	
}


@media(max-width:1650px){
	
	/* .header-nav {right: 10px;} */
	
}

@media(max-width:1400px){
	
	.dollar-note img {max-width: 200px;margin: 0px 20px 0 40px;}
	.cash-iphone img {max-width: 280px;}
	.mco-text {	margin: -30px 0 -20px -30px; }
	.hero-logo img { max-width: 580px; }
	.allin-one { padding: 15px 50px 20px 51px; }
	.our-faq {padding: 100px 0;}
	.video-thumbnail {height: 160px;}
	
	.remove-loader .loader-logo {	top: calc(50% - 200px);	}

}


@media(max-width:1250px){

	.f-46 {font-size: 30px;}
	.f-22 {font-size: 18px;}
	.f-110 {font-size: 85px;}
	.f-84 {font-size: 48px;}
	.f-48 {font-size: 30px;}
	.f-28{font-size:22px;}
	.db-content{ padding: 25px;}
	.mobile-app-img { padding: 0;}
	.banner-texts img {max-width: 450px;} 
	.deserve-kching .title {padding: 110px 0 50px;margin: 50px 0 0;}
	.kching-voucher .db-content {padding: 50px 25px;}
	.vouchers-info {padding: 50px 15px;}
	section.hero-section {overflow: hidden;}
	.banner-texts {padding: 50px 0 0;} 
	.apps-item .img img { max-width: 235px;	margin: 0 auto;	} 
	.app-slider { padding: 25px 15px 0 30px; }
	section.deserve-kching {padding-bottom: 100px;}
	.kx-logo img { max-width: 65px; }
	.kching-experience {padding: 80px 0 80px 0;}
	.faq-videos .col-6 {padding-right: 8px;padding-left: 8px;}
	.faq-accodian {padding: 0 5px;}
	.kching-feature-info, .deserve-box-row { padding-top: 100px;}
	.deserve-box-row{padding-bottom: 100px; }
	.our-faq {padding: 100px 0;}
	.deserve-kching .deserve-box-row {padding-bottom: 0;}
	.wizard > .actions > ul > li {padding: 0;}
	.wizard > .content {min-height: 550px;}
	
}
 

@media(max-width:1200px){

	.header-nav a { font-size: 22px;}
	.header-nav ul, .header-nav li{ text-align: center;}
	.header-nav li {padding: 12px 0;}
	.buy-voucher a {padding: 15px 55px; }
	.menu-open .header-nav { display: block !important;	}
	.header-nav { left: 0; width: 100%; right: 50%;}
	.header-nav li:not(.buy-voucher) a:before {height: 18px;width: 20px;background-size: 21px;top: 7px;left: -32px;}
	.header-nav li a:hover:before, .header-nav li a.active:before {left: -25px;}
	.video-modal .modal-dialog {margin-top: 100px;}
	.how-use-voucher .list > li {padding-left: 45px;padding-right: 10px;}
	.wizard > .content > .body {padding: 25px;}
	.step-content-box .f-44 {font-size: 30px;}
	.wizard > .steps {padding: 0 20px 15px;}
	.voucher-choose h3 {font-size: 20px;}
	.voucher-choose label img {width: 80px;}

} 




@media(max-width:1020px){
	
	
	.kco-vouchers-row .col-md {	padding: 0;	} 
	.center-allin-one {	margin: 0 -15px; }
	.kco-vouchers-row .f-24 { font-size: 20px; }
	.kco-vouchers-row {	padding-top: 50px;	}

   
} 


@media(max-width:767px){


	.deserve-kching .title { padding: 100px 0 0; margin: 55px -15px 0; background-size: 120%; }
	.f-110 {font-size: 44px;}	 
	.f-84{font-size:36px;}
	.f-28{font-size:18px;}
	.db-content, .kching-voucher .db-content {padding: 30px 20px;}
	.kching-voucher .db-content { padding: 30px 20px;	background-size: 175%; background-position: -20% 20%; }
	.mobile-app-store {display: flex; margin: 20px 0 10px;}
	.mobile-app-img {padding: 0;margin: 0 0 -32px 0;}
	.mobile-app-store > div {margin: 0 !important;padding: 0 3px; }
	.banner-texts img {max-width: 270px;}
	.hero-logo img { max-width: 370px; }
	.hero-section .f-48 { font-size: 22px;	}
	.allin-one .f-44 { font-size: 22px; margin: 3px 0 !important; } 
	.allin-one img.allin-img { max-width: 110px; } 
	.allin-one .bttn { min-width: 160px; padding: 10px; font-size: 13px; }
	.allin-one { padding: 17px 27px 23px 25px;	background-size: contain; }
	.cash-online-wrap .right-arrow { max-width: 15px;	margin: 0 -10px; }
	.cash-iphone img {	max-width: 180px; margin: 50px 0px 0px -10px; } 
	.mco-text {	margin: 0 0 0 0; }
	.hero-logo h2 {	margin: 10px 0 -10px 0; }
	.dollar-note img { max-width: 140px; margin: 0 10px 0 10px; }
	.hero-logo { padding: 0 0 0; } 
	.vouchers-info { padding:65px 0 40px; } 
	.center-allin-one { margin: 0; }
	.kco-vouchers-row .first-col ul { flex-direction: row-reverse; } 
	.kco-vouchers-row .center-allin-one { order: 1; }
	.kco-vouchers-row .first-col { order: 2; }
	.kco-vouchers-row .last-col { order: 3; }
	.kco-vouchers-row {	padding-top: 10px; }
	.the-vouchers-wrap .allin-one {	background-size: cover;	margin: 0 0 20px -10px;	padding: 30px 0; width: 300px; }
	.the-vouchers-wrap .callout02 {	margin: 20px 0;	}
	.the-vouchers-wrap .allin-one img.allin-img { max-width: 185px; }
	.the-vouchers-wrap .allin-one .f-44 { font-size: 34px;	margin: 10px 0 !important; }	
	.the-vouchers-wrap .allin-one .bttn { min-width: calc(100% - 75px);	}
	.more-bang .icons span { display: block; margin-bottom: 5px; }
	.the-vouchers-small-container {	padding: 22px 0; max-width: 100%; }
	.vouchers-list1 h3 { font-size: 17px;} .vouchers-list1 .vl-col img { width: 60px; }
	.vouchers-list1 .col-4 { padding: 0 5px; }
	.vouchers-list1 .row { margin: 0 -5px !important; }
	.app-slider { padding: 25px; } 
	.apps-item .img { max-width: 100%; margin: 75px 0;	top: 0px;}
	.app-slider .slick-arrow { bottom: 0; }
	.app-slider button.slick-prev.slick-arrow {	right: 50%;	left: auto;	}
	.app-slider button.slick-next.slick-arrow {	left: 50%;	right: auto; }
	.app-slider .slick-arrow {	margin: 0 12px;	} 
	section.deserve-kching {padding-bottom: 70px;}
	.kex-img { margin: 0 -10%;	width: 120%; }
	.kex-img img{ width: 100%; }
	.kching-experience {padding: 60px 0 40px 0;}
	.kx-logo img { max-width: 50px; }
	.kco-vouchers-row .f-24 { font-size: 22px; }
	.modal-body iframe { height: 100%;}
	.modal-body {padding: 10px;}
	.faq-videos {margin: 0 -10px; padding:35px 0 20px; }
	.our-faq h3 { font-size: 18px;}
	.faq-accodian .card-body {	font-size: 15px; padding: 0 0 20px 0; }
	.our-faq {padding: 80px 0;}
	footer { padding: 29px 5px 40px; }
	.product-by { font-size: 13px; }
	img.k-logo { max-width: 70px; margin-right: 8px; }
	.video-thumbnail {height: 30vw;}
	.faq-video-box .play-bttn img {max-width: 18px;}
	.faq-video-box .play-bttn {padding: 7px 9px;}	
	.menu-toggle { right: 20px;	top: 20px;	width: 40px; height: 40px; padding: 11px 12px; } 
	.menu-open .menu-toggle i:before { top: 8px; }
	.menu-open .menu-toggle i:after { top: 6px;	}
	.menu-open .menu-toggle { padding: 11px 10px;}
	.header-nav li:not(.buy-voucher) a:before {top: 2px;}
	.header-nav a {font-size: 16px;}
	
	.inner-header .logo img { max-width: 90px; }
	.back-link{font-size:13px;}
	.back-link img { width: 18px; margin-top: -2px;	}
	.inner-header .d-flex {	justify-content: space-between;	} 
	.gv-icon li {padding-right: 0;}
	.gv-icon {justify-content: space-between; padding-top:50px !important}
	.gv-icon li img {max-width: 30px;} 
	.how-use-voucher .list > li { padding:0;}
	.how-use-voucher .list > li .icon {	position: static; display: block;}
	.how-use-voucher .list > li span:not(.icon) { min-height: auto;margin: 5px 0 35px 0;}
	.how-use-voucher .list > li .icon img { max-width: 30px;}
	.steps ul li a { font-size: 17px; }
	.wizard > .steps > ul > li { margin-right: 2px; }
	.wizard > .steps > ul > li:before { background-size: 15px; vertical-align: sub; margin-left: 1px; width: 18px; margin-right: 10px !important;}
	.steps ul li.current ~ li:before{background-size: 15px; }
	.wizard > .steps { padding: 25px 0 10px 15px; }
 
	.buy-voucher-row {	padding: 120px 0 75px;	}
	.wizard > .content > .body { padding: 20px 15px; }
	.step-content-box .f-44 { font-size: 26px; } 
	.voucher-choose label {	border-width: 2px; padding: 11px 0;	}
	.voucher-choose li span {margin: 15px 0 0 0;} 
	.vouchers-list1 h3 {font-size: 22px;}
 

	.field-box {	padding: 8px 10px 10px 10px;	}
	.receive-voucher span label {	font-size: 14px;	}
	.wizard > .actions > ul > li:first-child {	flex: 0 0 120px;	max-width: 120px;	}
	.wizard > .actions > ul > li.disabled:first-child {	display: none;	}
	.loader-logo-col h2 {	font-size: 24px;}	.loader-logo img {	max-width: 265px;}	.remove-loader .banner-row {	padding-top: 100px;	}
	.loader-text {	font-size: 42px;}
	.loader-logo:after {	content: "";	height: 300px;	width: 300px;}	.remove-loader .loader-logo {	top: calc(50% - 125px);	}	@keyframes gradientbg { 
		0% {transform: scale(1.0);  }  
		100% { transform: scale(1.1); opacity:0; }	} 
	.hero-section .f-48 {margin: 20px 0 -50px 0;}

	
}


 @media(max-width:410px){
	 
	.hero-logo img {max-width: 290px;}
	.hero-section .allin-one .bttn {min-width: 140px;padding: 7px;font-size: 13px;}
	.hero-section .allin-one .f-44 { font-size:18px; margin: 0 0 2px 0 !important; }
	.hero-section .allin-one img.allin-img {	max-width: 120px; }
	.hero-section .allin-one {	padding: 20px 25px 25px 25px;	}
	.dollar-note img {	max-width: 115px; margin: 0 5px 0 45px; }
	.cash-iphone img {	max-width: 138px; margin: 30px 40px 0px -10px; } 
	.hero-section .f-48 {	margin:  0;	}

}
 
 
   
  
 @media screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation : landscape){
 
	.header-nav li {padding: 3px 0;}
	.buy-voucher a {padding: 10px 25px;}
	.header-nav a {font-size: 14px;}
	
}