@media only screen and (min-width: 576px) and (max-width: 768px)  {

}

/* MOBILE */
@media only screen and (max-width: 767px) {
    .benefitSec .w-mark, header .phoneROw{display: none!important;}
    .sub-heading{font-size: 32px;}
    p{font-size: 16px;}
    .p-top {padding-top: 64px;}
    .mob-32{padding-top: 0!important;}

    header .navbar-toggler{padding: 0;padding-right: 10px;}
    header .logo{width: 198px;}
    header .top-header .g-20{gap: 10px!important;}

	.heroSec{padding-top:44px;padding-bottom:44px}
    .heroSec h1{font-size: 38px;line-height: 48px;}
    .heroSec .mob-hand{width: 200px;}
    .heroSec .app-store{margin-top: 32px;margin-bottom: 32px;}
	#playme{bottom:10px;}
	#playme img{width:32px;}

	.topSec{padding-top:0!important}
    .topSec .w-box img{width: 98px;}
    .topSec .w-box h6{font-size: 24px;}
    .topSec .w-box p{font-size: 16px;line-height: 24px;}

    .featuredSec h3{font-size: 32px;line-height: 42px;}
    .featuredSec .mob-vector{margin-top: 32px;}
    .accordion-item{padding: 18px 18px;}
    .accordion-button{font-size: 20px;}

    .mobileCarouselSec #mobileCarousel {margin-top: 50px;}

    .benefitSec .box, .benefitSec .t-card{padding: 24px;}
    .benefitSec .box h2{font-size: 28px;line-height: 38px;margin-bottom: 32px;}
    .benefitSec .glow-w{display: none;}

    .mobileCarouselSec .owl-nav{display: none;}
    .mobileCarouselSec #mobileCarousel img{height: auto;}

    .btmBannerSec .orangeBox{border-radius: 24px;padding: 24px;}
    .btmBannerSec h2{font-size: 32px;line-height: 42px;margin-top: 32px;}

    footer .ft-menu li a, footer .ft-menu li span{font-size: 18px;}
    footer .ft-logo{width: 228px;}
    footer .ft-app-logo{width: 248px;}
    footer .ft-left-w{width: 194px;}

    .contentSec p{font-size: 16px;}

}




/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 991px)  {
    .benefitSec .w-mark, header .phoneROw{display: none!important;}
    .sub-heading{font-size: 32px;}
    p{font-size: 16px;}
    .p-top {padding-top: 64px;}
    .mob-32{padding-top: 0!important;}

    header .navbar-toggler{padding: 0;padding-right: 10px;}
    header .logo{width: 198px;}

    .heroSec h1{font-size: 38px;line-height: 48px;}
    .heroSec .mob-hand{width: 300px;}
    .heroSec .app-store{margin-top: 32px;margin-bottom: 32px;}
	#playme img{width:44px;}

    .topSec .w-box img{width: 98px;}
    .topSec .w-box h6{font-size: 24px;}
    .topSec .w-box p{font-size: 16px;line-height: 24px;}

    .featuredSec h3{font-size: 32px;line-height: 42px;}
    .featuredSec .mob-vector{margin-top: 32px;}
    .accordion-item{padding: 18px 18px;}
    .accordion-button{font-size: 20px;}

    .mobileCarouselSec #mobileCarousel {margin-top: 50px;}
    .mobileCarouselSec #mobileCarousel img{height: 500px;}

    .benefitSec .box, .benefitSec .t-card{padding: 24px;}
    .benefitSec .box h2{font-size: 28px;line-height: 38px;margin-bottom: 32px;}
    .benefitSec .glow-w{display: none;}

    .mobileCarouselSec .owl-nav{display: none;}

    .btmBannerSec .orangeBox{border-radius: 24px;padding: 24px;}
    .btmBannerSec h2{font-size: 32px;line-height: 42px;margin-top: 32px;}

    footer .ft-menu li a, footer .ft-menu li span{font-size: 18px;}
    footer .ft-logo{width: 228px;}
    footer .ft-app-logo{width: 248px;}
    footer .ft-left-w{width: 194px;}


    .contentSec p{font-size: 16px;}
    
}


/* LAPTOP */
@media only screen and (min-width: 992px) and (max-width: 1199px)  {
    .sub-heading{font-size: 38px;}
    p{font-size: 18px;}
    .p-top {padding-top: 84px;}
    .mob-32{padding-top: 0!important;}

    header .navbar-toggler{padding: 0;padding-right: 10px;}
    header .logo{width: 198px;}

    .heroSec h1{font-size: 38px;line-height: 48px;}
    .heroSec .mob-hand{width: 300px;}
    .heroSec .app-store{margin-top: 32px;margin-bottom: 32px;}
	#playme img{width:54px;}

    .topSec .w-box img{width: 98px;}
    .topSec .w-box h6{font-size: 24px;}
    .topSec .w-box p{font-size: 16px;line-height: 24px;}

    .featuredSec h3{font-size: 32px;line-height: 42px;}
    .featuredSec .mob-vector{margin-top: 32px;}
    .accordion-item{padding: 18px 18px;}
    .accordion-button{font-size: 20px;}

    .mobileCarouselSec #mobileCarousel {margin-top: 50px;}

    .benefitSec .box, .benefitSec .t-card{padding: 24px;}
    .benefitSec .box h2{font-size: 28px;line-height: 38px;margin-bottom: 32px;}
    .benefitSec .glow-w{display: none;}

    .mobileCarouselSec .owl-nav{display: none;}

    .btmBannerSec .orangeBox{border-radius: 24px;padding: 24px;}
    .btmBannerSec h2{font-size: 32px;line-height: 42px;margin-top: 32px;}

    footer .ft-menu li a, footer .ft-menu li span{font-size: 18px;}
    footer .ft-logo{width: 228px;}
    footer .ft-app-logo{width: 248px;}
    footer .ft-left-w{width: 194px;}

    .contentSec p{font-size: 18px;}
}


/* DESKTOP */
@media only screen and (min-width: 1200px) and (max-width: 1399px)  {
    
}