@media screen and (max-width:1480px) {
    .m-120 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .p-120 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .common-btn {
        font-size: 16px;
    }

    .footer-div .links-div>ul {
        gap: 8px;
    }

    .footer-div .links-div li>a,
    .copyright-div .policy-links>a,
    .copyright-div .right-link {
        font-size: 16px;
    }

    .copyright-section {
        height: 85px;
    }

    .theme-title h2 {
        font-size: 35px;
    }

    .tab-content-div .right-content .title {
        font-size: 28px;
    }

    .tab-content-div .right-content .description {
        margin: 15px 0;
    }

    .tab-content-div .right-content .benefits li {
        font-size: 16px;
    }

    .get-start-section {
        height: 500px;
    }

    .description {
        font-size: 16px;
    }

    .blog-list .blog-content .description {
        margin-top: 10px;
    }

    .blog-list .blog-content .title h2>a {
        font-size: 24px;
        line-height: 20px;
    }

    .blog-list .blog-content .view-more {
        font-size: 30px;
    }

    .Carefully-curated-section .digital-therapeutics-list {
        gap: 70px;
    }

    .digital-title .main-title h1 {
        font-size: 36px;
    }

    .single-digital-section .digital-title {
        gap: 15px;
    }

    .digital-title .button {
        margin-top: 30px;
    }

    .card-item .right-content .card-title h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .common-card-section .card-item {
        gap: 100px;
        max-width: 1000px;
    }

    .common-card-section {
        gap: 60px;
    }
 
    .contactus-section .form-div ,.contactus-section .form-div .form{
        gap: 15px;
    }
    .contactus-section .main-title h1 {
        font-size: 40px;
    }
}

