@media(max-width:1544px){
    .app-sec .slide-box .owl-item .item{
        transform: scale(.9)  translateY(0);
    }
    .app-sec .slide-box .owl-stage-outer{
        padding-bottom: 0;
    }
}

@media(max-width:1399px){
    .prim-btn{
        font-size: 18px;
    }
    
    nav.navbar a.nav-link {
        font-size: 18px;
    }
    .banner-sec{
        padding-bottom: 0;
    }
    .banner-sec .sub-heading {
        font-size: 22px;
    }
    .banner-sec .banner_main_heading {
        font-size: 76px;
    }
    .banner-sec h3 {
        font-size: 18px;
        margin-bottom: 25px;
    }
    .banner-sec h4 {
        font-size: 16px;
    }
    
    .banner-marquee-list li {
        font-size: 16px;
    }
    .download-text h2 {
        font-size: 40px;
    }
    
    .download-text h3 {
        font-size: 24px;
    }
    
    .download-text p {
        font-size: 14px;
    }
    
    .downloas-btns h4 {
        font-size: 18px;
    }
    
    .downloas-btns p {
        font-size: 14px;
    }
    
    
    .sec-heading {
        font-size: 50px;
    }
    /* hobbies sec */
    .hobbies-sec .count-box .count {
        font-size: 38px;
    }
    .hobbies-sec .count-box .count-text {
        font-size: 22px;
        margin-top: 25px;
    }
    .hobbies-sec .sec-heading {
        margin-bottom: 25px;
    }
    .hobbies-sec h3 {
        font-size: 18px;
    }
    /* hobbies sec end */
    
    /* key features sec */
    .key-features-sec .nav-pills .nav-item .nav-link{
        font-size: 18px;
    }
    .key-features-sec .nav-pills .nav-item .nav-link.active{
        font-size: 22px;
    }
    .key-features-sec .nav-pills .nav-item .nav-link {
        padding: 15px 50px;
    }
    .key-features-sec .key-features-lists li .text h3 {
        font-size: 17px;
    }
    .key-features-sec .key-features-lists.right li{
        background-size: cover;
        background-position: right;
        border-radius: 25px;
    }
    .key-features-sec .key-features-lists.left li{
        background-size: cover;
        background-position: left;
        border-radius: 25px;
    }
    /* key features sec end */

    /* apps sec */
    .app-sec .slide-box .owl-item .item {
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
    }
    /* apps sec end */

    /* coach sec */
    .coaching-level-sec {
        padding-block-start: 100px;
    }
    .coaching-level-sec .content-wraper .level-row {
        margin-top: 110px;
    }
    .coaching-level-sec .content-wraper .level-row .text-box h3 {
        font-size: 32px;
        margin-bottom: 25px;
    }
    .coaching-level-sec .content-wraper .level-row .text-box p {
        font-size: 14px;
        line-height: 24px;
    }
    .coaching-level-sec .content-wraper .level-row .text-box ul li {
        font-size: 18px;
    }
    .coaching-level-sec .content-wraper .level-row .text-box ul {
        margin: 35px 0;
    }
    /* coach sec end */



    /* Downlaod Cta Sec */
    .download-cta-sec {
        padding: 70px 0 120px;
    }
    .downlaod-content-wraper .text-cont .sec-heading {
        font-size: 55px;
    }
    
    /* Downlaod Cta Sec End */

    /* Footer start */
    footer {
        padding: 120px 0 120px;
    }
    footer .footer-logo img {
        /* max-width: 190px; */
    }
    footer .menu-title {
        font-size: 28px;
    }
    footer .footer-menu li a {
        font-size: 18px;
    }
    footer .footer-menu-stack li a {
        font-size: 18px;
    }
    footer .terms-links{
        gap: 30px;
    }
    
    footer .terms-links li a {
        font-size: 14px;
    }
    
    footer .copyright-text {
        font-size: 14px;
    }
    footer .newsletter-box .es-form-field-container input[type="submit"]{
        padding-inline: 28px;
    }
    /* Footer end */
    .app-sec .slide-box .owl-stage-outer:before,
    .app-sec .slide-box .owl-stage-outer:after {
        width: 150px;
    }
}


