@media (max-width: 480px) {

        /* Move the mobile menu from the right */
.custome_navbar .navbar-collapse {
    position: absolute;
    top: 78px;
    right: 0;
    height: 55vh;
    background-color: #FFF;
    z-index: 9999;
    padding: 1rem;
    width: 100%; /* Adjust width as needed */
    transition: all 0.3s ease-in-out;
    transform: translateX(100%);
  }

  .custome_navbar .navbar-collapse.show {
    transform: translateX(0);
  }
  .login_process .login_form input {
    font-size: 16px;
}

  .navbar-toggler {
    margin-left: auto; /* Align toggle button to the right */
  }


    .custome_navbar {
        height: 80px;
        border-radius: 0px;
        margin: 0px;
        box-shadow: inset rgba(1, 35, 80, 0.2) 0px 0px 4px 0px;
        position: relative !important;
        width: 100%;
        top: 00px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 20;
    }
    .h_100{
        height: 0px;
    }
    .right_sedo_img,
    .left_sedo_img{
        display: none;
    }

    .hero_banner {
        height: 100%;
    }

    .hero_banner h1 {
        font-size: 30px;
    }
    .about_section .right_part h5,
    .Our_Services .section_title h3,
    .about_service h4,
    .Testimonials .testimonials_detail h4,
    .popular_dr_card h4,
    .hero_banner p {
        font-size: 18px;
    }

    .slider_part h3,
    .about_section .right_part h2 {
        font-size: 20px;
    }
    .login_process p,
    .book_apon_popup form .custom_book_btn,
    .book_apon_popup form input,
    .book_dr_card .dr_detail h4,
    .about_service p,
    .download_app p,
    .popular_dr_card span ,
    .slider_part p,
    .about_section .right_part p {
        font-size: 16px;
    }
    .book_dr_card .price_loc h4,
    .Testimonials .testimonials_detail p,
    .popular_dr_card p {
        font-size: 14px;
    }
    .download_app h2,
    .section_title h2 {
        font-size: 22px;
    }
    .serch_section {
        gap: 15px;
        justify-content: center;
        flex-direction: column;
    }
    .popular_dr_card {
        height: 185px;
    }
    .popular_doctore .mySwiperdoctore {
        height: 250px;
        padding-bottom: 50px;
    }
    .location_search,
    .dr_search {
        max-width: 100%;
    }
    #overlay {
        height: 77%;
    }

    .popular_doctore .swiper-button-next, .popular_doctore .swiper-button-prev {
        width: calc(var(--swiper-navigation-size) / 1* 1) !important;
        height: 23px !important;
    }
    .swiper-button-next, .swiper-button-prev {
        width: calc(var(--swiper-navigation-size) / 1* 2) !important;
        height: 23px !important;
    }

    .contact_popup input {
        width: 100%;
    }
    .contact_popup textarea {
        width: 100%;
        max-height: 200px;
    }
    .contact_popup .iti {
        width: 100%;
        /* display: flex; */
    }
    .contact_popup label {
        font-size: 17px;
        margin-bottom: 7px;
    }
    .contact_popup .custome_width{
        width: 95%;
    }
    .about_service .svg_bg {
        height: 80px;
        width: 80px;
    }
    .about_service .border_end {
        border-right: none;
    }
    .all_types .dr_card_type {
        padding: 10px;
        font-size: 16px;
    }
    .book_dr_card .dr_img_roung {
        height: 65px;
        width: 65px;
    }
    .book_dr_card .book_part h4 ,
    .book_dr_card .dr_detail h6 {
        font-size: 12px;
    }
    .book_dr_card .book_part .book_popup {
        padding: 7px 9px;
        font-size: 14px;
    }
    .book_apon_popup form {
        width: 100%;
    }
    .login_process .left_images {
        display: none;
    }
    .login_process .login_form .iti {
        width: 100%;
    }
    .meet_doctore .meet_dr_card {
        padding: 20px;
    }
    .login_process h2 {
        color: #FFF;
        font-size: 25px;
        font-weight: 700;
    }
    .custome_login_btn {
        font-size: 20px;
        font-weight: 600;
        width: 65%;
        padding: 3px;
        /* margin: 0px auto; */
    }
    .login_process .your_profile_tab h2, .login_process .otp_tab h2 {
        font-size: 22px;
    }
    .verification-code--inputs input[type=text] {
        width: 60px;
        height: 46px;
        padding: 10px;
    }
    .verification-code {
        /* max-width: 334px; */
        display: block;
        gap: 2%;
        position: relative;
        margin:50px 0px;
        text-align:center;
      }
    footer .app_btn img {
        width: 130px;
    }
    .dp_custom_popup .dp_inner_width {
        width: 100%;
        margin: 0px auto;
    }
    .img-title {
        font-weight: 700;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 1px;
        /* line-height: 21px; */
    }
    .doctore_imgs #overlay p{
        line-height: 18px !important;
    }
    .user_profile_right .p-image {
        top: 87px;
        right: 29%;
    }
    .popup-header h4 {
        font-size: 16px;
        font-weight: 600;
        color: #FFF;
    }
    .noDocterAvailabel{
        font-size: 16px !important;
    }
}

