@media (min-width: 1500px) and (max-width: 1899.98px) {
    .action-wrp .action-slider{margin-right: -70px;}
}

@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 h1{font-size: 84px;line-height: 100px;margin: 0 0 8px;}
    .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 h2{font-size: 40px;line-height: 50px;margin: 0 0 12px;}
    .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;}

    .video-wrp .video-box{height: auto;}

    .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 h1{font-size: 84px;line-height: 100px;margin: 0 0 8px;}
    .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 h2{font-size: 40px;line-height: 50px;margin: 0 0 12px;}
    .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;}

    .video-wrp .video-box{height: auto;}

    .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 h1{font-size: 84px;line-height: 100px;margin: 0 0 8px;}
    .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 h2{font-size: 40px;line-height: 50px;margin: 0 0 12px;}
    .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;}
    .video-wrp .video-box{height: auto;}

    .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: 88px;line-height: 110px;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: 40px;line-height: 50px;margin: 0 0 12px;}
    .qualify-wrp .qualify-block p{font-size: 24px;line-height: 30px;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: 56px;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;}

    .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-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: 40px;line-height: 50px;}
    .work-wrp .work-title p{font-size: 20px;}

    .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{text-align: center;height: auto;gap: 32px;}
    .performance-wrp .performance-box .box-icon{margin: 0 auto;}

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

    .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: 75px;line-height: 90px;}
    .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;}
}