@media screen and (max-width:1380px) {
    .container {
        max-width: 1200px;
    }

    .m-8 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .digital-title .button {
        margin-top: 10px;
    }

    .top-header .hdr-menu {
        gap: 35px;
        margin-left: 10px;
    }

    .main-title h1 {
        font-size: 50px;
    }

    .active-users-box .total-user span {
        font-size: 20px;
    }

    .common-btn {
        height: 45px;
    }

    img {
        max-width: 100%;
    }

    .hero-section .hero-div {
        max-width: 1140px;
        margin: 0 auto;
    }

    .hero-div .left-hero-content {
        width: 100%;
        transform: translateY(22px);
    }

    .image-content .active-users-box {
        max-width: 245px;
        padding: 15px;
        border-radius: 20px;
    }

    .active-users-box p {
        font-size: 14px;
        line-height: 18px;
    }

    .image-content .active-users-box::before {
        border-radius: 20px;
    }

    .dots .dot {
        width: 15px;
        height: 15px;
    }

    .social-icons-div .icons a {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .secound-hero-img>.dots .dot:first-child {
        width: 40px;
        height: 15px;
    }

    .secound-hero-img>.dots .dot:last-child {
        width: 15px;
        height: 15px;
    }

    .third-hero-img .image-content .categories-box {
        font-size: 12px;
        line-height: 15px;
        padding: 7px 10px;
    }

    .right-images-div .third-hero-img .image-content {
        left: 0;
        padding: 10px;
    }

    .first-hero-img .image-content {
        padding: 15px;
    }

    .right-images-div .circle .text-img {
        top: -3.5px;
        max-width: 82px;
        height: 100px;
    }

    .right-images-div .circle::after {
        width: 40px;
        height: 40px;
    }

    .right-images-div .circle-div {
        top: -6px;
        left: -57px;
    }

    .right-images-div .circle {
        width: 100px;
        height: 100px;
    }

    .right-images-div .circle .arrow {
        font-size: 15px;
    }

    .right-images-div .first-hero-img {
        width: 713px;
    }

    .digital-health-section .digital-section .left-title-div {
        width: 90%;
    }

    .single-digital-div .digital-therapeutics-list .blog-list {
        max-width: 950px;
    }

    .digital-title .main-title h1 {
        font-size: 25px;
    }

    .group-img .calendar-img {
        right: 10px;
    }

    .card-item .right-content .card-title h2 {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .common-card-section .card-item {
        gap: 50px;
        max-width: 1000px;
    }

    .common-card-section {
        gap: 40px;
    }

    .common-card-section .card-item .img-div {
        max-width: 190px;
    }

    .health-plan-section.digital-health-section .digital-section .left-title-div {
        width: 50%;
    }

    .health-plan-section.digital-health-section .digital-section .left-title-div {
        transform: translate(50px, 50px);
    }

    .health-plan-section .right-digital-img .content .categories-div {
        padding: 14px;
    }

    .health-plan-section .right-digital-img .content .dots {
        padding: 15px;
    } 
    .contactus-section .main-title h1 {
        font-size: 30px;
    }

}

@media screen and (max-width:1280px) {
    .top-header .hdr-menu {
        gap: 25px;
    }

    .p-120 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .footer-div .links-div>ul {
        gap: 5px;
    }

    .footer-div .links-div {
        gap: 10px;
    }

    .footer-div .links-div h2 {
        font-size: 16px;
    }

    .footer-div .links-div li>a,
    .copyright-div .policy-links>a,
    .copyright-div .right-link {
        font-size: 15px;
    }

    .copyright-section {
        height: 75px;
    }

    .footer-div .social-icons {
        gap: 10px;
        margin-top: 10px;
    }

    .social-icons a {
        width: 45px;
        height: 45px;
        font-size: 16px;
    }

    .copyright-div .policy-links>a {
        padding: 0 15px;
    }

    .copyright-div .right-link {
        gap: 0px;
    }

    .main-title h1 {
        font-size: 40px;
    }

    .left-hero-content .buttons {
        gap: 15px;
        margin-top: 15px;
    }

    .common-btn {
        height: 40px;
        font-size: 14px;
    }

    .theme-title h2 {
        font-size: 25px;
    }

    .tab-content-div .right-content .title {
        font-size: 25px;
    }

    .your-needs-section .tab-section a {
        font-size: 16px;
        padding: 10px 30px;
    }

    .your-needs-section .tab-content-div {
        padding: 35px;
    }

    .get-start-section .right-img {
        max-width: 200px;
    }

    .get-start-section {
        height: 450px;
    }

    .description {
        font-size: 14px;
        line-height: 17px;
    }

    .get-start-section .theme-title {
        gap: 15px;
    }

    .get-start-section .flex-div {
        max-width: 900px;
    }

    .digital-health-section .digital-section .left-title-div {
        width: 100%;
    }

    .blog-list .blog-content .view-more {
        font-size: 25px;
    }

    .digital-therapeutics-list .blog-list {
        gap: 40px;
    }

    .Carefully-curated-section .digital-therapeutics-list {
        gap: 50px;
    }

    .blog-list .blog-img {
        max-width: 150px;
        height: 150px;
        border-radius: 20px;
    }

    .blog-list .blog-content .title .dot,
    .blog-list .blog-content .title .dot::after,
    .blog-list .blog-content .title .dot::before {
        width: 8px;
        height: 8px;
    }

    .blog-list .blog-content .title .dot::after,
    .blog-list .blog-content .title .dot::before {
        right: -12px;
    }

    .blog-list .blog-content .title .dot::before {
        top: -12px;
    }

    .digital-title .main-title h1 {
        font-size: 22px;
    }

    .single-digital-section .digital-title {
        gap: 10px;
    }
  
    .digital-img-group {
        margin-top: 30px;
    }

    .blog-list .blog-content .title h2>a {
        font-size: 20px;
        line-height: 16px;
    }

    .health-plan-section.digital-health-section .digital-section .left-title-div {
        transform: translate(50px, 13px);
    }

    .executed-section .theme-title h2 {
        margin-bottom: 10px;
    }

    .login-section .title h1 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .contactus-section .main-title h1 {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .top-header {
        margin-top: 25px;
    }

    .top-header .hdr-menu li a {
        font-size: 14px;
    }

    .top-header .hdr-menu {
        gap: 20px;
        margin-left: 5px;
    }

    .top-header .main-logo img {
        max-width: 120px;
    }

    .top-header .buttons-div ul>li>a {
        font-size: 14px;
    }

    .common-btn {
        padding: 5px 35px;
        height: 35px;
    }

    .top-header .buttons-div ul {
        gap: 15px;
    }

    .m-120 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .p-120 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .footer-div .logo img {
        max-width: 120px;
    }

    .m-8 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .theme-title h2 {
        font-size: 20px;
    }

    .tab-content-div .right-content .title {
        font-size: 20px;
    }

    .your-needs-section .tab-section a {
        font-size: 15px;
    }

    .tab-content .left-img {
        max-width: 250px;
    }

    .tab-content-div .tab-content {
        gap: 50px;
    }

    .tab-content-div .right-content .description {
        margin: 10px 0;
    }

    .tab-content-div .right-content .benefits li {
        font-size: 15px;
    }

    .your-needs-section .tab-section {
        margin-top: 15px;
    }

    .main-title h1 {
        font-size: 26px;
        line-height: 38px;
        margin: 5px 0;
    }

    .get-start-section {
        height: 385px;
    }

    .get-start-section .right-img {
        max-width: 150px;
    }

    .digital-section .categories-div {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }

    .digital-section .main-title h1 {
        margin: 10px 0;
    }

    .health-plan-section .left-title-div .description {
        max-width: 430px;
    }

    .common-categories-box {
        font-size: 13px;
        line-height: 19px;
        padding: 5px 13px;
    }

    .digital-health-section .digital-section .left-title-div {
        transform: translate(0);
    }

    .digital-section .right-digital-img {
        max-width: 45%;
    }

    .digital-therapeutics-list .blog-list:nth-child(even) {
        transform: translateX(0);
    }

    .digital-therapeutics-list .blog-list {
        gap: 20px;
    }

    .blog-list .blog-content .title h2>a {
        font-size: 18px;
        line-height: 14px;
    }

    .blog-list .blog-content .view-more {
        font-size: 16px;
    }

    .Carefully-curated-section .digital-therapeutics-list {
        gap: 30px;
    }


    .digital-title .main-title h1 {
        font-size: 18px;
    }

    .group-img .calendar-img {
        max-width: 140px;
    }

    .card-item .right-content .card-title h2 {
        font-size: 20px;
    }

    .common-card-section .card-item {
        gap: 30px;
        max-width: 100%;
    }

    .common-card-section {
        gap: 30px;
    }

    .common-card-section .card-item .img-div {
        max-width: 160px;
    }

    .health-plan-section .right-digital-img .content .categories-div {
        padding: 12px;
    }

    .form-div .input-div {
        gap: 3px;
    }

    .login-section {
        height: calc(100vh - 126px);
    }
    .contactus-page{
        padding: 50px 0;
    }
}

@media screen and (max-width: 900px) {

    .top-header>nav,
    .top-header .buttons-div {
        display: none;
    }

    .mobile-menu {
        display: block;
    }

    .social-icons a {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .footer-div .links-div li>a,
    .copyright-div .policy-links>a,
    .copyright-div .right-link {
        font-size: 14px;
    }

    .footer-div .links-div>ul {
        gap: 0;
    }

    .copyright-div .policy-links>a {
        font-size: 13px;
        padding: 0px 10px;
    }

    .copyright-div .right-link {
        font-size: 13px;
    }

    .hero-section .hero-div {
        flex-direction: column;
        gap: 30px;
    }

    .hero-div .left-hero-content {
        transform: translateY(0px);
    }

    .blog-list .blog-img {
        border-radius: 10px;
    }

    .blog-list .blog-content .title .dot,
    .blog-list .blog-content .title .dot::after,
    .blog-list .blog-content .title .dot::before {
        width: 5px;
        height: 5px;
    }

    .blog-list .blog-content .title .dot::after,
    .blog-list .blog-content .title .dot::before {
        right: -9px;
    }

    .blog-list .blog-content .title .dot::before {
        top: -9px;
    }

    .single-digital-div .blog-list .blog-content .title {
        gap: 18px;
    }

    .health-plan-section .digital-section .right-digital-img {
        max-width: 100%;
    }

    .health-plan-section.digital-health-section .digital-section .left-title-div {
        transform: translate(0px, 13px);
    }

    .health-plan-section .right-digital-img .common-categories-box {
        font-size: 11px;
        padding: 3px 13px;
    }

    .health-plan-section .right-digital-img .content .categories-div {
        padding: 6px;
    }

    .main-title h1 {
        font-size: 22px;
        line-height: 32px;
    }

    .dots .dot {
        width: 10px;
        height: 10px;
    }

    .dots>.col {
        gap: 7px;
    }

    .dots {
        gap: 7px;
    }

    .description {
        font-size: 13px;
    }

    .executed-section .theme-title h2 {
        margin-bottom: 5px;
    }

    .main-title h1>br {
        display: none;
    }

    .main-title h1 {
        white-space: normal;
    }

    .health-plan-section .main-title h1>br {
        display: block;
    }

    .health-plan-section .main-title h1 {
        white-space: nowrap;
    }

    .secound-hero-img>.dots .dot:last-child {
        width: 10px;
        height: 10px;
    }

    .secound-hero-img>.dots {
        gap: 7px;
    }

    .secound-hero-img>.dots .dot:first-child {
        width: 30px;
        height: 10px;
    }

    .right-images-div .circle-div {
        left: -58px;
    }

    .tab-content-div .right-content .title {
        font-size: 18px;
    }

    .contactus-section .form-div {
        border-radius: 20px;
        padding: 20px;
    }

    .contactus-section .form-div::before {
        border-radius: 20px;
    }

    .contactus-page .contactus-section {
        gap: 10px;
    }
    .contactus-section .main-title h1 {
        font-size: 18px;
    }
}

@media screen and (max-width: 599px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-title h1 {
        font-size: 20px;
    }

    .mobile-nav>ul>li>a {
        font-size: 14px;
        padding: 5px 0;
    }

    .common-btn {
        padding: 5px 25px;
    }

    .footer-div .logo img {
        max-width: 100px;
    }

    .footer-div {
        gap: 16px;
    }

    .top-header .main-logo img {
        max-width: 100px;
    }

    .copyright-section .copyright-div {
        flex-wrap: wrap;
    }

    .copyright-section {
        height: 100%;
        padding: 5px 0;
    }

    .social-icons a {
        width: 35px;
        height: 35px;
    }

    .footer-div .social-icons {
        gap: 5px;
    }

    .copyright-section .copyright-div {
        justify-content: center;
    }

    .copyright-div .policy-links>a {
        font-size: 11px;
        padding: 0px 10px;
    }

    .copyright-div .right-link {
        font-size: 11px;
        line-height: 20px;
        text-align: center;
    }

    .your-needs-section .tab-section {
        gap: 15px;
    }

    .tab-content-div .tab-content {
        flex-direction: column;
    }

    .hero-div .right-images-div {
        flex-direction: column;
    }

    .right-images-div .first-hero-img {
        width: 100%;
    }

    .image-content .active-users {
        margin-bottom: 35px;
    }

    .image-content .active-users-box {
        max-width: 195px;
        padding: 12px;
        border-radius: 10px;
    }

    .image-content .active-users-box::before {
        border-radius: 10px;
    }

    .active-users-box p {
        font-size: 11px;
        line-height: 14px;
    }

    .active-users-box .total-user span {
        font-size: 14px;
        line-height: 20px;
    }

    .active-users-box .total-user a {
        font-size: 14px;
    }

    .social-icons-div .icons a {
        width: 35px;
        height: 35px;
        font-size: 12px;
    }


    .dots,
    .dots>.col,
    .image-content .social-icons-div .icons {
        gap: 6px;
    }

    .hero-div .right-images-div,
    .right-images-div>.col {
        gap: 15px;
    }

    .right-images-div .image img {
        width: 100%;
    }

    .theme-title h2 {
        font-size: 18px;
    }

    .your-needs-section .tab-section a {
        font-size: 12px;
        padding: 8px 5px;
    }

    .tab-content .left-img {
        max-width: 200px;
    }

    .your-needs-section .tab-content-div {
        padding: 20px 0;
    }

    .tab-content-div .tab-content {
        gap: 20px;
    }

    .tab-content-div .right-content .title {
        font-size: 14px;
    }

    .tab-content-div .right-content .description {
        margin: 7px 0;
    }

    .tab-content-div .right-content .benefits {
        gap: 5px;
        margin-bottom: 15px;
    }

    .tab-content-div .right-content .benefits li {
        font-size: 13px;
        line-height: 17px;
    }

    .tab-content-div .tab-content.order .left-img {
        order: initial;
    }

    .get-start-section .flex-div {
        flex-direction: column;
        gap: 30px;
    }

    .get-start-section {
        height: 100%;
        padding: 20px 0;
    }

    .get-start-section .bg-img {
        height: auto;
        right: -20px;
        bottom: -15px;
        top: auto;
    }

    .right-images-div .circle-div {
        top: 40px;
        left: -45px;
    }

    .right-images-div .circle .text-img {
        top: -12px;
        max-width: 64px;
    }

    .right-images-div .circle::after {
        width: 30px;
        height: 30px;
    }

    .right-images-div .circle {
        width: 80px;
        height: 80px;
    }

    .right-images-div .circle-div {
        top: 46px;
        left: -4px;
    }

    .hero-div .right-images-div {
        align-items: normal;
    }

    .digital-health-section .digital-section {
        flex-direction: column;
    }

    .digital-section .right-digital-img {
        max-width: 100%;
    }

    .left-title-div .description {
        max-width: 100%;
    }

    .digital-therapeutics-list .blog-list {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .blog-list .blog-content .title h2>a {
        font-size: 15px;
    }

    .blog-list .blog-content .description {
        margin-top: 5px;
        font-size: 14px;
        line-height: 19px;
    }

    .blog-content {
        padding-bottom: 20px;
    }

    .Carefully-curated-section .digital-therapeutics-list {
        gap: 20px;
    }

    .single-digital-div .blog-list .blog-content .title .dot {
        margin-bottom: 5px;
    }

    .single-digital-div .blog-list .blog-content .title h2 {
        line-height: 20px;
    }


    .group-img .calendar-img {
        max-width: 100px;
    }

    .card-item .right-content .card-title h2 {
        font-size: 16px;
    }

    .common-card-section .card-item {
        gap: 20px;
        flex-direction: column;
    }

    .common-card-section {
        gap: 20px;
    }

    .common-card-section .card-item .img-div {
        max-width: 130px;
    }

    .common-card-section .card-item.right-img .img-div {
        order: 0;
    }

    .health-plan-section.digital-health-section .digital-section .left-title-div {
        width: 100%;
        transform: translate(0px, 0px);
    }

    .health-plan-section .main-title h1>br {
        display: none;
    }

    .health-plan-section .main-title h1 {
        white-space: normal;
    }

    .contactus-section .form-div {
        padding: 15px;
    }

    .contactus-section .form-div::before {
        border-radius: 20px;
    }

    .form-div .input-div .input-box {
        padding: 10px 10px;
        font-size: 14px;
    }

    .contactus-section .form-div , .contactus-section .form-div .form{
        gap: 13px;
    }
 

    .login-section .title h1 {
        font-size: 20px;
    }
}