@media (min-width: 481px) and (max-width: 769px) {

    /* Move the mobile menu from the right */
.custome_navbar .navbar-collapse {
    position: absolute;
    top: 78px;
    right: 0;
    height: 50vh;
    background-color: #FFF;
    z-index: 9999;
    padding: 1rem;
    width: 100%; /* Adjust width as needed */
    transition: all 0.3s ease-in-out;
    transform: translateX(100%);
  }

  .custome_navbar .navbar-collapse.show {
    transform: translateX(0);
  }

  .navbar-toggler {
    margin-left: auto; /* Align toggle button to the right */
  }


    .custome_navbar {
        height: 85px;
        border-radius: 0px;
        margin: 0px;
        box-shadow: inset rgba(1, 35, 80, 0.2) 0px 0px 4px 0px;
        position: relative !important;
        width: 100%;
        top: 00px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 20;
    }
    .h_100{
        height: 0px;
    }
    .right_sedo_img,
    .left_sedo_img{
        display: none;
    }

    .hero_banner {
        height: 100%;
        padding-bottom: 40px;
    }

    .hero_banner h1 {
        font-size: 30px;
    }
    .custome_tab .nav-link,
    .about_section .right_part h5,
    .Our_Services .section_title h3,
    .about_service h4,
    .Testimonials .testimonials_detail h4,
    .popular_dr_card h4,
    .hero_banner p {
        font-size: 18px;
    }

    .img-title ,
    .slider_part h3,
    .about_section .right_part h2 {
        font-size: 20px;
    }
    .book_apon_popup form .custom_book_btn,
    .book_apon_popup form input,
    .book_dr_card .dr_detail h4,
    .about_service p,
    .download_app p,
    .popular_dr_card span ,
    .slider_part p,
    .about_section .right_part p {
        font-size: 16px;
    }
    .book_dr_card .price_loc h4,
    .Testimonials .testimonials_detail p,
    .popular_dr_card p {
        font-size: 14px;
    }
    .download_app h2,
    .section_title h2 {
        font-size: 22px;
    }
    #overlay {
        height: 95%;
    }
    .popular_dr_card {
        height: 185px;
    }
    .popular_doctore .mySwiperdoctore {
        height: 250px;
        padding-bottom: 50px;
    }

    .contact_popup input {
        width: 70%;
    }
    .contact_popup textarea {
        width: 70%;
        max-height: 200px;
    }
    .contact_popup .iti {
        width: 70%;
        /* display: flex; */
    }
    .about_service .border_end {
        border-right: none;
    }
    .about_service .svg_bg {
        height: 90px;
        width: 90px;
    }

    .contact_popup label {
        font-size: 17px;
        margin-bottom: 7px;
    }
    .contact_popup .custome_width{
        width: 95%;
    }
    .book_dr_card .dr_img_roung {
        height: 65px;
        width: 65px;
    }
    .book_dr_card .book_part h4 ,
    .book_dr_card .dr_detail h6 {
        font-size: 12px;
    }
    .book_dr_card .book_part .book_popup {
        padding: 7px 9px;
        font-size: 14px;
    }
    .book_apon_popup form {
        width: 100%;
    }
    .login_process .left_images {
        display: none;
    }
    .login_process .login_form .iti {
        width: 100%;
    }
    .dp_custom_popup .dp_inner_width {
        width: 100%;
        margin: 0px auto;
    }
    .user_profile_right .circle {
        border-radius: 100% !important;
        overflow: hidden;
        width: 128px;
        height: 128px;
        border: 2px solid rgba(255, 255, 255, 0.2);
        position: absolute;
        /* top: 72px; */
        left: 50%;
        transform: translateX(-50%);
    }
    .user_profile_right .p-image {
        position: absolute;
        top: 85px;
        right: 37%;
        color: #FFF;
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        width: 39px;
        height: 39px;
        z-index: 5;
        background: #012350;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .verification-code {
        /* max-width: 334px; */
        display: block;
        gap: 2%;
        position: relative;
        margin:50px 0px;
        text-align:start;
      }
      .noDocterAvailabel{
        font-size: 16px !important;
    }
}

