@media screen and (max-width: 1024px) {
    .mobile-images img:nth-child(2) {
        bottom: 155px;
    }
    .tailor-made-images p {
        font-size: 0.75rem;
    }
    .footer-logo {
        width: 21%;
    }
    .subject-img {
        width: 50%;
    }
    .post-witer-profile p {
        font-size: 1rem;
    }
    .subscribe-section button {
        font-size: 0.8rem !important;
    }
    .contact-box {
        width: 39%;
    }
    .subject-btn-navbar {
        padding: 0 2% 0% 3%;
    }
    .menu-btn {
        width: 100%;
        margin-left: 4%;
    }
    .fetured-data .text {
        bottom: 30px;
    }
    .plan_box_container {
        width: 98%;
    }
}
@media screen and (max-width: 800px) {
    .footer-container h2 {
        font-size: 13px;
    }
    .subject-btn-navbar {
        display: none;
        padding: 0 2%;
    }
    .subject-menu-mobile {
        display: block;
        color: black;
    }
    .subject-menu-mobile ul {
        background-color: #fff;
        left: 0;
        right: 0;
        display: none;
        padding: 0;
        list-style: none;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        width: 90%;
        margin: 0 auto;
    }
    .subject-menu-mobile ul li {
        padding: 7% 9%;
        font-weight: 500;
        font-size: 1.1rem;
        border-bottom: 0.5px solid #e1e1e1;
    }
    .subject-menu-mobile ul li:hover {
        background-color: #22cae7;
        color: #fff;
    }
    .subject-menu-mobile ul li:last-child {
        border: none;
    }
    .active-menu {
        background-color: #eaeaea;
        padding: 2% 0%;
    }
    .active-menu-info {
        display: flex;
        justify-content: space-between;
        width: 83%;
        margin: 0 auto;
        border: 1.5px solid #22cae7;
        padding: 3% 5%;
        border-radius: 5px;
    }
    .active-menu-info h2 {
        margin: 0;
        font-size: 17px;
        font-weight: 600;
        text-align: center;
    }
    .open-subject-menu {
        display: block !important;
    }
    .fetured-data .text p {
        font-size: 15px;
    }

    .pop-section .category-thumbnail {
        width: 75%;
        border-radius: 17px;
        padding: 0;
    }
    .pop-section {
        display: flex;
        flex-direction: column;
    }
    .pop-up-view {
        position: unset;
        order: 3;
        width: unset;
        margin: 0 auto;
        padding: 0% 5% 0%;
        margin-bottom: 6%;
    }
    .veiw-btn img {
        width: 13%;
    }
    .pop-section {
        left: 1%;
        top: 2%;
        width: 98%;
        height: 81%;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 14% 0% 2% 0%;
    }
    .pop-up-bottom {
        padding: 4% 5% 0%;
    }
    .close-pop-up {
        width: 7% !important;
        top: 2%;
        right: 3%;
    }
}
@media screen and (max-width: 768px) {
    .slider-item {
        flex: 0 0 90%; /* Take up more of the viewport width */
        padding: 15px;
        margin: 5px;
    }

    .slider-controls button {
        font-size: 18px; /* Reduce button size */
    }

    .slider-dots .dot {
        width: 8px;
        height: 8px; /* Smaller dots */
    }
    .mycare-page .language-switcher select {
        font-size: 0.5rem;
    }
}
@media screen and (max-width: 600px) {
    .home-banner {
        background-image: url(../images/Home/homebg3.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    video {
        display: none;
    }
    .home-banner .text-overlay {
        display: block;
    }
    .nav_list {
        display: none;
    }
    .nav-bar-mobile {
        position: fixed;
        display: block;
        width: 60%;
        top: 0;
        right: -60%;
        height: 100%;
        z-index: 1;
        background-color: black;
        transition: 0.5s all;
    }
    .show-nav-menu {
        right: 0;
    }
    .nav-bar-mobile ul {
        list-style: none;
        margin-top: 20%;
    }
    .navbar_container {
        background: none;
    }
    .nav-bar-mobile li {
        padding: 13px;
    }
    .logo_section {
        width: 60%;
        margin-top: 9%;
    }

    .portal-plan-height .plan_box_container {
        margin-top: 30%;
    }
    .mycare-page .logo_section {
        width: 50%;
        margin-top: 0;
    }
    .nav-bar-mobile ul li a {
        font-size: 1.3rem;
    }
    .menu-btn-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        padding: 0% 0% 2% 2%;
        height: 60px;
        top: 0;
        border-bottom-left-radius: 32px;
        right: 0;
        background-color: #fff;
    }
    .menu-btn-mobile img {
        width: 50%;
    }
    .exit-menu {
        position: absolute;
        left: 78%;
        top: 3%;
        width: 10%;
        cursor: pointer;
    }
    .exit-menu img {
        width: 100%;
    }
    .transforming-data-section {
        flex-direction: column;
        align-items: unset;
    }
    .transforming-data-section img {
        width: 85%;
        margin-top: 2%;
    }
    .tailor-made-images {
        width: 100%;
        flex-direction: column;
    }
    .tailor-made-images img {
        width: 70%;
    }
    .tailor-made-images p {
        width: 59%;
        font-size: 0.9rem;
    }
    .tailor-made-data {
        width: 75%;
        margin-top: 12%;
    }
    .tailor-made-section h2 {
        font-size: 1.3rem;
        padding: 0 6%;
    }
    .transforming-info {
        width: 90%;
        padding: unset;
    }
    .transforming-info p {
        width: 100%;
        font-size: 0.9rem;
        margin-top: 7%;
        padding-left: 7%;
        line-height: 1.5;
    }
    .mobile_conatiner h2 {
        text-align: center;
        font-size: 1.2rem;
    }
    .mobile-images img:nth-child(2) {
        width: 85%;
        margin-bottom: 11%;
    }
    .is-hidden,
    .for-desk {
        display: none;
    }
    .for-mobile,
    .for-mobile-title {
        display: block;
        font-size: 1.3rem;
        width: 92%;
        padding-left: 5%;
    }
    .for-mobile-title {
        order: 1;
        color: #22cae7;
    }
    .mobile-info {
        width: 100%;
    }
    .mobile-info span {
        margin: 0 4% 5% 4%;
        display: block;
        font-size: 0.9rem;
        text-align: left;
    }
    .vr_ar-container {
        flex-direction: column-reverse;
    }
    .vr_ar-data {
        width: 90%;
        text-align: left;
        line-height: 1.5;
        padding-left: 2%;
    }
    .vr_ar-images {
        margin: 50% 0%;
    }
    .vr_ar-images div:nth-child(1) {
        width: 100%;
        top: 30%;
        right: 12%;
    }
    .vr_ar-images img:nth-child(2) {
        width: 45%;
        left: 55%;
    }
    .tailor-made-section {
        margin-bottom: 23%;
    }
    .footer-container {
        flex-direction: column;
        align-items: center;
        border-top: 1px solid #22cbe8;
        margin: 0% 2%;
    }
    .footer-logo,
    .footer-terms {
        display: block;
        width: 70%;
        padding-top: 6%;
    }
    .whatsapp-section {
        display: block;
        padding-top: 6%;
        margin-top: 7%;
        text-align: center;
    }
    .footer-conatactUs {
        display: none;
    }
    .footer-navbar h3 {
        display: none;
    }
    .footer-list li {
        text-align: center;
        font-size: 14px;
        font-weight: 600;
    }
    .footer-logo p {
        text-align: center;
    }
    .footer-logo img {
        width: 100%;
    }
    .footer-logo p {
        text-align: center;
    }
    .footer-container h2 {
        font-size: 0.8rem;
    }
    .footer-lang {
        width: 70%;
        margin: 7% auto 15% auto;
    }
    .footer-payment {
        margin-top: 10%;
        width: 100%;
        text-align: center;
    }
    .footer-payment h3 {
        font-weight: 500;
    }

    .footer-payment-logo {
        justify-content: center;
    }
    .footer-terms {
        margin-top: 7%;
        text-align: center;
    }
    .footer-terms h3,
    .whatsapp-section h3 {
        font-weight: 500;
    }
    .footer-terms a {
        /* font-size: 14px;
        display: block;
        font-weight: 100; */
    }
    /*learn page*/
    .learn-banner {
        background-image: url(../images/Learn/mobilebg@2x.png) !important;
    }
    .text-overlay,
    .veiw-btn {
        width: 90%;
    }
    .subject-data-section {
        flex-direction: column;
    }
    .subject-img {
        width: 100%;
    }
    .catlog-section {
        flex-direction: column;
    }
    .catlog-info {
        width: 100%;
    }
    .text-overlay p {
        font-size: 1.3rem;
        font-weight: 100;
    }
    .catlog-container h1 {
        font-size: 20px;
    }
    /*faq*/
    .faq-banner {
        background-image: url(../images/FAQ/bgfaqmobile@2x.png) !important;
        height: 325px;
    }
    .faq-text-overlay {
        top: 19%;
    }
    .faq-text-overlay h1 {
        font-size: 2rem;
    }
    .faq-qusetions-section {
        flex-direction: column;
    }
    .faq-qusetion-box,
    .blog-text-overlay,
    .category-tag-text,
    .post-heading,
    .load-more button {
        width: auto;
    }
    .faq-text-overlay {
        width: 80%;
    }
    .category-tag-text {
        margin: 0% 3% 0% 0%;
    }
    .faq-text-overlay p {
        font-size: 0.9rem;
        font-weight: 100;
    }
    .faq-qusetion-box {
        padding: 10% 3% 3%;
        margin-bottom: 14%;
    }
    .faq-qusetion-box p {
        font-size: 0.91rem;
    }
    .faq-qusetion-box img {
        width: 25%;
    }
    /*blog*/
    .category-tag-text h1 {
        width: auto;
        font-size: 25px;
    }
    .post-witer-profile {
        width: 90%;
        margin-bottom: 6%;
    }
    .post-writer-data {
        flex-direction: column;
        align-items: center;
    }
    .subscribe-section {
        width: 90%;
    }
    .subscribe-container h2 {
        font-size: 1.1rem;
    }
    .articles-details h1 {
        font-size: 1.1rem;
    }
    .articles-details p,
    .articles-details h4 {
        font-size: 1rem;
    }
    /*contact-us*/
    .contact-us-container h1 {
        display: block;
        font-size: 1.6rem;
        color: #22cae7;
        width: 85%;
    }
    .contact-box {
        width: 80%;
        margin-top: 15%;
        margin-bottom: 4%;
    }
    .middle-container-contactUs,
    .form-vr {
        height: 40vh !important;
    }
    .contact-us-container {
        flex-direction: column;
        align-items: center;
    }
    .contact-text-overlay {
        font-size: 0.76rem;
        padding: 0% 2%;
        top: 60%;
        width: 90%;
    }
    .contact-text-overlay h1 {
        font-size: 1.5rem;
    }
    .form-vr-text {
        width: 95%;
    }
    .form-vr-text h1 {
        font-size: 1rem;
    }
    .form-container {
        width: 90%;
        padding-top: 25%;
    }
    .form-container h1 {
        font-size: 1.6rem;
    }
    .send-btn {
        width: 70% !important;
        padding: 2% !important;
    }
    .name-section {
        height: 115px;
        flex-direction: column;
    }
    .name-section input {
        width: 100% !important;
    }
    .form-container p {
        font-size: 1rem;
    }
    #login-container {
        width: 70%;
    }
    .one_line_col .for_boxes li {
        width: 100%;
    }
    .terms-conditions-head {
        margin-top: 24%;
    }
    .terms-container {
        padding: 25px 21px;
    }
    .plan_box_container {
        width: 80%;
        margin-top: 20%;
    }
    .plan_inner_container {
        flex-direction: column;
        align-items: center;
        margin-top: 10%;
    }
    .plan_inner_container > div {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }
    .middle-container-plan {
        height: unset;
    }

    .plan_inner_container_portal {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .plan_inner_container .plan-box_1,
    .plan-box_2 {
        width: 97%;
        margin-bottom: 15%;
        padding-bottom: 9%;
        margin: unset;
    }
    .credit-card-container-main {
        align-items: center;
        justify-content: center;
        margin-bottom: 7%;
        margin-top: 25%;
    }
    .section-left {
        width: 85%;
    }
    .section-right {
        display: none;
    }
    .charge-to-mobile-overlay {
        width: 80%;
        margin: 0 auto;
    }
    .alert-box {
        width: 80%;
        padding: 3% 5%;
    }
    .faq-qusetions-section.top-container-section {
        flex-direction: unset;
    }
    .faq-qusetions-section.middle-container-section {
        margin-right: 10%;
    }
    .mycare-page .top-container-section .QnA-container {
        width: 90%;
    }
    .mycare-page .contact-us-top-container {
        margin: 0 4%;
    }
    .mycare-page .footer-logo {
        width: 80%;
    }
}
@media screen and (max-width: 360px) {
    .text-overlay {
        top: 30%;
    }
    .menu-btn button {
        font-size: 6px;
    }
    .fetured-data .text {
        width: 84%;
        bottom: 20px;
    }
    .subject-info {
        bottom: 30px;
    }
    .fetured-data .text p {
        font-size: 13px;
    }
    .menu-btn-mobile {
        height: 45px;
    }
    .for-mobile,
    .for-mobile-title,
    .mobile_conatiner h2,
    .articles-details h1 {
        font-size: 1rem;
    }
    .transforming-info p,
    .mobile-info span,
    .vr_ar-data p,
    .conatct-us-btn span,
    .form-container p {
        font-size: 0.8rem;
    }
    .QnA-container h2 {
        font-size: 1.3rem;
    }
    .conatct-us-btn span {
        height: 58px;
    }
    .contact-text-overlay {
        top: 54%;
    }
    .contact-text-overlay h1 {
        font-size: 1.2rem;
    }
    .faq-banner {
        height: 290px;
    }
    .btn-start {
        width: 80%;
    }
    .charge-to-mobile-overlay h1 {
        font-size: 30px;
    }
    .mycare-page .language-switcher {
        width: 15%;
    }
    .mycare-page .logo_section {
        width: 45%;
    }
}
@media screen and (height: 480px) {
    .contact-text-overlay {
        top: 46%;
    }
}
@media (max-width: 480px) {
    .slider-item {
        flex: 0 0 100%; /* Full width for smaller devices */
        padding: 10px;
        margin: 0;
    }

    .slider-controls {
        display: none; /* Hide controls for very small screens */
    }

    .slider-dots .dot {
        width: 6px;
        height: 6px;
    }
    .mycare-page .language-switcher {
        width: 15%;
    }
}