@media(max-width:1199px){
    .navbar-brand {
        max-width: 190px;
    }
    nav.navbar a.nav-link {
        font-size: 16px;
        margin: 0 20px;
    }
    .prim-btn {
        padding: 12px 34px;
        font-size: 16px;
    }
    
    .sec-heading{
        font-size: 44px;
    }
    .sub-heading {
        font-size: 16px;
    }
    
    /* banner sec start */
    .banner-sec .content-wraper {
        padding: 60px 55px 50px;
    }
    .banner-sec .sub-heading {
        font-size: 18px;
    }
    .banner-sec .banner_main_heading {
        font-size: 65px;
    }
    .banner-marquee-list {
        margin-top: 50px;
    }
    
    .download-wraper {
        margin-top: 30px;
    }
    
    .download-text h2 {
        font-size: 35px;
    }
    
    .download-text h3 {
        font-size: 20px;
    }
    
    .download-text p {
        font-size: 13px;
    }
    
    .downloas-btns h4 {
        font-size: 16px;
    }
    
    .downloas-btns p {
        font-size: 13px;
        max-width: 160px;
    }
    
    .downloas-btns ul {
        gap: 15px;
    }
    
    .downloas-btns ul li {
        max-width: 160px;
    }
    
    .download-text {
        max-width: 150px;
    }
    /* banner sec end */

    /* hobbies sec start */
    .hobbies-sec {
        padding: 100px 0 20px;
    }
    .hobbies-sec .count-box .avatars {
        max-width: 100px;
    }
    /* hobbies sec end */
    .key-features-sec .key-features-lists.left li:nth-child(2) {
        transform: translateX(-40px);
    }
    .key-features-sec .key-features-lists.right li:nth-child(2) {
        transform: translateX(40px);
    }

    /* apps sec */
    .app-sec {
        padding: 70px 0 0;
    }
    
    .app-sec .slide-box .owl-stage-outer {
        padding: 30px 0 0px;
    }
    .apps-filter-nav{
        padding: 10px;
    }
    .key-features-sec .nav-pills .nav-item .nav-link.active {
        font-size: 18px;
    }
    .key-features-sec .nav-pills .nav-item .nav-link {
        font-size: 16px;
    }
    /* apps sec end */


    /* coach sec start */
    .coaching-level-sec .content-wraper .level-row:first-child {
        margin-top: 60px;
    }
    .coaching-level-sec .content-wraper .level-row {
        margin-top: 90px;
    }
    .coaching-level-sec .content-wraper .level-row .text-box h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .coaching-level-sec .content-wraper .level-row .text-box span {
        font-size: 17px;
    }
    .coaching-level-sec .content-wraper .level-row .text-box ul li {
        font-size: 17px;
    }
    /* coach sec end */

    
    /* download sec */
    .download-cta-sec {
        padding: 50px 0 90px;
    }
    .downlaod-content-wraper .text-cont .cta-logo {
        max-width: 190px;
    }
    .downlaod-content-wraper .text-cont {
        padding: 90px 0 50px 50px;
    }
    .downlaod-content-wraper .text-cont .sec-heading{
        font-size: 45px;
        max-width: unset;
    }
    .downlaod-content-wraper .text-cont p{
        font-size: 14px;
    }
    .downlaod-content-wraper .img-cont {
        max-width: 420px;
    }
    
    /* download sec end */

    /* footer */
    footer {
        padding: 80px 0 80px;
    }
    .footer-cta-wraper{
        max-width: 880px;
        padding: 25px;
        border-radius: 15px;
    }
    .footer-cta-wraper h2{
        font-size: 18px;
    }
    footer .footer-logo img {
        max-width: 170px;
    }
    footer .menu-title{
        font-size: 24px;
    }
    footer .terms-links li a {
        font-size: 13px;
    }
    
    footer .footer-menu li a {
        font-size: 16px;
    }
    footer .footer-menu-stack li a {
        font-size: 16px;
    }
    footer .footer-menu {
        margin: 68px 0;
        gap: 20px 40px;
    }
    footer .newsletter-box {
        margin-top: 55px;
    }
    
    /* footer end */
    .app-sec .slide-box .owl-stage-outer:before,
    .app-sec .slide-box .owl-stage-outer:after {
        width: 140px;
    }

}

