@media (max-width: 1440px) {
    p {
        font-size: 14px;
    }
    h2 {
        font-size: 32px;
        line-height: 1.3;
    }
    .container {
        padding: 0 50px;
    }
    header .navbar-brand img {
        max-height: 39px;
    }
    header ul .nav-link {
        font-size: 15px;
    }
    header .navbar {
        padding: 18px 0;
    }
    header .login-links li a {
        padding: 10px 5px !important;
    }
    header .login-links li:last-child a {
        padding: 5px 12px !important;
    }
    .bannerLeft h2 {
        font-size: 50px;
        line-height: 1.3;
        margin-bottom: 16px;
    }
    .bannerLeft h4 {
        font-size: 24px;
    }
    .bannerLeft p {
        font-size: 16px;
    }
    header .navbar-brand {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    .fixed-header .navbar-brand img {
        max-height: 32px;
    }
    .lg-btn {
        font-size: 20px;
        line-height: 36px;
        padding: 12px 24px;
    }
    .mainBanner {
        padding: 10px 0 20px 0;
    }
    .joinLeft {
        padding-left: 138px;
        width: 40%;
    }
    .quoteImg {
        position: absolute;
        left: -83px;
        top: -20px;
        width: 70px;
    }
    .joinLeft p {
        font-size: 20px;
        line-height: 1.4;
    }
    .join-team-slider {
        padding-left: 15%;
    }
    .custom-card {
        padding: 25px 20px;
    }
    .join-team-slider .slick-arrow {
        left: 9%;
    }
    .footerTop {
        padding: 55px;
    }
    .footerMain {
        background-size: 380px;
    }
    .footerBox {
        margin: 82px auto 90px auto;
    }
    .footerTop,
    .footerBox {
        max-width: 1160px;
    }
    .footerBoxLeft {
        width: 250px;
    }
    .footerBoxSocial a {
        width: 40px;
        height: 40px;
    }
    .footerBoxSocial a img {
        width: 26px;
    }
    .lancefordBox h3 {
        font-size: 22px;
    }
    .aboutAppBox p {
        font-size: 14px;
    }
    .StayUpdateSection .container {
        padding: 50px 15px;
    }
    .lanceright .lancefordSocial {
        padding-left: 0;
    }
    .welcome-strng-img img {
        max-width: 80%;
    }
    .welcome-strng-sec {
        padding: 60px 0;
    }
    .fitness-journey-sec h2 {
        font-size: 50px;
        margin-bottom: 35px;
    }
    .needMoreProof {
        padding-top: 0px;
    }
    .login-box h2 {
        font-size: 32px;
    }
}

@media (max-width: 1199px) {
    h2 {
        font-size: 28px;
    }
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.3;
    }
    .bannerLeft h2 {
        font-size: 40px;
        line-height: 1.3;
    }
    .bannerLeft h4 {
        font-size: 22px;
    }
    .lg-btn {
        font-size: 18px;
        line-height: 36px;
        padding: 10px 24px;
        min-width: unset;
    }
    .appInfoBox span {
        font-size: 16px;
    }
    .appInfoBox {
        margin-right: 20px;
    }
    .appInfoBox:last-child {
        margin-right: 0;
    }
    .appInfoBox img {
        margin-right: 10px;
    }
    .appInfoBox h3 {
        font-size: 25px;
    }
    .bannerLeft {
        margin-top: 8px;
    }
    .mainBanner {
        padding: 40px 0 20px 0;
    }
    .aboutAppBox {
        margin-top: 40px;
    }
    .aboutAppright {
        width: 65%;
    }
    .slick-list {
        padding: 0 25% 80px 0 !important;
    }
    .quoteImg {
        left: -61px;
        top: -9px;
    }
    .aboutAppLeft {
        margin-top: 50px;
    }
    .join-team-slider .slick-list::before {
        width: 21%;
    }
    .joinLeft p {
        font-size: 18px;
    }
    .joinLeft {
        padding-left: 108px;
    }
    .joinLeft span {
        font-size: 14px;
    }
    .footerBox {
        margin: 50px auto 30px auto;
    }
    .footerMain {
        background-size: 200px;
        background-position: right 40px center;
    }
    .footerLogo {
        width: 180px;
    }
    .appbanner-right {
        margin-top: 0px;
    }
    .appbanner-right video {
        height: 400px;
    }
    .fitness-journey-sec h2 {
        font-size: 40px;
    }
    .TimerBox {
        height: 140px;
    }
    .TitleArrow {
        font-size: 20px;
        font-weight: 600;
    }
    header ul .nav-link {
        font-size: 15px;
        margin-left: 30px;
    }
    .single-product-box .product-img {
        height: 250px;
    }
    .join-sign {
        flex-direction: column;
        padding: 25px;
        text-align: center;
    }
    .join-sign a {
        margin: 20px 0 0 0 !important;
    }
}