@media (min-width: 770px) and (max-width: 1024px){
    .custome_navbar {
        height: 85px;
        border-radius: 0px;
        margin: 0px;
        box-shadow: inset rgba(1, 35, 80, 0.2) 0px 0px 4px 0px;
        position: relative !important;
        width: 100%;
        top: 00px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 20;
    }
    .h_100{
        height: 0px;
    }
    .right_sedo_img,
    .left_sedo_img{
        display: none;
    }

    .hero_banner {
        height: 100%;
        padding-bottom: 40px;
    }

    .hero_banner h1 {
        font-size: 30px;
    }
    .custome_tab .nav-link,
    .about_section .right_part h5,
    .Our_Services .section_title h3,
    .about_service h4,
    .Testimonials .testimonials_detail h4,
    .popular_dr_card h4,
    .hero_banner p {
        font-size: 18px;
    }

    .img-title ,
    .slider_part h3,
    .about_section .right_part h2 {
        font-size: 20px;
    }
    .book_apon_popup form .custom_book_btn,
    .book_apon_popup form input,
    .book_dr_card .dr_detail h4,
    .about_service p,
    .download_app p,
    .popular_dr_card span ,
    .slider_part p,
    .about_section .right_part p {
        font-size: 16px;
    }
    .book_dr_card .price_loc h4,
    .Testimonials .testimonials_detail p,
    .popular_dr_card p {
        font-size: 14px;
    }
    .download_app h2,
    .section_title h2 {
        font-size: 22px;
    }
    #overlay {
        height: 95%;
    }
    .popular_dr_card {
        height: 185px;
    }
    .popular_doctore .mySwiperdoctore {
        height: 270px;
        padding-bottom: 50px;
    }
    .contact_popup label {
        font-size: 17px;
        margin-bottom: 7px;
    }
    .contact_popup .custome_width{
        width: 95%;
    }
    .about_service .svg_bg {
        height: 90px;
        width: 90px;
    }
    .about_service .border_end {
        border-right: none;
    }
    .login_process .left_images {
        display: none;
    }
    .login_process .login_form .iti {
        width: 100%;
    }
    .custome_navbar ul li{
        margin: 0px 0px;
      }
      .dp_custom_popup .dp_inner_width {
        width: 100%;
        margin: 0px auto;
    }
    footer .app_btn img {
        width: 125px;
    }
    .user_profile_right .circle {
        border-radius: 100% !important;
        overflow: hidden;
        width: 128px;
        height: 128px;
        border: 2px solid rgba(255, 255, 255, 0.2);
        position: absolute;
        /* top: 72px; */
        left: 50%;
        transform: translateX(-50%);
    }
    .user_profile_right .p-image {
        position: absolute;
        top: 85px;
        right: 42%;
        color: #FFF;
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        width: 39px;
        height: 39px;
        z-index: 5;
        background: #012350;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .dp_custom_popup .my_form_fild {
        width: 99%;
    }
    .dp_custom_popup {
        user-select: none;
        width: 85%;
        margin: 0 auto;
    }
    .verification-code {
        /* max-width: 334px; */
        display: block;
        gap: 2%;
        position: relative;
        margin:50px 0px;
        text-align:center;
    }
    .noDocterAvailabel{
        font-size: 16px !important;
    }
}

@media (min-width: 770px) and (max-width: 830px) {
    .user_profile_right .p-image {
        position: absolute;
        top: 85px;
        right: 35%;
        color: #FFF;
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        width: 39px;
        height: 39px;
        z-index: 5;
        background: #012350;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .verification-code {
        /* max-width: 334px; */
        display: block;
        gap: 2%;
        position: relative;
        margin:50px 0px;
        text-align:start;
      }
      .noDocterAvailabel{
        font-size: 16px !important;
    }
}


@media (min-width: 1025px) and (max-width: 1280px){
    .custome_navbar ul li {
        display: flex;
        align-items: center;
        margin: 0px 1px;
    }
    .hero_banner {
        height: 520px;
    }
    .slider_part h3 ,
    .about_section .right_part h2 {
        font-size: 25px;
    }
    .why_cheese_us_card .wcu_card h5,
    .about_section .right_part p {
        font-size: 18px;
    }
    #overlay {
        height: 65%;
    }
    .about_service .svg_bg {
        height: 70px;
        width: 70px;
        padding: 12px;
    }
    .why_cheese_us_card .wcu_card p,
    .about_service p {
        font-size: 14px;
    }
    .about_service h4 {
        font-size: 16px;
    }
    .why_cheese_us_card .wcu_card h2 {
        font-size: 35px;
    }
    .login_process .left_images {
        width: 475px;
    }
    .hero_banner h1 {
        font-size: 40px;
    }
    footer .app_btn img {
        width: 140px;
    }
    .verification-code {
        /* max-width: 334px; */
        display: block;
        gap: 2%;
        position: relative;
        margin:50px 0px;
        text-align:start;
      }
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .hero_banner {
        height: 530px;
    }
    #overlay {
        height: 60%;
    }
    .about_service .svg_bg {
        height: 100px;
        width: 100px;
        padding: 20px;
    }
    .about_service p {
        font-size: 18px;
    }
    .about_service h4 {
        font-size: 20px;
    }
    .all_types .dr_card_type {
        padding: 20px;
        font-size: 17px;
    }
    .hero_banner h1 {
        font-size: 45px;
    }
    .section_title h2,
    .slider_part h3 ,
    .about_section .right_part h2 {
        font-size: 30px;
    }
    .meet_doctore .meet_dr_card .svd_img_bg {
        height: 60px;
        width: 60px;
    }
    .meet_doctore .meet_dr_card .svd_img_bg svg{
        height: 30px;
        width: 30px;
    }
}