@media (min-width: 1200px) and (max-width: 1499.98px) {
    .container{max-width: 1170px;}
    
    .navbar .navbar-nav .nav-link{font-size: 16px;padding: 8px 13px;}

    .hero-wrp .hero-detail{border-radius: 24px;padding: 32px 20px;}
    .hero-wrp .hero-detail h6{font-size: 12px;padding: 6px 16px;line-height: normal;margin: 0 auto 24px;}
    .hero-wrp .hero-detail p{font-size: 18px;line-height: 23px;margin: 0 0 24px;}
    .hero-wrp .hero-detail h5{margin: 0 0 48px;}
    .hero-wrp .hero-video{height: auto;}
    .hero-wrp .hero-video .play-button{height: 42px;width: 42px;}

    .qualify-wrp .qualify-block p{font-size: 20px;line-height: 24px;margin: 0 0 32px;}
    .qualify-wrp .qualify-block .qualify-shape img{height: 100%;width: 100%;object-fit: cover;}

    .gamification-wrp .gamification-title{margin: 0 0 24px;}
    .gamification-wrp .gamification-title h2{font-size: 52px;margin: 0 0 8px;line-height: 70px;}
    .gamification-wrp .gamification-title p{font-size: 20px;line-height: 25px;}
    .gamification-wrp .gamification-box .box-img{height: 280px;}
    .gamification-wrp .gamification-box .detail h3{font-size: 24px;line-height: 30px;margin: 0 0 8px;}
    .gamification-wrp .gamification-box .detail p{font-size: 16px;line-height: 20px;}
    .gamification-wrp .gamification-box{height: 100%;}

    .action-wrp .action-slider{margin-right: -150px;}
    .action-wrp .action-title{padding:0 0 24px;}
    .action-wrp .action-title h2{font-size: 40px;line-height: 50px;margin: 0 0 12px;}
    .action-wrp .action-title p{font-size: 20px;line-height: 25px;}
    .action-wrp .action-slider{margin-right: -100px;}

    .featured-wrp h2{font-size: 24px;line-height: 30px;margin: 0 0 40px;}
    .featured-wrp .marquee-content img{height: 48px;}
    .featured-wrp .marquee-content{gap: 40px;}

    .work-wrp .work-block{border-radius: 24px;padding: 32px 20px;}
    .work-wrp .work-title h2{font-size: 32px;line-height: 40px;}
    .work-wrp .work-title p{font-size: 16px;}
    .work-wrp .work-title p:last-child{font-size: 16px;}
    .work-wrp .work-detail ul li .detail h4{font-size: 18px;}
    .work-wrp .work-detail ul li .detail p{font-size: 15px;}

    .performance-wrp .performance-title{padding: 0 0 24px;}
    .performance-wrp .performance-title h2{font-size: 40px;line-height: 50px;margin: 0 0 12px;}
    .performance-wrp .performance-title p{font-size: 20px;line-height: 25px;}
    .performance-wrp .row {row-gap: 20px;}
    .performance-wrp .performance-box h4{font-size: 22px;}
    .performance-wrp .performance-box p{font-size: 18px;line-height: 22px;}

   

    .faq-wrp .faq-title{padding: 0 0 24px;}
    .faq-wrp .faq-title h2{font-size: 40px;line-height: 50px;margin: 0 0 20px;}
    .faq-wrp .faq-title p{font-size: 20px;line-height: 25px;}
    .faq-wrp .row{row-gap: 16px;}
    .faq-wrp .accordion-item{margin: 0 0 16px;}
    .faq-wrp .accordion-item .accordion-button{font-size: 20px;}
    .faq-wrp .accordion-item .accordion-body p{font-size: 16px;line-height: 20px;}

    footer{padding: 40px 0 20px;}
    footer .newsletter-block h2{font-size: 40px;line-height: 50px;margin: 0 0 16px;}
    footer .newsletter-block{padding: 0 0 24px;margin: 0 0 24px;}
    footer .newsletter-block form{margin: 0;}
    footer .footer-block .foot-logo img{height:32px;margin: 0 0 16px;}
    footer .footer-block .foot-logo p{margin: 0 0 24px;}
    footer .footer-block .quicklink-block{gap: 40px;}
    footer .footer-block{padding: 0 0 24px;margin: 0 0 24px;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .container{max-width: 960px;}
    
    .navbar .navbar-nav .nav-link{font-size: 16px;padding: 8px 13px;}

    .hero-wrp .hero-detail{border-radius: 24px;padding: 32px 20px;}
    .hero-wrp .hero-detail h6{font-size: 12px;padding: 6px 16px;line-height: normal;margin: 0 auto 24px;}
    .hero-wrp .hero-detail p{font-size: 18px;line-height: 23px;margin: 0 0 24px;}
    .hero-wrp .hero-detail h5{margin: 0 0 48px;}
    .hero-wrp .hero-video{height: auto;}
    .hero-wrp .hero-video .play-button{height: 42px;width: 42px;}

    .qualify-wrp .qualify-block p{font-size: 20px;line-height: 24px;margin: 0 0 32px;}
    .qualify-wrp .qualify-block .qualify-shape img{height: 100%;width: 100%;object-fit: cover;}

    .gamification-wrp .gamification-title{margin: 0 0 24px;}
    .gamification-wrp .gamification-title h2{font-size: 52px;margin: 0 0 8px;line-height: 70px;}
    .gamification-wrp .gamification-title p{font-size: 20px;line-height: 25px;}
    .gamification-wrp .gamification-box .box-img{height: 280px;}
    .gamification-wrp .gamification-box .detail h3{font-size: 24px;line-height: 30px;margin: 0 0 8px;}
    .gamification-wrp .gamification-box .detail p{font-size: 16px;line-height: 20px;}
    .gamification-wrp .gamification-box{height: 100%;}

    .action-wrp .action-title{padding:0 0 24px;}
    .action-wrp .action-title h2{font-size: 40px;line-height: 50px;margin: 0 0 12px;}
    .action-wrp .action-title p{font-size: 20px;line-height: 25px;}
    .action-wrp .action-slider{margin-right: -100px;}

    .featured-wrp h2{font-size: 24px;line-height: 30px;margin: 0 0 40px;}
    .featured-wrp .marquee-content img{height: 48px;}
    .featured-wrp .marquee-content{gap: 40px;}

    .work-wrp .work-block{border-radius: 24px;padding: 32px 20px;}
    .work-wrp .work-title h2{font-size: 32px;line-height: 40px;}
    .work-wrp .work-title p{font-size: 16px;}
    .work-wrp .work-title p:last-child{font-size: 16px;}
    .work-wrp .work-detail ul li .detail h4{font-size: 18px;}
    .work-wrp .work-detail ul li .detail p{font-size: 15px;}

    .performance-wrp .performance-title{padding: 0 0 24px;}
    .performance-wrp .performance-title h2{font-size: 40px;line-height: 50px;margin: 0 0 12px;}
    .performance-wrp .performance-title p{font-size: 20px;line-height: 25px;}
    .performance-wrp .row {row-gap: 20px;}
    .performance-wrp .performance-box h4{font-size: 22px;}
    .performance-wrp .performance-box p{font-size: 18px;line-height: 22px;}

   

    .faq-wrp .faq-title{padding: 0 0 24px;}
    .faq-wrp .faq-title h2{font-size: 40px;line-height: 50px;margin: 0 0 20px;}
    .faq-wrp .faq-title p{font-size: 20px;line-height: 25px;}
    .faq-wrp .row{row-gap: 16px;}
    .faq-wrp .accordion-item{margin: 0 0 16px;}
    .faq-wrp .accordion-item .accordion-button{font-size: 20px;}
    .faq-wrp .accordion-item .accordion-body p{font-size: 16px;line-height: 20px;}

    footer{padding: 40px 0 20px;}
    footer .newsletter-block h2{font-size: 40px;line-height: 50px;margin: 0 0 16px;}
    footer .newsletter-block{padding: 0 0 24px;margin: 0 0 24px;}
    footer .newsletter-block form{margin: 0;}
    footer .footer-block .foot-logo img{height:32px;margin: 0 0 16px;}
    footer .footer-block .foot-logo p{margin: 0 0 24px;}
    footer .footer-block .quicklink-block{gap: 40px;}
    footer .footer-block{padding: 0 0 24px;margin: 0 0 24px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .container{max-width: 740px;}
    .navbar .navbar-toggler{display: flex;}

    .navbar .navbar-nav .nav-link{padding: 8px 0;font-size: 16px;line-height: 20px;text-align: center;}
    .navbar .btn-primary{margin: 15px auto 0;display: table;}

    .hero-wrp{padding: 80px 0 16px;}
    .hero-wrp .hero-detail{border-radius: 24px;padding: 32px 20px;}
    .hero-wrp .hero-detail h6{font-size: 12px;padding: 6px 16px;line-height: normal;margin: 0 auto 24px;}
    .hero-wrp .hero-detail p{font-size: 18px;line-height: 23px;margin: 0 0 24px;}
    .hero-wrp .hero-detail h5{margin: 0 0 48px;}
    .hero-wrp .hero-video{height: auto;}
    .hero-wrp .hero-video .play-button{height: 42px;width: 42px;}

    .qualify-wrp{padding: 16px 0;}
    .qualify-wrp .qualify-block{padding: 60px 40px;}
    .qualify-wrp .qualify-block p{font-size: 20px;line-height: 24px;margin: 0 0 32px;}
    .qualify-wrp .qualify-block .qualify-shape img{height: 100%;width: 100%;object-fit: cover;}

    .gamification-wrp{padding: 24px 0;}
    .gamification-wrp .gamification-title{margin: 0 0 24px;}
    .gamification-wrp .gamification-title h2{font-size: 52px;margin: 0 0 8px;line-height: 70px;}
    .gamification-wrp .gamification-title p{font-size: 20px;line-height: 25px;}
    .gamification-wrp .gamification-box .box-img{height: 280px;}
    .gamification-wrp .gamification-box .detail h3{font-size: 24px;line-height: 30px;margin: 0 0 8px;}
    .gamification-wrp .gamification-box .detail p{font-size: 16px;line-height: 20px;}
    .gamification-wrp .gamification-box{height: 100%;}

    .action-wrp{padding: 24px 0;}
    .action-wrp .action-title{padding:0 0 24px;}
    .action-wrp .action-title h2{font-size: 40px;line-height: 50px;margin: 0 0 12px;}
    .action-wrp .action-title p{font-size: 20px;line-height: 25px;}
    .action-wrp .action-slider{margin-right: -100px;}

    .featured-wrp {padding: 24px 0;}
    .featured-wrp h2{font-size: 24px;line-height: 30px;margin: 0 0 40px;}
    .featured-wrp .marquee-content img{height: 48px;}
    .featured-wrp .marquee-content{gap: 40px;}

    .work-wrp{padding: 24px 0;}
    .work-wrp .work-block{border-radius: 24px;padding: 32px 20px;}
    .work-wrp .work-title h2{font-size: 32px;line-height: 40px;}
    .work-wrp .work-title p{font-size: 16px;}
    .work-wrp .work-title p:last-child{font-size: 16px;}
    .work-wrp .work-detail ul li .detail h4{font-size: 18px;}
    .work-wrp .work-detail ul li .detail p{font-size: 15px;}

    .performance-wrp{padding: 24px 0;}
    .performance-wrp .performance-title{padding: 0 0 24px;}
    .performance-wrp .performance-title h2{font-size: 40px;line-height: 50px;margin: 0 0 12px;}
    .performance-wrp .performance-title p{font-size: 20px;line-height: 25px;}
    .performance-wrp .row {row-gap: 20px;}
    .performance-wrp .performance-box h4{font-size: 22px;}
    .performance-wrp .performance-box p{font-size: 18px;line-height: 22px;}

    .video-wrp{padding: 24px 0;}
    

    .faq-wrp{padding: 24px 0 48px;}
    .faq-wrp .faq-title{padding: 0 0 24px;}
    .faq-wrp .faq-title h2{font-size: 40px;line-height: 50px;margin: 0 0 20px;}
    .faq-wrp .faq-title p{font-size: 20px;line-height: 25px;}
    .faq-wrp .row{row-gap: 16px;}
    .faq-wrp .accordion-item{margin: 0 0 16px;}
    .faq-wrp .accordion-item .accordion-button{font-size: 20px;}
    .faq-wrp .accordion-item .accordion-body p{font-size: 16px;line-height: 20px;}

    footer{padding: 40px 0 20px;}
    footer .newsletter-block h2{font-size: 40px;line-height: 50px;margin: 0 0 16px;}
    footer .newsletter-block p{margin: 0 0 24px;}
    footer .newsletter-block{padding: 0 0 24px;margin: 0 0 24px;}
    footer .newsletter-block form{margin: 0;}
    footer .footer-block .foot-logo img{height:32px;margin: 0 0 16px;}
    footer .footer-block .foot-logo p{margin: 0 0 24px;}
    footer .footer-block .quicklink-block{gap: 40px;}
    footer .footer-block{padding: 0 0 24px;margin: 0 0 24px;}
}

@media (max-width: 767px) {
    .container{max-width: 540px;}

    .navbar .navbar-nav .nav-link{padding: 8px 0;font-size: 16px;line-height: 20px;text-align: center;}
    .navbar .btn-primary{margin: 15px auto 0;display: table;}
    .navbar .navbar-toggler{display: flex;}

    .hero-wrp{padding: 80px 0 16px;}
    .hero-wrp .hero-detail{border-radius: 24px;padding: 32px 20px;}
    .hero-wrp .hero-detail h6{font-size: 12px;padding: 6px 16px;line-height: normal;margin: 0 auto 24px;}
    .hero-wrp .hero-detail h1{font-size: 38px;line-height: 51px;margin: 0 0 8px;}
    .hero-wrp .hero-detail p{font-size: 18px;line-height: 23px;margin: 0 0 24px;}
    .hero-wrp .hero-detail p br{display: none;}
    .hero-wrp .hero-detail h5{margin: 0 0 48px;}
    .hero-wrp .hero-video{height: auto;}
    .hero-wrp .hero-video .play-button{height: 42px;width: 42px;}

    .qualify-wrp{padding: 16px 0;}
    .qualify-wrp .qualify-block{padding: 40px 20px;}
    .qualify-wrp .qualify-block h2{font-size: 38px;line-height: 50px;margin: 0 0 12px;}
    .qualify-wrp .qualify-block p{font-size: 18px;line-height: 23px;margin: 0 0 32px;}
    .qualify-wrp .qualify-block ul{display: block;}
    .qualify-wrp .qualify-block ul li a.btn-secondary {width: fit-content;margin: 12px auto 0;}
    .qualify-wrp .qualify-block .qualify-shape img{height: 100%;width: 100%;object-fit: cover;}

    .gamification-wrp{padding: 24px 0;}
    .gamification-wrp .gamification-title{margin: 0 0 24px;}
    .gamification-wrp .gamification-title h2{font-size: 38px;margin: 0 0 8px;line-height: 50px;}
    .gamification-wrp .gamification-title p{font-size: 18px;line-height: 23px;}
    .gamification-wrp .gamification-box .box-img{height: 280px;}
    .gamification-wrp .gamification-box .detail h3{font-size: 24px;line-height: 30px;margin: 0 0 8px;}
    .gamification-wrp .gamification-box .detail p{font-size: 16px;line-height: 20px;}

    .action-wrp{padding: 24px 0;}
    .action-wrp .action-title{padding:0 0 24px;}
    .action-wrp .action-title h2{font-size: 38px;line-height: 50px;margin: 0 0 12px;}
    .action-wrp .action-title p{font-size: 18px;line-height: 23px;}
    .action-wrp .action-title .action-slider-arrow{display: none;}
    .action-wrp .action-slider{margin: 0;}
    .action-wrp .action-slider:after{display: none;}
    .action-wrp .action-slider .slider-box{margin: 0 0 20px;}

    .featured-wrp {padding: 24px 0;}
    .featured-wrp h2{font-size: 24px;line-height: 30px;margin: 0 0 24px;}
    .featured-wrp .marquee {animation: scroll-left 20s linear infinite;}
    .featured-wrp .marquee-content img{height: 48px;}
    .featured-wrp .marquee-content{gap: 24px;}

    .work-wrp{padding: 24px 0;}
    .work-wrp .work-title{gap: 32px;padding: 0 0 48px;}
    .work-wrp .work-block{border-radius: 24px;padding: 32px 20px;}
    .work-wrp .work-title h2{font-size: 38px;line-height: 50px;}
    .work-wrp .work-title p{font-size: 18px;}

    .performance-wrp{padding: 24px 0;}
    .performance-wrp .performance-title{padding: 0 0 24px;}
    .performance-wrp .performance-title h2{font-size: 38px;line-height: 50px;margin: 0 0 12px;}
    .performance-wrp .performance-title p{font-size: 18px;line-height: 25px;}
    .performance-wrp .row {row-gap: 20px;}
    .performance-wrp .performance-box{text-align: center;height: auto;gap: 32px;}
    .performance-wrp .performance-box .box-icon{margin: 0 auto;}

    .video-wrp{padding: 24px 0;}
    

    .faq-wrp{padding: 24px 0 48px;}
    .faq-wrp .faq-title{padding: 0 0 24px;}
    .faq-wrp .faq-title h2{font-size: 40px;line-height: 50px;margin: 0 0 20px;}
    .faq-wrp .faq-title p{font-size: 20px;line-height: 25px;}
    .faq-wrp .row{row-gap: 16px;}
    .faq-wrp .accordion-item{margin: 0 0 16px;}
    .faq-wrp .accordion-item .accordion-button{font-size: 20px;}
    .faq-wrp .accordion-item .accordion-body p{font-size: 16px;line-height: 20px;}

    footer{padding: 40px 0 20px;}
    footer .newsletter-block h2{font-size: 40px;line-height: 50px;margin: 0 0 16px;}
    footer .newsletter-block p{margin: 0 0 24px;}
    footer .newsletter-block{padding: 0 0 24px;margin: 0 0 24px;}
    footer .footer-block .foot-logo img{height:32px;margin: 0 0 16px;}
    footer .footer-block .foot-logo p{margin: 0 0 24px;}
    footer .footer-block .quicklink-block{justify-content: flex-start;}
    footer .footer-block{padding: 0 0 24px;margin: 0 0 24px;}
}

@media (max-width: 375px) {
    .hero-wrp .hero-detail h1{font-size: 36px;line-height: 50px;}
    .hero-wrp .hero-detail p{font-size: 16px;}
    .qualify-wrp .qualify-block h2{font-size: 32px;line-height: 42px;}
    .qualify-wrp .qualify-block p{font-size: 20px;line-height: 28px;}
    .gamification-wrp .gamification-title h2{font-size: 42px;line-height: 50px;}
    .gamification-wrp .gamification-title p{font-size: 18px;}
    .action-wrp .action-title h2{font-size: 36px;}
    .action-wrp .action-title p{font-size: 18px;line-height: 24px;}
    .action-wrp .action-slider .slider-box{padding: 16px;height: 390px;}
    .action-wrp .action-slider .slider-box .detail h3{font-size: 22px;line-height: 28px;}
    .action-wrp .action-slider .slider-box .detail p{font-size: 16px;line-height: 20px;margin: 0 0 20px;}
    .work-wrp .work-title h2{font-size: 32px;line-height: 38px;}
    .work-wrp .work-title p{font-size: 16px;}
    .work-wrp .work-title p:last-child{font-size: 16px;}
    .performance-wrp .performance-title h2{font-size: 32px;line-height: 40px;}
    .performance-wrp .performance-title p{font-size: 18px;}
    .performance-wrp .performance-box h4{font-size: 20px;}
    .performance-wrp .performance-box p{font-size: 18px;line-height: 24px;}
    .faq-wrp .faq-title h2{font-size: 32px;line-height: 40px;}
    .faq-wrp .faq-title p{font-size: 18px;}
    footer .footer-block .quicklink-block{gap: 42px;}
}


/* ***** Contact Page Css **** */
@media (min-width: 1200px) and (max-width: 1499.98px) {
    .contact-wrp .container{max-width: 1170px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .contact-wrp .container{max-width: 960px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .contact-wrp{padding: 100px 0 60px;}
    .contact-wrp .container{max-width: 740px;}
    .contact-wrp .titlebar{margin: 0 0 20px;}
    .contact-wrp .titlebar h2{font-size: 32px;}
    .contact-wrp .contact-from{padding: 20px;border-radius: 16px;}
    .contact-wrp .contact-from h3{font-size: 32px;margin: 0 0 10px;}
    .contact-wrp .contact-detail{padding: 20px;}
    .contact-wrp .contact-detail .detail-title h3{font-size: 32px;margin: 0 0 10px;}
    .contact-wrp .contact-detail .detail-title p{margin: 0 0 20px;}
    .contact-wrp .contact-detail .info ul li a h4{font-size: 18px;margin: 0 0 4px;}
    .contact-wrp .contact-detail .info ul li a p{font-size: 15px;line-height: 24px;}
    .contact-wrp .contact-detail .info ul li a .box-icon{height: 50px;width: 50px;min-width: 50px;}
    .contact-wrp .contact-detail .info ul li a .box-icon img{max-width: 22px;}
}
@media (max-width: 767px) {
    .contact-wrp{padding: 114px 0 24px;}
    .contact-wrp .container{max-width: 540px;}
    .contact-wrp .titlebar{margin: 0 0 20px;}
    .contact-wrp .titlebar h2{font-size: 32px;}
    .contact-wrp .contact-from{padding: 20px;border-radius: 16px;margin: 0 0 16px;}
    .contact-wrp .contact-from h3{font-size: 32px;margin: 0 0 10px;}
    .contact-wrp .contact-detail{padding: 20px;}
    .contact-wrp .contact-detail .detail-title h3{font-size: 32px;margin: 0 0 10px;}
    .contact-wrp .contact-detail .detail-title p{margin: 0 0 20px;}
    .contact-wrp .contact-detail .info ul li a h4{font-size: 18px;margin: 0 0 4px;}
    .contact-wrp .contact-detail .info ul li a p{font-size: 15px;line-height: 24px;}
    .contact-wrp .contact-detail .info ul li a .box-icon{height: 50px;width: 50px;min-width: 50px;}
    .contact-wrp .contact-detail .info ul li a .box-icon img{max-width: 22px;}
}
/* ***** End Contact Page Css **** */


/* ***** Play Earn Page Css **** */
@media (min-width: 1200px) and (max-width: 1499.98px) {
    .action-wrp .action-slider{margin: 0;}
    .action-wrp .action-slider:before{width: 150px;}
    .action-wrp .action-slider:after{width: 150px;}
    .action-wrp button.slick-prev.slick-arrow:before, .action-wrp button.slick-next.slick-arrow:before{height: 52px;width: 52px;font-size: 18px;}
    .action-wrp button.slick-prev.slick-arrow{left: 20px;}
    .action-wrp button.slick-next.slick-arrow{right: 20px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .play-hero-wrp{padding: 96px 0 16px;}
    .play-hero-wrp h6{font-size: 12px;line-height: 20px;margin: 0 auto 16px;}
    .play-hero-wrp h2{font-size: 88px;line-height: 110px;margin: 0 0 16px;}
    .play-hero-wrp p{font-size: 20px;margin: 0 0 16px;line-height: 25px;}
    .play-hero-wrp .hero-img{padding: 120px 0 0;margin: 0 auto 16px;}
    .play-hero-wrp .hero-img .hero-down-tap-img{max-width: 150px;}
    .play-hero-wrp h5{font-size: 20px;line-height: 25px;}
    .action-slider .winner-box{margin: 0 0 20px;}
    .action-wrp .info{padding: 4px 0 0;}
    .action-wrp .info h6{font-size: 20px;line-height: 25px;}
    .how-it-works-wrp .row{row-gap: 24px;}
    .how-it-works-wrp .work-box h6{font-size: 20px;}
    .how-it-works-wrp .work-box a{font-size: 30px;line-height: 42px;}
    .how-it-works-wrp .work-box h3{font-size: 30px;}
    .how-it-works-wrp .work-box ul li{font-size: 20px;}

    .action-wrp .action-slider{margin: 0;}
    .action-wrp .action-slider:before{width: 150px;}
    .action-wrp .action-slider:after{width: 150px;}
    .action-wrp button.slick-prev.slick-arrow:before, .action-wrp button.slick-next.slick-arrow:before{height: 40px;width: 40px;font-size: 16px;}
    .action-wrp button.slick-prev.slick-arrow{left: 20px;}
    .action-wrp button.slick-next.slick-arrow{right: 20px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .play-hero-wrp{padding: 96px 0 16px;}
    .play-hero-wrp h6{font-size: 12px;line-height: 20px;margin: 0 auto 16px;}
    .play-hero-wrp h2{font-size: 88px;line-height: 110px;margin: 0 0 16px;}
    .play-hero-wrp p{font-size: 20px;margin: 0 0 16px;line-height: 25px;}
    .play-hero-wrp .hero-img{padding: 120px 0 0;margin: 0 auto 16px;}
    .play-hero-wrp .hero-img .hero-down-tap-img{max-width: 150px;}
    .play-hero-wrp h5{font-size: 20px;line-height: 25px;}
    .action-slider .winner-box{margin: 0 0 20px;}
    .action-wrp .info{padding: 4px 0 0;}
    .action-wrp .info h6{font-size: 20px;line-height: 25px;}
    .how-it-works-wrp .row{row-gap: 24px;}
    .how-it-works-wrp .work-box h6{font-size: 20px;}
    .how-it-works-wrp .work-box a{font-size: 30px;line-height: 42px;}
    .how-it-works-wrp .work-box h3{font-size: 30px;}
    .how-it-works-wrp .work-box ul li{font-size: 20px;}

    .action-wrp .action-slider{margin: 0;}
    .action-wrp .action-slider:before{width: 150px;}
    .action-wrp .action-slider:after{width: 150px;}
    .action-wrp button.slick-prev.slick-arrow:before, .action-wrp button.slick-next.slick-arrow:before{height: 40px;width: 40px;font-size: 16px;}
    .action-wrp button.slick-prev.slick-arrow{left: 20px;}
    .action-wrp button.slick-next.slick-arrow{right: 20px;}
}
@media (max-width: 767px) {
    .play-hero-wrp{padding: 96px 0 16px;}
    .play-hero-wrp h6{font-size: 12px;line-height: 20px;margin: 0 auto 16px;}
    .play-hero-wrp h2{font-size: 88px;line-height: 110px;margin: 0 0 16px;}
    .play-hero-wrp p{font-size: 20px;margin: 0 0 16px;line-height: 25px;}
    .play-hero-wrp .hero-img{padding: 120px 0 0;margin: 0 auto 16px;}
    .play-hero-wrp .hero-img .hero-down-tap-img{max-width: 150px;}
    .play-hero-wrp h5{font-size: 20px;line-height: 25px;}
    .action-slider .winner-box{margin: 0 0 20px;}
    .action-wrp .info{padding: 4px 0 0;}
    .action-wrp .info h6{font-size: 20px;line-height: 25px;}
    .how-it-works-wrp .row{row-gap: 24px;}
    .how-it-works-wrp .work-box h6{font-size: 20px;}
    .how-it-works-wrp .work-box a{font-size: 30px;line-height: 42px;}
    .how-it-works-wrp .work-box h3{font-size: 30px;}
    .how-it-works-wrp .work-box ul li{font-size: 20px;}
    
    .action-wrp .action-slider:before{margin: 0;display: none;}
}
/* ***** End Play Earn Page Css **** */