@media(max-width:991px){
    /* header css */
    header .top-bar .top-bar-text {
        max-width: 40%;
    }
    
    header .top-bar {
        padding-top: 20px;
    }
    .navbar-brand {
        /* max-width: 120px; */
    }
    /* header toggle  */
    header .navbar-collapse {
        padding: 20px;
        text-align: center;
        background: var(--secondary-color);
        border-radius: 6px;
    }
    nav.navbar a.nav-link{
        color: var(--white);
    }
    nav.navbar a.nav-link:hover{
        color: var(--offwhite);
    }
    
    header .navbar-toggler{
        background: var(--secondary-color);
        padding: 10px 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    header .navbar-toggler .navbar-toggler-icon{
        width: auto;
        height: auto;
    }
    
    /* header toggle end */
    /* header css end */

    .banner_main_heading {
        font-size: 33px;
        text-align: left;
    }
    
    .banner_main_para {
        max-width: 100%;
        text-align: left;
    }
    .banner-shadow-img {
        bottom: -380px;
        left: auto;
        width: 520px;
        right: 20px;
    }
    
    .download-text {
        max-width: 140px;
        padding: 20px;
    }
    
    .download-text h2 {
        font-size: 28px;
    }
    
    .download-text h3 {
        font-size: 16px;
    }
    
    .download-wraper .downloas-btns {
        text-align: left;
    }
    
    .download-wraper {
        margin-top: 20px;
        gap: 20px;
    }
    .sub-heading {
        font-size: 14px;
    }
    .banner-sec {
        padding: 15px 0 30px;
    }
    .prim-btn {
        padding: 10px 30px
    }
    .sec-heading{
        font-size: 35px;
    }
    .banner-sec .content-wraper {
        padding: 50px 45px 50px;
        border-radius: 25px;
    }
    .banner-sec .banner_main_heading {
        font-size: 55px;
    }
    .banner-marquee-list li {
        font-size: 14px;
    }

    .hobbies-sec {
        padding-block-start: 60px;
    }
    .hobbies-sec .count-box .count {
        font-size: 24px;
    }
    .hobbies-sec .count-box .avatars {
        max-width: 80px;
    }
    .hobbies-sec .count-box .count-text {
        font-size: 18px;
        margin-top: 20px;
    }
    .key-features-sec .key-features-lists.right li:nth-child(2),
    .key-features-sec .key-features-lists.left li:nth-child(2){
        transform: translateX(0);
    }

    .downlaod-content-wraper .text-cont .cta-logo {
        max-width: 160px;
        top: -60px;
    }
    
    .downlaod-content-wraper .text-cont .sec-heading {
        font-size: 35px;
        max-width: 240px;
    }
    
    .downlaod-content-wraper .text-cont {
        padding: 80px 0 40px 50px;
    }
    .downlaod-content-wraper .img-cont {
        max-width: 320px;
    }
    
    .app-sec {
        padding-top: 50px;
    }
    
    .app-sec .slide-box:before, .app-sec .slide-box:after {
        width: 33%;
    }
    .app-sec .slide-box .owl-item.active.center .item img {
        width: calc(100% - 20px);
    }
    .app-sec .slide-box .owl-item.active.center .item {
        padding-top: 15px;
    }
    .coaching-level-sec .content-wraper .level-row {
        margin-top: 60px;
    }
    .download_now .loving_heart .text-cont .section_title {
        font-size: 24px;
    }
    .download_now .loving_heart .text-cont {
        padding: 2rem 0 2rem 2.5rem;
    }
    
    .download_now .loving_heart .cta-logo {
        max-width: 130px;
    }
    .download_section ul li a img{
        max-width: 100%;
    }
    
    
    .download_now .loving_heart .img-cont {
        max-width: 400px;
    }
    footer .footer-logo img {
        max-width: 150px;
        margin-bottom: 10px;
        width: 100%;
        height: auto;
    }
    footer .terms-links {
        margin: 0;
    }
    footer {
        padding-top: 80px;
    }
    .footer-cta-wraper {
        max-width: 80%;
        padding: 20px 25px;
    }
}


@media(max-width:767px){
    br{
        display: none;
    }
    /* header css */
    header .top-bar {
        display: none;
    }
    header .navbar-collapse{
        margin-top: 10px;
    }
    /* header css end */
    .banner-sec .content-wraper {
        padding: 35px 25px 35px;
        text-align: center;
    }
    .banner-sec .sub-heading {
        margin-bottom: 10px;
        display: inline-block;
    }
    .banner-sec .banner_main_heading {
        font-size: 40px;
        text-align: center;
    }
    .banner-sec h3 {
        margin-bottom: 20px;
    }
    .banner-marquee-list {
        margin-top: 30px;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 30px;
    }
    .banner_main_heading span {
        display: initial;
    }
    
    .hobbies-sec {
        padding-block-start: 30px;
    }
    .sec-heading {
        font-size: 32px;
    }
    .key-features-sec {
        padding: 50px 0 50px;
    }
    .key-features-sec .nav-pills .nav-item .nav-link {
        padding: 10px 40px;
    }
    .key-features-sec .nav-pills .nav-item .nav-link.active {
        font-size: 16px;
    }
    .key-features-sec .key-features-lists li {
        margin-bottom: 20px;
    }
    .key-features-sec .key-features-lists.right{
        margin-top: 20px;
    }
    .key-features-sec .nav-pills {
        margin-bottom: 35px;
    }

    .app-sec .sec-heading {
        font-size: 32px;
    }
    .key-features-sec .text-cont{
        padding-bottom: 25px;
    }
    .key-features-sec .text-cont h2{
        font-size: 32px;
    }
    .app-sec .slide-box .owl-item.active.center .item {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .app-sec {
        padding-top: 20px;
    }
    .app-sec .custom-nav {
        gap: 10px;
        margin-top: 40px;
    }
    .coaching-level-sec {
        padding-block-start: 60px;
    }

    .coaching-level-sec .content-wraper .level-row .text-box{
        margin-top: 30px;
    }
    .coaching-level-sec .content-wraper .level-row .text-box h3 {
        font-size: 26px;
    }
    .download-cta-sec {
        padding: 20px 0 70px;
    }

    .downlaod-content-wraper .img-cont {
        max-width: 100%;
    }
    
    
    
    .downlaod-content-wraper .text-cont {
        padding: 70px 20px 40px 20px;
        text-align: center;
    }
    .downlaod-content-wraper .text-cont .cta-logo {
        max-width: 160px;
    }
    .downlaod-content-wraper .text-cont .sec-heading {
        font-size: 30px;
        max-width: unset;
        margin-top: 10px;
    }
    .downlaod-content-wraper .text-cont p{
        text-align: center;
    }
    .download_section ul li img {
        max-width: 100%;
    }
    .footer-cta-wraper {
        max-width: 90%;
        padding: 20px 20px;
        display: block;
        text-align: center;
    }
    .footer-cta-wraper h2{
        margin-bottom: 15px;
    }
    .downlaod-content-wraper{
        background-size: cover;
    }
    footer .newsletter-box form:has(:not(.success)) {
        background-position: 10px center;
        margin-top: 50px;
    }
    
    
}

@media(max-width:575px){
    .app-sec .slide-box:before, .app-sec .slide-box:after {
        width: 25%;
    }    
    .download-wraper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
    }
    
    .download-wraper .downloas-btns {
        text-align: center;
    }
    
    .download-text {
        max-width: 140px;
        max-width: 90%;
    }
    
    .download-text p {
        font-size: 14px;
    }
    
    .downloas-btns h4 {
        margin-bottom: 0;
    }
    
    .app-sec .slide-box .owl-stage-outer {
        padding: 20px 0 0;
    }
    
   
    footer .footer-menu {
        display: block;
        margin: 15px 0 35px;
    }
    footer .footer-socials {
        margin-bottom: 20px;
    }
    
    
    
    
    footer {
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .footer-logo {
        display: block;
    }
    .footer-desc{
        text-align: center;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .footer-links-wraper {
        gap: 0px 40px;
        justify-content: space-between;
    }
    footer .menu-title {
        font-size: 20px;
    }
    footer .footer-menu-stack {
        margin: 15px 0;
    }
    footer .footer-menu li a {
        margin-bottom: 15px;
        display: block;
    }
    footer .footer-menu-stack li a {
        margin-bottom: 15px;
    }
    footer .newsletter-main .desc {
        margin-top: 15px;
    }
    footer .newsletter-box {
        margin-top: 35px;
    }
    footer .newsletter-box input[type="email"] {
        font-size: 16px;
        padding-inline: 25px 10px;
    }
    footer .newsletter-box .prim-btn {
        font-size: 16px;
        padding: 11px 25px;
    }
}