@media (max-width: 980px) {
    .ambassador-form-box {
        max-width: 100%;
        margin-top: 20px;
    }
    .ambassador-quote-new {
        width: 100%;
    }
    .bannerright.appbanner-right video {
        margin-top: 30px;
    }
    header .container {
        padding: 0 30px;
    }
    header .navbar-brand img {
        height: 23px !important;
    }
    .custom-container {
        padding: 0 20px;
    }
    .appInfo {
        margin-top: 45px;
    }
    .home-banner-right {
        margin-top: 70px;
        text-align: center;
    }
    .home-banner-right img {
        max-width: 460px;
        width: 100%;
    }
    .about-app-section .container {
        display: flex;
        flex-flow: column-reverse;
    }
    .aboutAppright {
        width: 100%;
    }
    .aboutAppLeft {
        width: 100%;
        text-align: center;
    }
    .aboutAppLeft img {
        max-width: 400px;
        width: 100%;
    }
    .aboutAppBox {
        width: 320px;
    }
    .joinContainer {
        flex-flow: column;
    }
    .joinLeft {
        width: 100%;
        text-align: center;
        padding-left: 0;
        margin-bottom: 60px;
    }
    .quoteImg {
        left: 0;
        top: 0;
        position: relative;
    }
    .joinSection {
        padding-top: 50px;
    }
    .joinRight {
        width: 100%;
    }
    .footerTop {
        flex-flow: column;
        gap: 0px;
        padding: 30px;
    }
    .footerTop::before {
        background-size: 100%;
    }
    .footerLinkMain {
        width: 330px;
        margin-left: 65px;
    }
    .footerLinkBox ul:last-child {
        margin-bottom: 0px;
    }
    .footerTopleft {
        margin-bottom: 20px;
    }
    .career-positions h3 {
        font-size: 24px;
    }
    header ul .nav-link {
        font-size: 14px;
        margin-left: 20px;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }
    h2 {
        font-size: 26px;
    }
    .container {
        padding: 0 20px;
    }
    .bannerLeft h2 {
        font-size: 34px;
        margin-bottom: 25px;
        word-break: break-word;
    }
    .bannerLeft h4 br {
        display: none;
    }
    .appInfoBox {
        margin-bottom: 20px;
    }
    .home-banner-right {
        margin-top: 20px;
    }
    .aboutAppBox {
        width: 100%;
        max-width: 100%;
    }
    .aboutApprightBtn .btn {
        padding: 10px 15px;
        font-size: 14px;
        margin: 50px 6px 10px 6px;
    }
    .aboutAppBox h3 {
        font-size: 22px;
    }
    .aboutAppBox img {
        margin-right: 10px;
        width: 45px;
        margin-top: -2px;
    }
    .lancefordBox {
        bottom: 140px;
    }
    .lancefordSocial .SocialIcon {
        width: 35px;
        height: 35px;
    }
    .lancefordSocial .SocialIcon img {
        width: 20px;
    }
    .lanceright {
        bottom: 22px;
        right: -14px;
    }
    .lancefordBox h3 {
        font-size: 18px;
    }
    .StayUpdateForm .btn-primary {
        font-size: 13px;
        padding: 12px 10px;
    }
    .joinSection {
        padding-top: 30px;
    }
    .footerLinkMain {
        margin-left: 0;
        max-width: 100%;
    }
    .join-team-slider,
    .slick-list {
        padding: 0px !important;
    }
    .join-team-slider {
        margin-top: -20px;
        margin-bottom: 55px;
    }
    .custom-card p {
        font-size: 14px;
    }
    .join-team-slider .slick-arrow {
        left: 20px;
        top: -58px;
    }
    .join-team-slider .slick-list::before {
        display: none;
    }
    .join-team-slider .slick-prev {
        display: inline-block !important;
    }
    .join-team-slider .slick-prev {
        display: block !important;
    }
    .join-team-slider .slick-prev {
        left: inherit;
        right: 20px;
    }
    .join-team-slider {
        padding-right: 20px !important;
    }
    .join-team-slider .slick-prev,
    .join-team-slider .slick-next {
        background-size: 100%;
        height: 45px;
        width: 45px;
    }
    .footerTop {
        padding: 35px 15px;
        text-align: center;
    }
    .footerTopleft h3 {
        margin-bottom: 20px;
    }
    .btn-primary.lg-btn {
        font-size: 16px;
        line-height: 36px;
        padding: 8px 20px;
    }
    .about-app-section {
        padding: 0px 0 50px;
    }
    .ReachYour .container {
        padding-top: 40px;
    }
    .StayUpdateSection .container {
        padding: 30px 15px;
    }
    .joinLeft {
        margin-bottom: 30px;
    }
    .footerTopleft {
        margin-bottom: 25px;
    }
    .footerBoxLeft {
        text-align: center;
        width: 100%;
        margin-bottom: 35px;
    }
    .footerMain {
        background-position: right -20px bottom 70px;
        background-size: 180px;
    }
    .footerBox {
        margin: 40px auto 30px auto;
    }
    .appbanner-right video {
        height: 220px;
        margin-top: 20px;
    }
    .welcome-strng-sec {
        padding: 30px 0;
    }
    .welcome-strng-img {
        margin-bottom: 30px;
    }
    .joinRight {
        overflow-x: hidden;
    }
    .welcome-strng-sec {
        margin-bottom: 30px;
    }
    .fitness-journey-sec h2 {
        font-size: 26px;
        line-height: 1.4;
    }
    .fitness-journey-sec ul {
        flex-flow: column;
        align-items: center;
        margin-bottom: 20px;
    }
    .fitness-journey-sec li {
        width: 250px;
        margin: 0 0 35px 0;
    }
    .fitness-journey-sec {
        margin-bottom: 40px;
    }
    .image-gallery-sec.needMoreProof {
        float: left;
        width: 100%;
        margin-top: -60px;
        padding-bottom: 140px !important;
    }
    .image-gallery {
        max-width: 300px;
        margin: 0 auto;
        flex-flow: column;
    }
    .fitness-journey-sec ul {
        margin-bottom: 30px !important;
    }
    .ambassador-search-text h2 {
        font-size: 26px;
    }
    .ambassador-search-text-block {
        margin-bottom: 40px;
    }
    .ambassador-form-box {
        border-radius: 10px;
        padding: 30px 20px;
    }
    .ambassador-form-inner {
        padding: 10px 0;
    }
    .form-group label {
        font-size: 14px;
        line-height: 1.2;
    }
    section.ambassador-search-sec {
        padding-bottom: 10px;
    }
    .ambassador-quote-text img {
        position: relative;
        left: 0;
        top: 0;
        width: 70px;
    }
    .ambassador-quote-text {
        min-width: 100%;
        right: 0;
        bottom: 0;
    }
    .ambassador-quote-text h4 br {
        display: none;
    }
    .ambassador-quote-text h4 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .ambassador-quote {
        padding-top: 20px;
    }
    .ambassador-quote-sec {
        padding-bottom: 150px !important;
    }
    .form-control {
        font-size: 14px;
    }
    .career-positions h3 {
        font-size: 22px;
    }
    .career-positions {
        margin-top: 45px;
    }
    .pb-210 {
        padding-bottom: 170px !important;
    }
    .custom-list li a {
        font-size: 15px;
    }
    .breadcrumb li {
        font-size: 12px;
    }
    .search-sec-box {
        flex-flow: column;
        align-items: flex-start;
    }
    .further-assistance-box {
        padding: 30px 20px;
        margin-top: 70px;
    }
    .further-assistance-box div {
        flex-flow: column;
        text-align: center;
    }
    .further-assistance-box h4 {
        font-size: 22px;
    }
    .further-assistance-box .btn-primary {
        margin-top: 25px;
    }
    .custom-accordion .card-header button {
        font-weight: 500;
        font-size: 16px;
        white-space: normal;
        padding-right: 45px;
    }
    .custom-accordion .card-header button[aria-expanded="true"] svg {
        margin-left: 8px;
    }
    .help-faq-detail-sec {
        padding-top: 35px;
    }
    .btn-primary {
        padding: 10px 15px;
        font-size: 14px;
    }
    .login-box h2,
    .single-guide-page-text h4 {
        font-size: 24px;
    }
    .single-guide-page-sec {
        padding-bottom: 50px;
    }
    .single-guide-page-img {
        margin-bottom: 20px;
    }
    .help-faq-sec .custom-list {
        margin: 25px 0;
    }
    .frequently-que-box {
        margin: 30px auto;
    }
    .custom-list h4 {
        font-size: 22px;
    }
    section.work-plan-tabs {
        padding: 0 0 60px 0;
    }
    .image-gallery-sec {
        padding-top: 20px;
    }
    .join-team-slide.custom-card {
        margin-bottom: 0px;
    }
    .custom-card {
        margin-bottom: 15px;
    }
    .login-box p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
    .login-box .btn-secondary {
        font-size: 14px;
        padding: 10px 30px;
    }
    .work-plan-tabs ul,
    .custom-tabs ul {
        margin-bottom: 15px;
    }
    .welcome-strng-text h2 {
        margin-bottom: 20px;
    }
    .romane-banner-right {
        margin-top: 20px;
    }
    .subscription-box {
        flex-flow: column !important;
        margin: 0 auto;
        max-width: 300px;
    }
    .subscription-box li {
        margin: 15px 0 0 0;
    }
    .heading-text {
        padding-bottom: 15px;
    }
    .heading-text h4 {
        font-size: 24px;
    }
    .fitness-journey-page-sec h6 {
        margin: 20px 0 40px;
    }
    .fitness-journey-page-sec .row {
        margin-top: 0;
    }
    .fitness-journey-page-sec {
        padding-bottom: 60px;
    }
    .error-msg-box {
        max-width: 90%;
        display: flex;
        align-items: center;
        padding: 15px;
    }
    .login-form-sec {
        padding-bottom: 170px;
    }
    .bootstrap-select .dropdown-toggle,
    .bootstrap-select div.dropdown-menu .inner ul li a {
        font-size: 14px;
    }
    .subscription-info h6,
    .manage-profile h6 {
        font-weight: 600;
        font-size: 22px;
        line-height: 36px;
    }
    .error-msg-box svg {
        margin-right: 10px;
    }
    .TimerBox div b {
        font-size: 28px;
    }
    .TimerBox div span {
        font-size: 12px;
    }
    .TimerBox {
        height: 100px;
        border-radius: 10px;
    }
    .shopListImg {
        margin: 30px 0 5px 0;
    }
    .joinContainer {
        overflow: hidden;
    }
    header ul .nav-link {
        line-height: 20px;
        padding: 7px 5px !important;
        margin-left: 0;
    }
    header .login-links {
        display: flex;
        flex-direction: column;
    }
    header .login-links li:last-child a {
        padding: 5px 5px !important;
        background-color: transparent;
    }
    header {
        backdrop-filter: blur(13px) !important;
        background-color: hsla(0, 0%, 0%, 50%) !important;
    }
    header .navbar {
        padding: 10px 0;
    }
    .fixed-header .navbar {
        padding: 5px 0;
    }
    .all-product-list a {
        font-size: 18px;
        line-height: 26px;
    }
    .all-product-list a svg {
        margin-left: 25px;
    }
    .single-product-box span {
        font-size: 14px;
        line-height: 22px;
        padding: 6px 18px;
    }
    .single-product-box h5 {
        font-size: 18px;
        line-height: 30px;
    }
    .all-product-list {
        padding: 15px 0;
    }
    .goals-text {
        top: 50%;
        transform: translateY(-50%);
    }
    .goals-text h2 {
        font-size: 16px;
    }
    .goals-text p {
        line-height: 1.2;
        margin-bottom: 0;
    }
    .ambassador-quote-new {
        padding-right: 62px;
    }
    .quoteImg-right {
        right: -22px;
    }
    .ambassador-quote-new b {
        font-size: 15px;
    }
}