.CHAT_view_page .img1,
.live-stream-astrologer~.help_btn,
section.CHAT_view_page~.help_btn {
    display: none
}

@media(max-width:1700px) {
    .play-video iframe {
        height: 490px
    }

    .play-video .modal-dialog {
        max-width: 980px
    }

    .pt-details {
        width: calc(100% - 50px)
    }

    .chat-call {
        gap: 10px;
        bottom: -13px;
        right: 23px
    }

    .chat-call a {
        width: 45px;
        height: 45px
    }

    .main-astrologer {
        --astroimage-size: calc(24px + 4vw)
    }

    .astrologer-main {
        padding: calc(5px + 1vw) calc(2px + 1vw) calc(5px + 1vw) calc((2px + 1vw) + (var(--astroimage-size)/ 2))
    }

    header .chat-list {
        margin: 20px 10px 0 0
    }

    .astrologer_list {
        row-gap: 20px
    }

    .chat-gallery .astrologer_list .card {
        margin-top: 0
    }

    .search-column {
        padding: 15px
    }

    .latest-news {
        overflow: hidden
    }

    .pad100 {
        padding: 80px 0
    }

    .define_float.Chat_Intake_Form.pad100.LOGIN_PAGE {
        --pading-block: clamp(40px, 4vw, 100px);
        padding-block: var(--pading-block);
        margin-bottom: calc(50px + var(--pading-block))
    }

    .blog-parent .blog {
        margin: 60px 0 90px
    }

    .latest-blogs .top-section-hdng {
        padding: 90px 0 215px
    }

    .latest-blogs .blog-view-btn {
        margin-bottom: 90px
    }

    .chat-gallery .has-sticky {
        top: 120px
    }

    .search-column-parent {
        margin-bottom: 20px
    }
}

@media(max-width:1599px) {
    .advertisements_on_call_banner ul.slick-dots li {
        width: 12px;
        height: 12px
    }

    .video-bg {
        top: 227px
    }

    .top-astro h3::after {
        top: -62px;
        right: -91px;
        height: 168px
    }

    .about_destiny-main h2 {
        font-size: 54px;
        line-height: 64px;
        margin: 24px 0 50px
    }

    .chat-btn a {
        padding: 15px 30px;
        font-size: 18px;
        line-height: 18px
    }

    .sessions h4 {
        font-size: 34px;
        line-height: 34px;
        margin: 40px 0
    }

    .our_top-astrologer {
        margin-top: 80px
    }

    .tabs-btn ul {
        margin-bottom: 40px
    }

    .our_top-astrologer::after {
        height: 450px
    }

    .inner-details {
        padding: 20px;
        width: calc(100% - 30px)
    }

    .pt-details {
        padding: 20px 15px;
        width: calc(100% - 52px)
    }

    .experience-main {
        gap: 8px
    }

    .pt-work,
    .rating {
        margin-top: 10px
    }

    .work-rating {
        bottom: 20px;
        left: 20px
    }

    .chat-call a {
        width: 35px;
        height: 35px
    }

    .video-sec {
        margin-top: 90px;
        padding-bottom: 90px
    }

    .Stories-slider>p {
        font-size: 20px;
        line-height: 30px
    }

    .astro-details h4,
    .astro-details p {
        margin-bottom: 10px
    }

    .latest-news {
        position: relative
    }

    .app-main h3 {
        font-size: 46px;
        line-height: 56px
    }

    .app-available {
        margin-top: 180px;
        padding-bottom: 180px
    }

    .frequently-inner .accordion-body p {
        line-height: 25px
    }

    .frequently-inner .accordion-body {
        padding: 20px 0 0
    }

    .footer-sec {
        padding: 180px 0 0
    }

    .secure-payment img {
        width: 55px;
        height: 55px
    }

    .chat_astro-main a,
    .secure-payment p {
        font-size: 22px;
        line-height: 22px
    }

    .verified-astro {
        border-radius: 40px;
        margin-top: -275px
    }

    .chat_astro-main {
        margin: 60px auto;
        max-width: 720px;
        padding: 20px 45px;
        gap: 15px
    }

    .top-astrologer>img {
        height: 270px
    }

    .aboutUs-page-wrapper .about-astromanch {
        margin-block: 60px
    }

    .blog-card-wrapper .blog-card-text {
        padding: 20px 25px 32px
    }

    .latest-blogs .blog-view-btn {
        margin-bottom: 30px
    }

    .about-bg-parent.mb-115 {
        margin-bottom: 60px
    }

    .chat_astro-main a {
        font-size: 18px !important
    }

    .chat_astro-main a img {
        margin-right: 10px !important;
        width: 30px !important;
        height: 30px !important
    }
}

@media(max-width:1400px) {
    body {
        padding-top: 113px
    }

    header {
        padding: 0 15px
    }

    .banner-bg {
        border-radius: 0 0 110px 110px
    }

    .top-astrologer:hover .pt-main,
    .top-astrologer>img {
        border-radius: 22px
    }

    .top-nav {
        background: #ebbc12;
        gap: 50px
    }

    .chat-astro,
    .chat-astro>a {
        gap: 10px
    }

    .top_astro-inner {
        height: 670px
    }

    .top-astro::after {
        height: 605px
    }

    .search-icon a {
        padding: 11px
    }

    .dot-icon {
        width: 12px;
        height: 12px
    }

    .login-btn {
        padding: 8px 15px;
        width: 110px
    }

    .login-btn .btn svg {
        width: 25px;
        margin-right: 10px
    }

    .menu-icon a {
        padding: 11px 10px
    }

    .chat-list {
        margin-top: 20px
    }

    .chat-list ul {
        gap: 28px
    }

    .about_destiny-main h2 {
        font-size: 48px;
        line-height: 58px;
        margin: 24px 0 40px
    }

    .about_destiny-main {
        width: calc(100% - 500px)
    }

    .top-astro {
        width: 500px
    }

    .top_astro-inner {
        padding: 20px 70px 30px 0
    }

    .top-astro h3 {
        font-size: 24px;
        line-height: 34px
    }

    .top-astro h3::after {
        top: -73px;
        right: -103px;
        height: 179px
    }

    .astro_chat-slider .slick-dots {
        right: -65px
    }

    .app-android h4 {
        font-size: 24px;
        line-height: 24px
    }

    .live-sessions .star-main {
        top: 112px
    }

    .app-android {
        margin-bottom: 80px
    }

    .astro-info {
        padding: 40px 36px 16px
    }

    .our_top-astrologer::after {
        border-radius: 110px 0 0
    }

    .latest-blogs .top-section-hdng,
    .latest-news::after {
        border-radius: 110px 110px 0 0
    }

    .our_top-astrologer {
        margin-top: 40px;
        padding: 50px 20px 0
    }

    .sessions h4 {
        font-size: 32px;
        line-height: 32px
    }

    .inner-details {
        padding: 15px 10px
    }

    .pt-details {
        padding: 15px 14px;
        bottom: 45px
    }

    .pt-details>h4 {
        font-size: 16px;
        line-height: 16px
    }

    .work-rating img {
        width: 15px;
        height: 15px
    }

    .chat-call {
        gap: 6px;
        right: 18px
    }

    .work-rating {
        bottom: 15px;
        left: 27px
    }

    .view-btn a {
        padding: 18px 35px
    }

    .video-bg {
        top: 166px
    }

    .video-bg h2 {
        font-size: 90px;
        line-height: 90px
    }

    .video-sec {
        margin-top: 70px;
        padding-bottom: 80px
    }

    .video_bg-main>img {
        border-radius: 50px;
        width: 820px
    }

    .available-astrologers,
    .customer-stories {
        padding: 80px 0
    }

    .astro-contact-main {
        column-gap: 45px;
        row-gap: 45px
    }

    .astro-contact {
        width: calc(33.33% - 30px);
        padding: 24px 52px 21px 100px
    }

    .astro-details p {
        margin-bottom: 5px
    }

    .astrologer-circle .rotate {
        width: 445px
    }

    .customer-stories::after {
        height: 160px
    }

    .latest-news {
        padding-top: 80px;
        position: relative
    }

    .category {
        padding: 20px 20px 32px
    }

    .latest-news::after {
        height: 349px
    }

    .app-main h3 {
        font-size: 42px;
        line-height: 52px
    }

    .app-available {
        margin-top: 145px
    }

    .frequently {
        margin-top: 90px
    }

    .secure-payment img {
        width: 45px;
        height: 45px
    }

    .secure-payment p {
        font-size: 20px;
        line-height: 20px
    }

    .verified-astro {
        border-radius: 40px;
        overflow: hidden
    }

    .chat_astro-main a img {
        width: 35px;
        height: 35px
    }

    .chat_astro-main {
        margin: 40px auto;
        max-width: 660px;
        padding: 18px 45px
    }

    .email-info h4 {
        margin-bottom: 35px
    }

    .use-links ul li a {
        font-size: 16px;
        line-height: 35px
    }

    .astro_bg-img svg {
        width: 350px
    }

    .available_top-astro a {
        width: 50px;
        height: 50px;
        bottom: 56px
    }

    .available_astro-info h4 {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 10px
    }

    .available_astro-info img {
        margin-bottom: 10px
    }

    .online-astro-img img {
        width: 90px
    }

    .explore_about_div.my_account_inners .tab_blue_bar .nav.nav-pills .nav-link.active {
        font-size: 31px
    }

    section.kundli_form_section .section-heading.centered {
        margin: 0 0 20px
    }

    section.allfreekundli_css .pad100 .section-heading.centered.mb-5 {
        margin: 0 0 20px !important
    }

    section.allfreekundli_css .pad100,
    section.kundli_form_section.pad100 {
        padding: 30px 0
    }
}

@media(max-width:1399px) {
    .right-artical-sec .category-filter-tabs button {
        padding: 1vw 1.5vw
    }

    .chat-gallery .has-sticky {
        right: calc(50vw - (1126px / 2))
    }

    .contact-bg-parent .contact-column {
        margin-bottom: 100px
    }
}

@media(max-height:700px) and (max-width:1399px) {
    .slider-bg::after {
        height: calc(var(--banner-height) - 70px)
    }

    .astro_chat-slider .slick-dots {
        right: -65px;
        top: calc(var(--slider-height) - 50px) !important
    }
}

@media(min-width:1199px) {

    .top-astrologer:nth-child(n+11):nth-child(2n),
    .top-astrologer:nth-child(n+6):nth-child(odd) {
        top: -8px
    }

    .top-astrologer:nth-child(n+11):nth-child(odd) {
        top: 64px
    }

    .top-astrologer:nth-child(n+6):nth-child(2n) {
        top: 65px
    }

    .top_astrologer-list {
        --columns: 5
    }
}

@media(max-width:1199px) {
    .search-column {
        max-width: 600px
    }

    .blog-details-content-parent.bldetal {
        display: flex;
        gap: 30px;
        margin: 30px 0 0
    }

    .blog-details-banner img {
        height: auto
    }

    .free-chat-banner-inner>.row>* {
        width: 50%
    }

    .free-chat-banner .astro-team {
        top: inherit;
        bottom: -50px
    }

    .free-chat-banner .astro-team img {
        object-fit: contain;
        height: auto;
        transform: scale(1.3);
        transform-origin: top
    }

    .payment_select_method .col-md-6 {
        margin: 0;
        width: 100%
    }

    .payment_select_method .col-md-6>div {
        display: flex;
        justify-content: center
    }

    .CHAT_view_page .main_chat_div .review-remark #reviewText {
        width: 53%
    }

    .CHAT_view_page .main_chat_div .review-remark .reviewForm .ppforaddrevies {
        width: 210px
    }

    .Specialization_btns {
        justify-content: center
    }

    .Specialization_btns a:first-child:after {
        content: 'Chat'
    }

    .Specialization_btns a:nth-child(2):after {
        content: 'Call'
    }

    .Specialization_btns a:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        margin-left: 10px;
        margin-right: 10px
    }

    .Specialization_btns a {
        font-size: 0;
        padding: 10px 10px 10px 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        position: relative
    }

    .Specialization_btns a img {
        width: 20px;
        max-height: 20px;
        display: inline-block;
        vertical-align: middle
    }

    .online-astrologers {
        padding: 60px 0
    }

    .review_sec {
        padding: 40px 0;
        margin-bottom: 60px !important
    }

    .Astrologer_Details_card {
        padding: 40px 0 30px
    }

    .Biography {
        padding: 0 0 40px
    }

    .app-android a,
    .chat-astro-outer,
    .social_media-icon ul {
        gap: 10px
    }

    .chat-astro p {
        font-size: 14px
    }

    .search-icon a {
        padding: 10px
    }

    .top-nav .dropdown.logout_dropdown button {
        padding: 7px 8px
    }

    .customer-stories .slick-next.slick-arrow,
    .menu-icon,
    .slick-prev.slick-arrow {
        height: 40px;
        width: 40px
    }

    header .chat-list {
        margin: 14px 10px 0 0
    }

    body {
        padding-top: 101px
    }

    .app-available {
        padding-bottom: 140px
    }

    .available-astrologers,
    .customer-stories,
    .pad100 {
        padding: 70px 0
    }

    .container {
        max-width: 95%;
        width: 100%
    }

    .chat-gallery .has-sticky {
        right: 5vw
    }

    .logo a img {
        width: 209px
    }

    .top-nav {
        background: #ebbc12;
        gap: 30px
    }

    .top_astro-inner {
        height: 660px
    }

    .chat-astro {
        gap: 8px
    }

    .chat-astro>a {
        gap: 8px;
        padding: 10px 12px
    }

    .chat-astro a>img,
    .latest-news .slick-dots li.slick-active button {
        width: 20px;
        height: 20px
    }

    .dot-icon {
        width: 10px;
        height: 10px
    }

    .login-btn .btn svg {
        width: 22px
    }

    .login-btn {
        width: 99px;
        padding: 4px 10px
    }

    .astrologer-list,
    .chat-list ul {
        gap: 15px
    }

    .top-astro {
        width: 460px
    }

    .about_destiny-main {
        width: calc(100% - 460px)
    }

    .about_destiny-main h2 {
        font-size: 44px;
        line-height: 54px;
        margin: 24px 0 30px
    }

    .chat-btn a {
        padding: 15px 25px;
        font-size: 16px;
        line-height: 16px
    }

    .top-astro h3 {
        font-size: 22px;
        line-height: 32px;
        top: 149px;
        right: -92px
    }

    .top_astro-inner .astro_chat-slider .slick-dots {
        right: -70px
    }

    .app-android h4 {
        font-size: 22px;
        line-height: 22px
    }

    .live_sessions-main {
        gap: 20px
    }

    .pt_live-list {
        width: calc(25% - 15px)
    }

    .live_chat-main {
        gap: 60px;
        left: 20px
    }

    .astro-info {
        padding: 40px 15px 15px
    }

    .view-btn a {
        width: 160px;
        padding: 15px 30px
    }

    .news-main>img {
        border-radius: 25px 25px 0 0
    }

    .phone_call span,
    .sessions h4 {
        font-size: 28px;
        line-height: 28px
    }

    .video_bg-main>img {
        width: 755px
    }

    .video-bg {
        top: 145px;
        width: 60px
    }

    .play-btn::after {
        width: 60px;
        height: 60px
    }

    .video-bg h2 {
        font-size: 80px;
        line-height: 80px
    }

    .astro_bg-img svg {
        width: 295px
    }

    .available_astro-info img {
        width: 100px;
        height: 100px
    }

    .available_astro-info {
        top: 58px;
        left: 0
    }

    .available_astro-info h4 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px
    }

    .available_astro-info p {
        font-size: 15px
    }

    .available_top-astro a {
        bottom: 68px
    }

    .available_top-astro {
        width: calc(33.33% - 10px);
        margin-top: -35px
    }

    .astro-contact-main {
        column-gap: 40px;
        row-gap: 40px
    }

    .astro-contact {
        width: calc(33.33% - 26.66px);
        padding: 24px 20px 21px 95px
    }

    .astro-details h4 {
        font-size: 16px;
        line-height: 16px
    }

    .online-call a,
    .secure-payment img {
        width: 40px;
        height: 40px
    }

    .Stories-slider>p {
        font-size: 18px;
        line-height: 28px
    }

    .customer-details img {
        width: 55px
    }

    .customer-details-main h4,
    .email-info h4 {
        font-size: 22px
    }

    .astrologer-circle .rotate {
        width: 395px
    }

    .customer-stories .slick-prev.slick-arrow {
        right: 50px
    }

    .customer-stories::after {
        height: 137px;
        width: calc(50% - 228px)
    }

    .latest-news {
        padding-top: 70px
    }

    .latest-news .slick-dots {
        bottom: -63px
    }

    .latest-news .slick-dots li button {
        width: 14px;
        height: 14px
    }

    .latest-news .slick-dots li {
        margin: 0 4px
    }

    .category1 {
        margin: 0 10px
    }

    .category {
        padding: 15px 15px 25px
    }

    .our_top-astrologer::after {
        border-radius: 90px 0 0
    }

    .latest-blogs .top-section-hdng,
    .latest-news::after {
        border-radius: 90px 90px 0 0
    }

    .latest-news::after {
        height: 325px
    }

    .category h4 {
        font-size: 16px;
        line-height: 26px
    }

    .app-main h3,
    .explore-about-left .explore-left-inner ul .mission,
    .explore-about-left .explore-left-inner ul .vision {
        font-size: 38px;
        line-height: 48px
    }

    .app_available-bg {
        padding: 0 40px;
        border-radius: 30px
    }

    .android-img>img {
        width: 420px
    }

    .app-img img {
        width: 130px
    }

    .app-img,
    .social_media-icon {
        margin-top: 30px
    }

    .android_bg-shape img {
        width: 270px
    }

    .frequently-main {
        width: 470px
    }

    .frequently-inner .accordion-body {
        padding: 15px 0 0
    }

    .chat_astro-main a {
        font-size: 20px;
        line-height: 20px
    }

    .chat_astro-main a img {
        margin-right: 15px;
        width: 30px;
        height: 30px
    }

    .chat_astro-main {
        max-width: 605px;
        padding: 15px 40px;
        border-radius: 18px
    }

    .use-links ul li {
        width: 48%
    }

    .use-links ul li a {
        font-size: 14px;
        line-height: 30px
    }

    .email span {
        font-size: 15px;
        line-height: 22px
    }

    .phone_call {
        margin-top: 20px
    }

    .social_media-icon ul li a svg {
        width: 32px
    }

    .secure-payment p {
        font-size: 18px;
        line-height: 18px
    }

    .space .col-lg-4:nth-child(2) {
        padding: 0
    }

    .verified-astro {
        margin: -255px auto 0;
        max-width: 890px;
        padding: 40px 149px
    }

    .verified-astro .rt-img img {
        width: 120px
    }

    .banner-bg {
        border-radius: 0 0 90px 90px
    }

    .short_Banner {
        padding-block: 20px;
        border-radius: 0 0 30px 30px
    }

    .breadcrumb {
        margin-bottom: 10px
    }

    .short_Banner h4 {
        font-size: 25px
    }

    .aboutUs-page-wrapper .about-astromanch {
        margin-block: 40px
    }

    .top-section-hdng h3 {
        font-size: 32px;
        margin-top: 15px;
        margin-bottom: 22px
    }

    .about-astromanch-inner .about-sec {
        margin-top: 40px
    }

    .about-astro-right {
        max-width: 100%
    }

    .about-astro-left .about-description {
        margin-top: 22px;
        margin-bottom: 28px
    }

    .about-description::before {
        bottom: 0;
        height: auto
    }

    .about-astro-left .experience,
    .srchpage_maindiv.chat-gallery.pad100.pt-0.mb-115 {
        margin-bottom: 30px
    }

    .explore-about {
        padding: 40px;
        margin-bottom: 50px
    }

    .explore-about-left .explore-left-inner {
        padding: 70px 30px
    }

    .explore-about-left .explore-left-inner ul .about {
        font-size: 42px;
        line-height: 58px
    }

    .explore-about-left .explore-left-inner ul li:nth-child(2) {
        margin: 25px 0
    }

    .explore-about-right .explore-right-inner {
        padding: 0 0 60px 36px
    }

    .explore-about-right .explore-description {
        flex-direction: column
    }

    .explore-about-right .explore-description .explore-desc-right {
        width: 100%;
        max-width: none;
        padding-top: 10px
    }

    .explore-about-right .explore-description .explore-desc-right .desc-content {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .explore-desc-right .certification,
    .explore-desc-right .customers {
        margin: 0
    }

    .explore-desc-right .certification h3,
    .explore-desc-right .customers h5 {
        font-size: 38px;
        line-height: 54px;
        display: flex;
        align-items: center
    }

    .aboutUs-page-wrapper.mb-115 {
        margin-bottom: 75px
    }

    .top-banner {
        border-radius: 0 0 45px 45px
    }

    .tab_blue_bar .nav.nav-pills .nav-link.active {
        font-size: 24px;
        padding-left: 25px
    }

    .tab_blue_bar .nav.nav-pills .nav-link {
        margin: 10px 0;
        font-size: 22px
    }

    .my_account_inners .Chat_Intake_Form_main {
        padding-inline: 0
    }

    .right-artical-sec .category-filter-tabs button {
        padding: 1vw .6vw
    }

    .explore_about_div.my_account_inners .tab_blue_bar .nav.nav-pills .nav-link.active {
        font-size: 23px
    }

    .contact-bg-parent .about {
        margin: 30px 0 0
    }

    .contact-bg-parent .contact-column {
        margin-bottom: 20px
    }

    .play-video .btn-close {
        right: 0
    }
}

@media(max-width:991px) {
    .search-column {
        max-width: 710px
    }

    .blog-articals-column .right-artical-sec {
        position: relative;
        top: 0
    }

    .about_destiny-main h2 br,
    .advert_new_location,
    .banner-bg::after,
    .chat-astro,
    .chat-list,
    .chat_box-lt {
        display: none
    }

    .search-column-parent {
        justify-content: flex-end
    }

    .free-chat-banner .astro-team {
        width: 440px;
        bottom: -90px
    }

    .free-chat-banner .astro-team img {
        transform: scale(1)
    }

    .recharge_wallet_main>.container>.row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 15px;
        padding: 0 70px
    }

    .showbalance {
        justify-content: center;
        display: flex
    }

    .CHAT_view_page .main_chat_div .review-remark #edit_review_form textarea,
    .CHAT_view_page .main_chat_div .review-remark .reviewForm .ppforaddrevies,
    .astro_bg-img svg,
    .astrologer-img>img,
    .recharge_wallet_main>.container>.row>div,
    .top-astro {
        width: 100%
    }

    .history_card .card-header.walletCardHeader.fixed-header-wallet {
        top: 75px
    }

    .history_card .card-header .nav.nav-tabs .nav-item .nav-link {
        font-size: 18px;
        padding: 8px 16px
    }

    .CHAT_view_page .main_chat_div .review-remark .reviewForm,
    .CHAT_view_page .main_chat_div .review-remark .review_comments_this_div .review_content_div>div,
    .about-destiny {
        flex-direction: column
    }

    .CHAT_view_page .main_chat_div .review-remark .btn.blue_btn_custm {
        margin: 15px 0 0
    }

    .CHAT_view_page .review_content_div p,
    .chat-custom-new .review_content_div p {
        width: 100%;
        text-align: center
    }

    .CHAT_view_page .main_chat_div .review-remark .review_comments_this_div .edit_review {
        position: relative;
        top: 0;
        right: inherit
    }

    .CHAT_view_page .main_chat_div .review-remark .review_comments_this_div>div {
        width: 100%;
        text-align: center;
        margin: 0 0 10px
    }

    .right-artical-sec .category-filter-tabs button {
        padding: 1.5vw 3.6vw
    }

    body {
        padding-top: 74px
    }

    .Chat_Intake_Form {
        padding: 60px 0 20px
    }

    .Specialization_tags a {
        border: 1px solid #ccc
    }

    .Pandit_name .card .row>:first-child {
        width: 32%
    }

    .Pandit_name .card .row>:nth-child(2) {
        width: 60%
    }

    .Pandit_name .card .card-body,
    .astro_chat-slider .slick-list {
        padding-left: 0
    }

    ul.reply_astrologer {
        padding: 0 0 0 50px
    }

    ul.reply_astrologer li:before {
        width: 25px;
        height: 25px;
        left: -40px
    }

    .reply_astrologer .astrologers_reply_text {
        margin: 0
    }

    .review_content_div p {
        margin: 10px 0 0
    }

    .review_content_div {
        padding: 0 0 20px;
        margin: 0 0 25px
    }

    .Astrologer_Details_card .container>.row>* {
        width: 100%;
        flex: none;
        max-width: 700px
    }

    .Astrologer_Details_card .container>.row {
        gap: 25px;
        justify-content: center
    }

    .astro-contact .online-astro-img img,
    .main-astrologer .astro-img img {
        width: 80px;
        height: 80px
    }

    .advertisements_on_call_banner {
        padding-bottom: 15px
    }

    .available-astrologers,
    .customer-stories,
    .online-astrologers,
    .pad100 {
        padding: 60px 0
    }

    .chat_with-astro {
        display: none;
        align-items: center;
        justify-content: center;
        gap: 15px;
        padding-top: 20px
    }

    .top-nav {
        padding: 10px 0
    }

    .menu-icon {
        width: 40px;
        height: 40px;
        border-radius: 16px
    }

    .about_destiny-main {
        width: 100%;
        margin: 0
    }

    .about_destiny-main h2 {
        font-size: 38px;
        line-height: 48px;
        margin: 14px 0 20px
    }

    .chat-btn,
    .email-info h4,
    .top-astro h3 {
        margin-bottom: 20px
    }

    .video-icon .play-btn {
        height: 48px;
        width: 48px
    }

    .video-bg img {
        width: 50px
    }

    .banner-bg {
        border-radius: 0 0 60px 60px
    }

    .slider-bg::after {
        height: 396px
    }

    .latest-news .view-btn {
        margin-left: 0
    }

    .top_astro-inner {
        height: auto;
        margin-bottom: -70px
    }

    .app-android {
        margin: 65px 0 30px;
        justify-content: center
    }

    .live-sessions .star-main {
        top: 135px
    }

    .desktop_img,
    .mobile_lt-img,
    .view-nav {
        display: block
    }

    .top-astro h3 {
        top: 39px;
        right: 0;
        left: 0;
        transform: unset;
        position: unset
    }

    .login-btn .btn {
        font-size: 0
    }

    .login-btn .btn svg {
        margin-right: 0
    }

    .login-btn {
        width: 40px;
        height: 40px;
        padding: 5px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px
    }

    .top-astro::after {
        top: 25px;
        right: -9px;
        height: 248px
    }

    .top_astro-inner {
        padding: 30px 20px 60px
    }

    .video-sec::after {
        height: 187px
    }

    .top_astro-list {
        margin: 0 20px
    }

    .astro_chat-slider .slick-dots {
        right: 0;
        left: 0;
        bottom: -50px;
        transform: unset
    }

    .main-astrologer .astro-img {
        left: -26px
    }

    .astrologer-main {
        border-radius: 20px;
        padding: 20px 20px 20px 65px
    }

    .live_sessions-main {
        align-items: center;
        justify-content: center;
        gap: 20px
    }

    .pt_live-list {
        width: calc(33.33% - 13.3px)
    }

    .astro-info {
        width: 100%;
        padding: 35px 15px 12px
    }

    .live_chat-main {
        left: 0;
        right: 0;
        justify-content: center
    }

    .astro-details h4,
    .astro-info h5 {
        margin-bottom: 8px
    }

    .chat-views {
        padding: 6px
    }

    .tabs-btn ul {
        gap: 45px
    }

    .sessions h4 {
        margin: 30px 0
    }

    .available-astrologers .sessions h4 {
        margin: 30px 0 50px
    }

    .our_top-astrologer {
        margin-top: 60px;
        padding: 60px 20px 0
    }

    .our_top-astrologer::after {
        border-radius: 80px 0 0
    }

    .video-sec {
        margin-top: 60px;
        padding-bottom: 70px
    }

    .video_bg-main>img {
        border-radius: 40px;
        width: 640px
    }

    .available_top-astro {
        width: calc(50% - 15px)
    }

    .astrologer-list {
        gap: 30px;
        max-width: 700px;
        margin: 0 auto;
        float: none
    }

    .available_top-astro .chat_box-lt {
        left: 65px
    }

    .available_top-astro .call_box {
        right: 15px
    }

    .available_top-astro .lt-icon {
        left: 69px
    }

    .available_top-astro .rt-icon {
        right: 70px
    }

    .available_top-astro a .astro-contact-main {
        column-gap: 40px;
        row-gap: 30px
    }

    .astro-contact {
        width: calc(50% - 20px);
        padding: 20px 20px 20px 85px
    }

    .customer-stories .circle {
        align-items: center
    }

    .customer-stories .slick-dots li,
    .customer-stories .slick-dots li button {
        width: 65px;
        height: 65px
    }

    .customer-stories .slick-next:before,
    .customer-stories .slick-prev:before {
        background-size: 20px
    }

    .customer-stories .slick-next.slick-arrow,
    .slick-prev.slick-arrow {
        height: 35px;
        width: 35px
    }

    .category1 {
        margin: 0 5px
    }

    .latest-news {
        padding-top: 60px
    }

    .astrologer-circle .rotate {
        width: 330px
    }

    .category h4 {
        white-space: nowrap
    }

    .customer-stories::after {
        height: 110px;
        width: calc(50% - 180px)
    }

    .arrow img {
        width: 25px
    }

    .arrow {
        height: 50px;
        width: 50px
    }

    .latest-news::after {
        height: 261px
    }

    .app-main h3 {
        font-size: 30px;
        line-height: 40px
    }

    .online-astro-img img {
        width: 80px
    }

    .app-img {
        margin-top: 20px
    }

    .rating {
        margin-top: 8px
    }

    .android-img>img {
        width: 295px
    }

    .android_bg-shape img {
        width: 206px
    }

    .frequently {
        margin-top: 70px
    }

    .app-img img,
    .verified-astro .rt-img img {
        width: 110px
    }

    .android-img {
        margin-top: -80px
    }

    .hand-bg img {
        width: 260px
    }

    .hand-bg::after {
        width: 130px;
        height: 455px
    }

    .frequently-inner .accordion-item {
        border-radius: 15px;
        padding: 15px 20px;
        margin-bottom: 15px
    }

    .verified-astro .lt-img img {
        width: 170px
    }

    .lt-img {
        top: -6px
    }

    .verified-astro {
        padding: 30px 123px;
        border-radius: 30px;
        overflow: hidden
    }

    .rt-img {
        right: -7px
    }

    .app-available {
        margin-top: 110px;
        padding: 0 0 170px
    }

    .astro-logo {
        text-align: center;
        margin-bottom: 20px
    }

    .social_media-icon {
        margin-top: 20px;
        justify-content: center;
        flex-direction: column;
        gap: 8px
    }

    .phone_call span {
        font-size: 24px;
        line-height: 24px
    }

    .email a img {
        width: 22px
    }

    .space .col-lg-4:nth-child(2) {
        padding: 0 12px
    }

    .space {
        padding-bottom: 35px
    }

    .social_media-icon h5 {
        font-size: 16px;
        line-height: 26px
    }

    .chat_with-astro {
        justify-content: space-between
    }

    .explore-about-right .explore-description .explore-desc-right .desc-content {
        flex-direction: column;
        gap: 14px
    }

    .explore-about-right .explore-desc-left h4 {
        font-size: 42px;
        line-height: 1.5
    }

    .explore-about-right .explore-right-inner p {
        font-size: 18px;
        line-height: 1.2
    }

    .contact-bg-parent .contact-column {
        margin-bottom: 10px
    }

    .left-artical-sec {
        margin-bottom: 50px
    }

    .left-artical-sec .artical .artical-img {
        width: 100%;
        max-width: none
    }

    .left-artical-sec .artical .artical-content {
        max-width: none
    }

    .latest-blogs .top-section-hdng {
        padding: 60px 0 170px
    }

    .lastest-blog-slider {
        margin-top: -100px
    }

    .chat-gallery .has-sticky {
        top: 145px
    }

    .my_account_inners .Chat_Intake_Form_main {
        padding: 0
    }

    .my_account_inners {
        padding: 30px 30px 0
    }

    .history_card .callchathistory_main {
        grid-template-columns: repeat(1, 1fr)
    }

    .chat_astro-main a {
        padding: 10px 15px
    }

    .chat_astro-main {
        max-width: 573px;
        padding: 15px 20px
    }
}

@media(max-width:767px) {

    /********** 25-08-2025 css Start  **********/
    .about-destiny.define_float .chat-btn { padding: 30px 10px; border-radius: 15px; background-color: #fff; box-shadow: 0 4px 64px 0 rgba(0, 0, 0, .12); max-width: 495px; margin: 0 auto; margin-top: 20px; flex-wrap: wrap; gap: 15px; }
    .about-destiny.define_float .chat-btn a { width: 100%; display: flex; justify-content: center; align-items: center; gap: 15px; }
    .about-destiny.define_float .chat-btn a.call-btn { background-color: #30297f; }
    .about-destiny.define_float .chat-btn a.chat-astro-btn::before { background: url('../img/chat-new.svg') !important; background-repeat: no-repeat !important; background-size: 25px !important; background-position: center !important; }
    .about-destiny.define_float .chat-btn a.call-btn::before, .about-destiny.define_float .chat-btn a.chat-astro-btn::before { content: ''; background: url('../img/call-new.svg'); width: 25px; height: 25px; background-size: 25px; background-repeat: no-repeat; background-position: center; }
    .featured_links .featured_links_inner ul { gap: 10px; background: #fff; box-shadow: 0 4px 64px 0 rgba(0, 0, 0, .12); padding:20px 10px; border-radius: 15px; }
    .featured_links .featured_links_inner ul .fl_box { padding: 0; box-shadow: none; background-color: transparent; }
    .featured_links .featured_links_inner ul li {flex-basis: calc(33.33% - 6.66px );max-width: calc(33.33% - 6.66px );}
    /********* 25-08-2025 css End *********/

    .blog-details-content-parent.bldetal .top-detail-sec .detail-column {
        height: 60px;
        width: 60px
    }

    .blog-details-content-parent.bldetal .top-detail-sec .detail-column-1.detail-column {
        background: #ebbc12;
        border-radius: 6px;
        margin: 0
    }

    .blog-details-content-parent .detail-column ul li a {
        width: 60px;
        height: 60px;
        border-radius: 6px
    }

    .blog-details-content-parent .detail-column ul li a svg {
        width: 26px;
        height: 26px
    }

    .blog-details-content-parent.bldetal .top-detail-sec {
        top: 95px
    }

    .top-detail-sec .detail-column-1 h3 {
        font-size: 28px;
        line-height: 22px
    }

    .blog-details-content-parent.bldetal,
    .live_sessions-main {
        gap: 20px
    }

    .blog-details-content-parent.bldetal .detail-column-3.detail-column p {
        margin: 0 0 8px;
        line-height: 24px;
        font-size: 14px
    }

    .top-detail-sec .detail-column-1 span {
        font-size: 14px !important;
        line-height: 14px !important
    }

    .Astrologer_Live_sec~.CTA_Sec,
    .about_destiny-main h2,
    .about_destiny-main p,
    .app-android>h4,
    .customer-stories .col-md-6:last-child,
    .free-chat-banner .astro-team,
    .live-bg,
    .live-bg-lt,
    .live-lt-side,
    .live-stream-astrologer .remote-playerlist-chat h3,
    .live-stream-astrologer~footer,
    .recharge_wallet_main .slick-dots li button:before,
    .search-icon:nth-child(2),
    .slider-bg,
    nav[aria-label=breadcrumb],
    section.container-0.CHAT_view_page~footer {
        display: none
    }

    .live-stream-astrologer .remote-playerlist-chat .main_follow {
        border: none
    }

    .play-video iframe {
        height: auto;
        aspect-ratio: 4/3
    }

    .CHAT_view_page .main_chat_div .review-remark #reviewText,
    .Chat_Intake_Form_main form .form-input .input-group .iti.iti--allow-dropdown,
    .astro-plan-calc-right-mob-container button,
    .explore-about .explore-about-right,
    .hand-bg,
    .history_card .card-header.walletCardHeader.fixed-header-wallet,
    .kundli_form_section .kundli-view-form {
        width: 100%
    }

    .Chat_Intake_Form .Chat_Intake_Form_main form .input-group .form-control {
        padding-top: 11px;
        padding-bottom: 11px
    }

    .Astrologer_Live_sec~.qaf_sec .frequently,
    .available_top-astro {
        margin-top: 0
    }

    section.Astrologer_Live_sec {
        padding-bottom: 0;
        text-align: center
    }

    .qaf_sec {
        padding-bottom: 50px
    }

    .Astrologer_Live_sec~.qaf_sec .frequently-main .main_heading h4 {
        font-size: 22px;
        line-height: 30px;
        margin-top: 10px
    }

    .Astrologer_Live_sec~.qaf_sec .frequently-main .main_heading,
    .contact-bg-parent .contact-column,
    .mb-115 {
        margin-bottom: 30px
    }

    .CHAT_view_page .add-messages .text-right .pr-2 .msg,
    .astro-plan-calc-right-mob-container.mt-3.text-center p {
        line-height: 22px
    }

    .astro-plan-calc-right-mob-container.mt-3.text-center {
        margin-top: 0 !important
    }

    section.define_float.recharge_wallet_main.pad100.mb-115 {
        padding-bottom: 10px;
        padding-top: 30px
    }

    .recharge_wallet_main>.container>.row {
        padding: 0;
        row-gap: 0
    }

    .showbalance>div {
        flex-direction: column;
        justify-content: center;
        align-items: center !important
    }

    .showbalance>div h4 {
        margin: 5px 0 0
    }

    .addmoneymain {
        background: 0 0;
        border-radius: 0;
        padding: 0;
        margin: 35px 0 0
    }

    .recharge_wallet_main div.promoslider {
        padding-block: 10px 50px
    }

    .recharge_wallet_main .promoslider .slick-next.slick-arrow {
        display: none !important
    }

    .payment_select {
        margin: 15px 0 0
    }

    .addmoneymain .addmoneyform .form-control {
        background: #f0f0f0;
        border-radius: 40px
    }

    .heading_28,
    .payment_select .plan_item .pprice .add-plan,
    .review_sec .main_heading h4,
    .showbalance h6 {
        font-size: 25px
    }

    .addmoneyform div.row,
    .search-column .row,
    form#filter-form>.row {
        row-gap: 10px
    }

    .Chat_Intake_Form_main .row>div,
    .GiftModal .modal-dialog .modal-content .modal-footer .wbrs_bottom .rsgbtns .blue_btn_custm.sndgiftbtn,
    .addmoneyform div.row>div,
    .blog-details-content .top-detail-sec .detail-column-2 ul li,
    .my_account_inners .Chat_Intake_Form_main .form-input.text-center,
    .top_astro-list,
    .verified-astro,
    section.kundli_form_section .kundli_Form_main .offset-sm-3 {
        margin: 0
    }

    .payment_select .plan_item .pprice {
        max-width: 150px;
        margin: 0
    }

    .payment_select_method {
        margin: 30px 0 0
    }

    .astro-plan-calc-right {
        width: 100%;
        margin: 0 auto
    }

    .recharge_wallet_main .slick-dots {
        bottom: 30px !important;
        justify-content: center;
        margin: 0
    }

    .recharge_wallet_main .slick-dots li {
        width: auto;
        height: auto;
        margin: 0 4px
    }

    .recharge_wallet_main .slick-dots li button {
        padding: 0;
        background: #393186;
        border-radius: 50px;
        height: 10px;
        width: 10px
    }

    .recharge_wallet_main .slick-dots li.slick-active button {
        background: #ebbc12
    }

    .payment_select_method .coupon-form {
        background: 0 0;
        padding: 0;
        border-radius: 0;
        margin: 0 0 10px
    }

    .payment_select .plan_item {
        column-gap: 15px
    }

    section.HISTORY_page {
        padding: 30px 0
    }

    .Live_pandit {
        box-shadow: none;
        float: none;
        display: inline-block;
        vertical-align: top;
        max-width: 280px
    }

    .history_card .card-header.walletCardHeader.fixed-header-wallet ul {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .about-astro-left .about-description p,
    .allfreekundli_css .accordion .accordion-button,
    .blue_btn_custm,
    .chat_top_header .chat_profile .user_name,
    .explore_about_div.my_account_inners .tab-content .about_content_divv p,
    .review_sec .fiveStar i,
    .top-section-hdng p {
        font-size: 16px
    }

    .CHAT_view_page .add-messages .msg {
        font-size: 14px;
        padding: 7px 13px
    }

    .CHAT_view_page .main_chat_div .review-remark {
        padding: 10px 15px
    }

    .CHAT_view_page .main_chat_div .review-remark .review_comments_this_div,
    .left-artical-sec .artical .artical-content {
        padding: 15px
    }

    .CHAT_view_page .main_chat_div .review-remark .review_comments_this_div .review_content_div>div>div,
    section.allfreekundli_css .row.mb-5 {
        margin: 0 !important
    }

    .CHAT_view_page .main_chat_div .review-remark .btn.blue_btn_custm,
    .left-artical-sec .artical .artical-content span.readmoreblog {
        margin: 10px 0 0
    }

    .aboutUs-page-wrapper .about-astromanch {
        margin-block: 30px
    }

    .aboutUs-page-wrapper.mb-115,
    .chat-btn,
    .lastest-blog-slider .slick-dotted.slick-slider {
        margin-bottom: 0
    }

    .Chat_Intake_Form_main,
    .explore_about_div.my_account_inners .tab-content {
        padding: 0
    }

    .app-android,
    .blog-details-parent,
    .blog-parent .blog {
        margin: 30px 0
    }

    .blog-parent .blog .top-section-hdng h3 {
        margin-bottom: 30px;
        font-size: 25px;
        margin-top: 5px
    }

    .latest-blogs .top-section-hdng {
        padding: 30px 0 140px
    }

    .top-section-hdng h3 {
        font-size: 25px;
        margin-top: 8px
    }

    .latest-blogs .blog-view-btn {
        margin-bottom: 0;
        margin-top: 40px
    }

    .latest-blogs .lastest-blog-slider .slick-dots {
        bottom: -15px !important
    }

    .CHAT_view_page .main_chat_div nav.navbar.navbar-expand-sm.d-flex.justify-content-between.action-control,
    .astro_bg-img svg,
    .blog-details-banner img {
        height: auto
    }

    .blog-details-content .top-detail-sec {
        display: block
    }

    .blog-details-content .top-detail-sec .detail-column-1 {
        padding: 30px 0 0;
        display: flex;
        align-items: center;
        gap: 10px;
        max-width: 90px;
        float: left;
        margin: 7px 15px 0 0
    }

    .blog-details-content .top-detail-sec .detail-column-2 {
        padding: 30px 0 0;
        float: left
    }

    .blog-details-content .top-detail-sec .detail-column-2 ul {
        flex-direction: row;
        width: auto;
        gap: 20px;
        align-items: center;
        justify-content: center;
        padding: 10px 25px
    }

    .Biography .row,
    .chat-btn {
        justify-content: center
    }

    .blog-details-content .top-detail-sec .detail-column-3 {
        padding: 20px 0 0;
        float: left;
        width: 100%
    }

    .sendddGift {
        bottom: 130px
    }

    .Astrologer_Details_card {
        padding: 30px 0 10px
    }

    .Biography .col-12.col-sm-12.col-md-12.col-lg-12 {
        width: 100%;
        max-width: 570px;
        display: inline-block;
        text-align: left
    }

    .Astrologer_Details_card .container>.row>*,
    .review_sec .container {
        max-width: 570px
    }

    .row.astrologer_review_list {
        column-count: 1;
        margin: 0
    }

    .review_sec {
        margin-bottom: 0 !important;
        padding: 30px 0 40px
    }

    .Chat_Intake_Form_main .row {
        margin: 0 0 15px
    }

    div.partnerDetail .row {
        row-gap: 15px
    }

    .Chat_Intake_Form {
        padding: 30px 0;
        margin: 0 !important
    }

    .android-main {
        display: flex;
        align-items: baseline;
        gap: 14px;
        position: relative
    }

    .top-astro h3 {
        text-transform: capitalize
    }

    .banner-bg {
        padding-top: 15px;
        background-position: left
    }

    .about-destiny,
    .chat-astro-outer {
        gap: 10px
    }

    .top-astro::after {
        display: none;
        height: 228px
    }

    .astrologer-main {
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12)
    }

    .live-sessions .star-main {
        top: 93px
    }

    .email span {
        word-break: break-all
    }

    .Stories-slider>p {
        margin: 20px 0 40px
    }

    body {
        padding-top: 81px
    }

    .available-astrologers,
    .customer-stories,
    .pad100 {
        padding: 50px 0
    }

    .logo a img {
        width: 195px
    }

    .chat_with-astro {
        padding-top: 15px
    }

    .top-nav {
        padding: 15px 0
    }

    .available_top-astro .chat_box-lt svg,
    .available_top-astro .chat_box-rt svg,
    .available_top-astro a svg,
    .search-icon a img {
        width: 22px
    }

    .login-btn,
    .menu-icon {
        width: 42px;
        height: 42px
    }

    .about_destiny-main p,
    .app-android h4,
    .email-info h4 {
        font-size: 20px;
        line-height: 20px
    }

    .chat-btn a {
        width: 30%;
        padding: 13px 20px;
        font-size: 15px;
        line-height: 15px
    }

    .payment_recharge .card-body .prcard,
    .view-btn a {
        padding: 15px 20px
    }

    .about_destiny-main h2 {
        margin: 15px 0 25px;
        font-size: 34px;
        line-height: 44px
    }

    .main-astrologer {
        position: relative;
        max-width: 430px;
        margin: 0 auto
    }

    .astro_chat-slider .slick-dots li button {
        width: 10px;
        height: 10px
    }

    .pulse:after {
        animation-delay: 1s
    }

    @keyframes video_animate {
        100% {
            transform: scale(1.5)
        }

        0% {
            transform: scale(.7)
        }
    }

    .video-bg {
        top: 110px
    }

    .video-sec::after {
        height: 150px
    }

    .astro_chat-slider .slick-dots li.slick-active button,
    .latest-news .slick-dots li button {
        width: 12px;
        height: 12px
    }

    .top_astro-inner {
        padding: 0;
        background: 0 0;
        box-shadow: inherit
    }

    .astro_chat-slider .slick-dots {
        bottom: -40px
    }

    .app-android a img {
        width: 25px
    }

    .pt_live-list {
        width: calc(50% - 10px)
    }

    .available_top-astro,
    .top-astrologer {
        width: calc(50% - 7.5px)
    }

    .our_top-astrologer {
        margin-top: 50px;
        padding: 50px 20px 0
    }

    .tabs-btn ul {
        gap: 30px
    }

    .our_top-astrologer::after {
        border-radius: 60px 0 0
    }

    .our_top-astrologer .view-btn {
        margin-top: 90px
    }

    .video_bg-main>img {
        width: 100%;
        border-radius: 35px
    }

    .video-icon .play-btn {
        height: 44px;
        width: 44px
    }

    .video-icon .play-btn img {
        width: 16px
    }

    .video-sec {
        padding-bottom: 60px
    }

    .available_astro-info h4 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 8px
    }

    .available_astro-info img {
        width: 80px;
        height: 80px
    }

    .available_astro-info {
        top: 15px
    }

    .astrologer-list {
        gap: 15px;
        max-width: 523px;
        margin: 0 auto;
        float: none
    }

    .available-astrologers .sessions h4 {
        margin: 30px 0 40px
    }

    .available_top-astro .chat_box-lt {
        left: 50px
    }

    .available_top-astro .call_box {
        right: 5px
    }

    .available_top-astro a {
        bottom: 25px
    }

    .view-btn a {
        width: 138px
    }

    .astro-contact {
        border-radius: 20px;
        width: 100%;
        padding: 18px 12px 18px 65px;
        max-width: 546px;
        text-align: left
    }

    .astro-contact .online-astro-img img {
        width: 65px;
        height: 65px
    }

    .astro-contact-main {
        column-gap: 35px;
        row-gap: 35px;
        text-align: left
    }

    .hand-bg,
    .online-astrologers,
    .review_sec .main_heading {
        text-align: center
    }

    .online-astrologers .sessions h4 {
        margin-top: 15px;
        margin-bottom: 20px
    }

    .review_sec .fiveStar {
        gap: 10px;
        font-size: 20px;
        justify-content: center;
        margin: 10px 0 0
    }

    .review_sec .fiveStar .rating {
        gap: 1px
    }

    .review_sec hr.hr_dvider {
        margin: 20px 0
    }

    .online-astrologers .star-main {
        left: 50%;
        transform: translateX(-50%)
    }

    .online-astrologers {
        padding: 50px 0 50px 10px;
        margin: 0 0 30px
    }

    .customer-stories .slick-next.slick-arrow,
    .slick-prev.slick-arrow {
        bottom: 0
    }

    .customer-stories::after {
        display: none;
        width: 50%;
        bottom: 149px;
        transform: unset;
        top: inherit
    }

    .android-img,
    .app-available,
    .astrologer-circle {
        margin-top: 30px
    }

    .latest-news {
        padding-top: 50px
    }

    .astrologer-circle .rotate {
        width: 300px
    }

    .latest-news .slick-dots li.slick-active button {
        width: 16px;
        height: 16px
    }

    .app-main h3 {
        font-size: 26px;
        line-height: 36px
    }

    .android-img>img {
        width: 200px
    }

    .app_available-bg {
        padding: 0 20px;
        border-radius: 30px;
        max-width: 523px;
        margin: 0 auto;
        float: none
    }

    .android_bg-shape img {
        width: 152px
    }

    .app-img img {
        width: 85px
    }

    .sessions h4 {
        font-size: 22px;
        line-height: 30px
    }

    .frequently {
        flex-direction: column;
        margin-top: 30px
    }

    .hand-bg img {
        display: inline-block;
        width: 220px
    }

    .latest-blogs .top-section-hdng,
    .latest-news::after {
        border-radius: 50px 50px 0 0
    }

    .frequently-main {
        width: 100%;
        margin-top: 20px
    }

    .hand-bg::after {
        height: 365px
    }

    .app-available {
        padding: 0 0 50px;
        margin-top: 0;
    }

    .secure-payment p {
        font-size: 16px;
        line-height: 16px;
        margin-top: 10px
    }

    .secure-payment img {
        width: 35px;
        height: 35px
    }

    .verified-astro .rt-img img {
        width: 60px
    }

    .verified-astro .lt-img img {
        width: 95px
    }

    .verified-astro {
        padding: 22px 65px;
        border-radius: 25px
    }

    .rt-img {
        right: -12px
    }

    .use-links ul li a {
        font-size: 14px;
        line-height: 24px
    }

    .phone_call span {
        font-size: 22px;
        line-height: 22px
    }

    .chat_astro-main a img {
        margin-right: 10px;
        width: 25px;
        height: 25px
    }

    .chat_astro-main a {
        font-size: 18px;
        line-height: 18px
    }

    .chat_astro-main {
        max-width: 495px;
        margin: 30px auto;
        flex-direction: column
    }

    .astro-logo {
        margin-bottom: 10px
    }

    .astro-logo a img {
        width: 210px
    }

    .explore-about .explore-about-left {
        width: 100% !important
    }

    .explore-about {
        flex-wrap: wrap;
        padding: 20px
    }

    .explore-about-right .explore-right-inner {
        padding: 10px 0 0
    }

    .contact-bg-parent .about-card {
        margin-top: 30px;
        padding: 40px
    }

    .contact-bg-parent .contact-column p {
        font-size: 28px;
        line-height: 1.2
    }

    .chat-gallery .has-sticky {
        right: 50%;
        top: 132px;
        transform: translateX(50%);
        width: 95%
    }

    .chat-gallery .search-column .input-group button,
    .search-column .search-astro {
        padding-block: 6px;
        height: 36px;
        font-size: 14px;
        line-height: 1.2
    }

    .balance h6,
    .top-banner .main-hdng {
        line-height: 1.2
    }

    .top-banner .banner-content p {
        line-height: 1.2;
        margin-bottom: 8px
    }

    .top-banner {
        border-radius: 0 0 15px 15px
    }

    .free-chat-banner .chat-banner-content {
        padding-block: 20px;
        padding-inline: 50% 0%;
        height: var(--banner-height);
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .free-chat-banner-inner {
        --banner-height: 230px;
        height: var(--banner-height)
    }

    .Our_services_onsearch {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-between
    }

    .Our_services_onsearch .Our_services_onsearch_inner {
        flex-basis: calc(50% - 10px)
    }

    .Our_services_onsearch .Our_services_onsearch_inner a {
        width: 100%;
        display: inline-flex;
        max-width: 100%;
        padding: 14px 10px;
        align-items: center;
        justify-content: center
    }

    footer.define_float.footer-sec.has-floating-popup {
        margin-bottom: 150px
    }

    .my_account_inners .Chat_Intake_Form_main {
        border-radius: 0 0 30px 30px;
        margin-bottom: 30px
    }

    section.define_float.Chat_Intake_Form.my_account.pad100.mb-115 {
        padding-bottom: 20px;
        margin-bottom: 40px
    }

    .footer-sec {
        padding-top: 60px
    }

    .balance,
    .history_card .card-header {
        padding: 20px
    }

    .balance .d-flex.justify-content-between {
        flex-direction: column;
        gap: 14px;
        justify-content: center !important;
        align-items: center !important;
        text-align: center
    }

    .balance h4 {
        line-height: 1.2;
        margin-bottom: 5px
    }

    .history_card>.card-body {
        padding: 30px 20px
    }

    .history_card .card-header .nav.nav-tabs .nav-item .nav-link {
        padding: 5px 25px;
        font-size: 16px
    }

    section.container-0.CHAT_view_page {
        margin: 0;
        padding: 0
    }

    .chat_top_header {
        border-radius: 0 0 10px 10px
    }

    .CHAT_view_page .main_chat_div .review-remark .reviewForm .ppforaddrevies {
        margin: 0 0 10px;
        flex-direction: row
    }

    .CHAT_view_page .main_chat_div .review-remark .reviewForm .ppforaddrevies .rating {
        width: auto
    }

    .CHAT_view_page .main_chat_div .review-remark .reviewForm .ppforaddrevies label {
        width: 18px
    }

    .CHAT_view_page .main_chat_div .review-remark .reviewForm .ppforaddrevies label.star::before {
        font-size: 1rem
    }

    .CHAT_view_page .main_chat_div .review-remark .reviewForm .ppforaddrevies img {
        width: 40px;
        border-radius: 10px;
        height: 40px;
        margin: 0 10px 0 0
    }

    .CHAT_view_page .main_chat_div nav.navbar .form-control {
        width: calc(100% - 83px)
    }

    section.allfreekundli_css .accordion {
        margin: 0 0 30px
    }

    .allfreekundli_css .panel .panel-heading {
        font-size: 18px
    }

    .allfreekundli_css .panel .panel-body h5 {
        margin: 0 0 6px;
        font-size: 18px
    }

    .container {
        max-width: 100%;
        width: 100%
    }

    .allfreekundli_css .panel .panel-body ul.kundli-table-list {
        margin: 0 0 20px
    }

    .GiftModal .modal-dialog {
        width: 95%;
        margin: 10px auto
    }

    .live-stream-astrologer .playerlist-control-bottom-right-price {
        bottom: 30px;
        display: none
    }

    .Chat_wrapper {
        height: calc(100vh - 64px)
    }

    .CHAT_view_page .scroll {
        min-height: 60vh;
        max-height: 60vh;
        min-height: initial;
        max-height: inherit;
        height: calc(100% - 80px)
    }

    .Chat_wrapper .main_chat_div.chat-custom-new {
        height: calc(100% - 82px)
    }

    .live-stream-astrologer .chatlog-container {
        bottom: 20px;
        padding: 10px 0 0
    }

    .left-artical-sec .artical .artical-content h3,
    .left-artical-sec .artical .artical-content h3 span {
        font-size: 12px;
        line-height: 14px
    }

    .left-artical-sec .artical .artical-content h4 {
        font-size: 16px;
        line-height: 20px
    }

    .left-artical-sec .artical .artical-content span {
        font-size: 14px;
        line-height: 14px
    }

    .payment_select_method .coupon-form .form-control {
        background: #f3f3f3;
        padding: 20px 15px;
        width: 55%;
        margin: 0 15px 0 0
    }

    .payment_select_method .coupon-form .coupon-apply-button {
        width: 45%
    }

    .addmoneymain .addmoneyform input {
        padding: 15px !important
    }
}

@media(max-width:599px) {
    .kundli_form_section.main_kundliii_form_div .section-heading.centered {
        margin: 0 0 30px
    }

    .payment_recharge .card-body .prcard {
        padding: 25px 20px 15px
    }

    .modalcustomcss .modal-content .modal-header .modal-title {
        font-size: 24px;
        margin: 20px 0
    }

    .Pandit_name .card .row>:nth-child(2) {
        width: 68%
    }

    .Pandit_name .card .card-body {
        padding: 20px 0
    }

    .Pandit_name .card,
    .container-0 .container .col-12.col-sm-12.col-md-12 {
        padding: 0
    }

    .Pandit_name .card .img-fluid.rounded-start {
        height: auto;
        margin: 0
    }

    .CHAT_view_page .main_chat_div .chat_top_header .Balnce_chtinpro,
    .left-artical-sec .artical {
        display: block
    }

    .play-video .btn-close {
        right: -6px;
        top: -6px
    }

    .CHAT_view_page .main_chat_div .chat_top_header {
        padding: 0 10px
    }

    .CHAT_view_page .main_chat_div .chat_top_header .chat_profile .flex-grow-1.ms-3 {
        margin: 0 0 0 10px !important
    }

    .CHAT_view_page .main_chat_div .chat_top_header .chat_profile .flex-shrink-0 img {
        width: 40px;
        height: 40px
    }

    .chat_top_header .chat_end_btn .blue_btn_custm {
        padding: 6px 6px 4px;
        font-size: 14px;
        border-radius: 6px;
        line-height: normal
    }

    .chat_top_header .chat_profile .balancee {
        font-size: 14px
    }

    .container-0 .container {
        margin: 0;
        max-width: 100%
    }

    .kundli_form_section .kundli-view-form {
        padding: 20px
    }

    .allfreekundli_css .panel .panel-body {
        padding: 10px 0 25px
    }

    .allfreekundli_css #chartSvg {
        transform: scale(.7);
        transform-origin: center left
    }

    .astro-contact-main .astro-contact {
        margin: 0 0 10px
    }

    .live-stream-astrologer .remote-playerlist-chat {
        height: 45%
    }

    .header-sticky .search-icon a img {
        max-width: 22px
    }
}

@media(max-width:575px) {
    /********* 25-08-2025 css Start  **********/
    .featured_links .featured_links_inner .fl_imgholder { width: 45px; padding: 8px; }
    .featured_links .featured_links_inner ul .fl_box { gap: 10px; }
    .featured_links .featured_links_inner ul .fl_box h4 { font-size: 16px; }
    /******** 25-08-2025 css End  *********/

    .Chat_Intake_Form_sett .Chat_Intake_Form_main form .row.rowdob .col-12 {
        width: 33%
    }

    .Chat_Intake_Form_main form .rowdob .form-input label {
        min-width: 35vw
    }

    .Chat_Intake_Form_main form .input-group .form-control,
    .Chat_Intake_Form_main form .input-group select,
    .pt-details {
        padding: 10px
    }

    .Chat_Intake_Form_main form .input-group select {
        background-position: right 10px center
    }

    .left-artical-sec .artical .artical-img img,
    div.Live_pandit {
        height: auto
    }

    .Live_pandit .Live_pandit_name {
        padding: 8px 15px 22px
    }

    .Astrologer_Live_sec~.qaf_sec .frequently-main,
    .callchathistory .card .card-img,
    .live-sessions>.container,
    .online-astrologers h4 {
        text-align: center
    }

    .Astrologer_Live_sec~.qaf_sec .frequently-main .main_heading,
    .chat-gallery,
    .contact-bg-parent .contact-column {
        margin-bottom: 20px
    }

    .Astrologer_Live_sec~.qaf_sec .frequently-main .main_heading h4 {
        text-align: center;
        margin: 0 0 20px
    }

    .payment_recharge .card-body .prcard p span {
        line-height: 20px
    }

    .callchathistory .card,
    .contact-column .contact-form {
        padding: 15px
    }

    .contact-column .contact-form .form-input {
        margin: 0 0 15px
    }

    .callchathistory .card .DurationH p,
    .callchathistory .card p.datedetail {
        font-size: 14px
    }

    .callchathistory .card .ratecall {
        font-size: 14px;
        margin: 10px 0 8px
    }

    .customer-stories .star-main,
    .frequently-main .star-main {
        margin: 0 auto
    }

    .play-btn::after,
    .sendddGift .yegift {
        width: 50px;
        height: 50px
    }

    .sendddGift {
        bottom: 110px;
        right: 10px
    }

    .Specialization {
        padding: 0;
        background: 0 0;
        box-shadow: none
    }

    .Specialization_btns a {
        width: calc(50% - 10px)
    }

    .Specialization_btns {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        margin: 0;
        width: 100%;
        background: #fff;
        padding: 10px;
        box-shadow: 0 0 10px #000
    }

    .Pandit_name .card .img-fluid.rounded-start {
        width: 100%;
        max-width: 110px;
        margin-top: -55px
    }

    .Pandit_name .card .row>:first-child {
        text-align: center;
        margin-top: 0
    }

    .Pandit_name .card {
        margin-top: 55px
    }

    .Pandit_name .card .row>:first-child,
    .Pandit_name .card .row>:nth-child(2),
    .chat_astro-main a {
        width: 100%
    }

    .Pandit_name .card .card-body {
        padding: 20px;
        text-align: center;
        justify-content: center;
        align-items: center
    }

    .Pandit_name .card .card-body .chat_call_mins,
    .app-android,
    .email a {
        justify-content: center
    }

    section.our_top-astrologer .top_astro-pt .tabs-btn ul {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap;
        width: 100%
    }

    section.our_top-astrologer .top_astro-pt .tabs-btn ul::-webkit-scrollbar {
        display: none;
        scroll-behavior: smooth
    }

    section.our_top-astrologer .top_astro-pt .tab-content {
        padding: 0 30px 0 0
    }

    section.our_top-astrologer .container-fluid {
        padding-right: 0
    }

    section.our_top-astrologer {
        overflow-x: hidden;
        margin: 10px 0 0;
        padding: 30px 00px 0 20px
    }

    .Live_pandit .Live_pandit_name a {
        font-size: 16px;
        line-height: 19px
    }

    section.live-sessions {
        overflow-x: hidden
    }

    .live_sessions-main-hp .row::-webkit-scrollbar {
        display: none;
        scroll-behavior: smooth
    }

    .live_sessions-main-hp .row {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap;
        width: 100vw;
        position: relative;
        column-gap: 15px;
        padding: 0 30px 0 0
    }

    .live_sessions-main-hp {
        padding: 0 10px
    }

    .our_top-astrologer .top_astro-pt .tabs-btn ul .nav-item .nav-link {
        padding: 0 0 5px
    }

    .app-android {
        margin: 00px 0 20px !important;
        position: absolute;
        right: 15px;
        width: auto;
        display: flex;
        flex-direction: column;
        background: #eaeaea;
        padding: 12px 8px;
        border-radius: 50px;
        top: 0;
        z-index: 99
    }

    .android-main {
        flex-direction: column
    }

    .live-sessions {
        margin-top: 76px
    }

    .astro_bg-img svg,
    .available_bg-img,
    .available_bg-lt,
    .bg_img-rt,
    available_bg-rt {
        display: none
    }

    .available_astro-info {
        background: #fff;
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .12);
        border-radius: 20px;
        padding: 13px 0 33px;
        top: 0;
        width: 100%;
        position: relative;
        top: 9
    }

    .available_top-astro a {
        top: inherit;
        z-index: 9;
        height: 39px;
        width: 39px;
        bottom: -27px;
        top: inherit
    }

    .verified-main {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px
    }

    .live-sessions .star-main {
        top: 0;
        position: relative;
        margin: 0;
        float: none;
        width: 110px;
        display: inline-block
    }

    .live_sessions-main-hp .col-md-4 {
        width: 40%;
        padding: 0
    }

    .live_sessions-main-hp .col-md-4 img {
        aspect-ratio: 3/2;
        height: auto
    }

    .chat-astro-outer {
        gap: 6px
    }

    .main-astrologer {
        padding: 0 18px
    }

    .main-astrologer .astro-img {
        left: 3px
    }

    .app-img img {
        width: auto
    }

    .pad100 {
        padding: 40px 0
    }

    .Our_services_onsearch_main,
    .srchpage_maindiv.chat-gallery.pad100.pt-0.mb-115 {
        margin-bottom: 0
    }

    .banner-bg {
        border-radius: 0 0 40px 40px
    }

    .top-astro::after {
        top: 16px;
        right: -7px;
        height: 225px
    }

    .about_destiny-main p,
    .tabs-btn button {
        font-size: 18px;
        line-height: 18px
    }

    .about_destiny-main h2 {
        margin: 15px 0 20px;
        font-size: 28px;
        line-height: 38px
    }

    .chat-btn a,
    .inner-details h4,
    .secure-payment p {
        font-size: 14px;
        line-height: 14px
    }

    .top-astrologer:hover .pt-main,
    .top-astrologer>img {
        border-radius: 18px
    }

    .chat-btn {
        gap: 10px
    }

    .top-astro h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px
    }

    .app-android h4 {
        display: none;
        font-size: 20px;
        line-height: 20px
    }

    .app-android a img {
        width: 22px
    }

    .sessions h4 {
        text-align: center;
        margin: 10px 0 25px
    }

    .astro-info h5,
    .chat_astro-main a {
        font-size: 16px;
        line-height: 16px
    }

    .our_top-astrologer {
        margin-top: 40px;
        padding: 40px 20px 0
    }

    .our_top-astrologer::after {
        border-radius: 40px 0 0
    }

    .tabs-btn ul {
        gap: 20px;
        margin-bottom: 30px
    }

    .inner-details {
        border-radius: 14px
    }

    .online-astrologers .astro-details h4 {
        text-align: left
    }

    .view-btn a {
        width: 130px;
        font-size: 13px;
        line-height: 14px
    }

    .astrologer-list {
        max-width: 100%;
        row-gap: 37px
    }

    .available_top-astro {
        width: calc(50% - 15px);
        margin-top: 0
    }

    .our_top-astrologer .view-btn,
    .video-sec {
        margin-top: 50px
    }

    .video-bg {
        top: 80px
    }

    .video-sec {
        padding-bottom: 50px
    }

    .available-astrologers .sessions h4 {
        margin: 20px 0 30px
    }

    .video-bg h2 {
        font-size: 65px;
        line-height: 65px
    }

    .video-sec::after {
        height: 135px
    }

    .astro-contact {
        width: calc(100% - 14px)
    }

    .astro-contact-main {
        column-gap: unset;
        row-gap: 19px;
        max-width: 340px;
        margin: 0 auto;
        float: none
    }

    .pt-details>h4 {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 5px
    }

    .astrologer-img img {
        border-radius: 20px
    }

    .astro-info {
        border-radius: 0 0 20px 20px
    }

    .work-rating img {
        width: 12px;
        height: 12px
    }

    .chat-call a img {
        width: 16px;
        height: 16px
    }

    .chat-call a {
        width: 32px;
        height: 32px
    }

    .video-icon .play-btn {
        height: 40px;
        width: 40px
    }

    .app-available {
        padding: 0 0 50px
    }

    .verified-astro {
        padding: 20px;
        border-radius: 20px
    }

    .android-img>img {
        width: 183px
    }

    .app-main h3 {
        font-size: 22px;
        line-height: 32px;
        text-align: center
    }

    .app_available-bg {
        border-radius: 20px;
        flex-direction: column;
        padding: 20px 20px 0
    }

    .verified-astro .rt-img img {
        width: 36px
    }

    .verified-astro .lt-img img {
        width: 70px
    }

    .secure-payment img {
        width: 30px;
        height: 30px
    }

    .email-info {
        margin-top: 25px
    }

    .astro-logo a img {
        width: 185px
    }

    .rt-img {
        right: -15px
    }

    .chat_astro-main {
        padding: 12px 20px
    }

    .chat_astro-main a img {
        margin-right: 8px;
        width: 20px;
        height: 20px
    }

    .news-main>img {
        border-radius: 18px 18px 0 0
    }

    .email-info h4 {
        margin-bottom: 20px;
        text-align: center;
        color: #d7ab0d
    }

    .phone_call {
        margin-top: 10px
    }

    .email a img {
        width: 18px
    }

    .email span {
        margin-left: 10px
    }

    .copy-right {
        padding: 18px
    }

    .android_bg-shape {
        right: 19px
    }

    .use-links ul li {
        width: 100%;
        text-align: center;
        margin-bottom: 0
    }

    .use-links {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .contact-bg-parent .about-card {
        padding: 30px
    }

    .contact-bg-parent .contact-column p {
        font-size: 28px;
        margin-bottom: 20px
    }

    .free-chat-banner .chat-banner-content {
        padding-inline: 40% 10px
    }

    .free-chat-banner .content-img {
        width: 140px;
        height: auto;
        left: 12px;
        top: auto;
        bottom: 0
    }

    .frequently {
        margin-top: 30px
    }

    .my_account_inners .Chat_Intake_Form_main {
        padding: 20px;
        margin: 0;
        border-radius: 0 0 20px 20px
    }

    .my_account_inners {
        padding: 0
    }

    .tab_blue_bar {
        border-radius: 20px 20px 0 0
    }

    .delete-section {
        max-width: 95%;
        padding-inline: 10px
    }

    .blue_btn_custm {
        padding: 12px 35px
    }

    .dropdown-toggle::after {
        margin-left: 0
    }

    .callchathistory .card .astrologerName {
        line-height: 1.2
    }

    .heading_28,
    .payment_select .plan_item .pprice .add-plan,
    .review_sec .main_heading h4,
    .showbalance h6 {
        font-size: 20px
    }
}

@media(max-width:480px) {
    .blog-details-content-parent.bldetal {
        gap: 10px;
        flex-direction: column;
        margin: 20px 0 0
    }

    .blog-details-content-parent.bldetal .top-detail-sec {
        top: 0;
        position: relative;
        flex-direction: row
    }

    .blog-details-content {
        max-width: 100%;
        width: 100%;
        margin: 0
    }

    .blog-details-content-parent.bldetal .top-detail-sec .detail-column-2.detail-column {
        width: auto
    }

    .blog-details-content-parent.bldetal .top-detail-sec .detail-column-2 ul,
    .main_kundliii_form_div .max_wi_kfmm.kfm div#birth_timepickers .input_row,
    .main_kundliii_form_div .max_wi_kfmm.kfm form#kundli_form div#datepickers .input_row {
        flex-direction: row
    }

    .blog-details-content-parent.bldetal .top-detail-sec .detail-column {
        width: 50px;
        height: 50px
    }

    .top-detail-sec .detail-column-1 h3 {
        font-size: 22px;
        line-height: 16px
    }

    .top-detail-sec .detail-column-1 span {
        font-size: 12px !important;
        line-height: 12px !important
    }

    .blog-details-content-parent .detail-column ul li a {
        width: 50px;
        height: 50px;
        border-radius: 6px
    }

    .blog-details-content-parent .detail-column ul li a svg {
        width: 22px;
        height: 22px
    }

    .chat_with-astro a,
    .sidenav a {
        line-height: 14px;
        font-size: 14px
    }

    .Chat_Intake_Form_main form .form-input .blue_btn_custm,
    .kundli_form div#birth_timepickers .input_row .form_grp,
    .left-artical-sec .artical,
    .pt_live-list,
    .top-astrologer,
    form#kundli_form div#datepickers .input_row .form_grp {
        width: 100%
    }

    .about_destiny-main,
    .customer-stories .slick-dots,
    .email-info h4,
    .sessions h4 {
        text-align: center
    }

    .main_kundliii_form_div .max_wi_kfmm.kfm form#kundli_form div#datepickers .input_row .form_grp input,
    .main_kundliii_form_div .max_wi_kfmm.kfm form#kundli_form div#datepickers .input_row .form_grp select {
        padding: 0 10px;
        text-align: center
    }

    .kundli_form div#birth_timepickers .input_row,
    form#kundli_form div#datepickers .input_row {
        flex-direction: column;
        row-gap: 15px
    }

    .qaf_sec {
        padding-bottom: 30px
    }

    section.define_float.recharge_wallet_main.pad100.mb-115 {
        padding-bottom: 0
    }

    .recharge_wallet_main div.promoslider {
        padding-block: 10px 30px
    }

    .recharge_wallet_main .slick-dots {
        bottom: 10px !important
    }

    section.HISTORY_page {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .history_card .card-header.walletCardHeader.fixed-header-wallet {
        top: 63px;
        padding: 17px 8px
    }

    .history_card .card-header .nav.nav-tabs .nav-item .nav-link {
        padding: 5px 10px
    }

    .history_card .card-header .nav.nav-tabs {
        justify-content: center
    }

    .history_card .card-header.walletCardHeader.fixed-header-wallet ul li a {
        padding: 4px 15px !important
    }

    .callchathistory .card .chatstatus {
        top: inherit;
        bottom: 0;
        border-radius: 16px 0;
        padding: 2px 12px;
        font-size: 14px
    }

    .inner-details,
    .menu-icon,
    .top-astrologer:hover .pt-main,
    .top-astrologer>img {
        border-radius: 13px
    }

    .callchathistory .card {
        padding: 8px
    }

    .DurationH.d-flex.justify-content-between {
        flex-direction: column;
        gap: 1px;
        margin: 5px 0 0
    }

    .history_card>.card-body {
        padding: 20px 15px
    }

    .Chat_Intake_Form_main form#otp_form .form-input .blue_btn_custm,
    .our_top-astrologer .star-icon svg,
    .verified-astro {
        margin: 0
    }

    .Chat_Intake_Form_main form#otp_form .form-input .blue_btn_custm:first-child {
        margin: 0 0 10px
    }

    .our_top-astrologer {
        margin-top: 15px
    }

    .available_astro-info h4 {
        font-size: 16px
    }

    .Live_pandit .Live_pandit_name a {
        margin: 0 0 5px
    }

    .top-nav .logo img {
        width: 170px
    }

    body {
        padding-top: 56px
    }

    .top-nav {
        padding: 10px 0;
        gap: 15px
    }

    header .container {
        max-width: 100%;
        padding: 0
    }

    .video-bg img {
        width: 35px
    }

    .category {
        padding: 15px 15px 17px
    }

    .top-astro::after {
        top: 14px;
        height: 197px
    }

    .sidenav a {
        padding: 8px 8px 8px 20px
    }

    .logo a img {
        width: 140px
    }

    .dot-icon,
    .latest-news .slick-dots li button {
        width: 8px;
        height: 8px
    }

    .chat_with-astro a {
        gap: 7px;
        padding: 8px 6px
    }

    .menu-icon,
    .search-icon a {
        padding: 9px
    }

    .chat_with-astro {
        gap: 6px
    }

    .chat-astro-outer {
        gap: 5px
    }

    .available_astro-info p {
        font-size: 14px;
        line-height: 16px
    }

    .frequently-inner .accordion-button::after {
        background-size: 14px
    }

    .about_destiny-main p,
    .tabs-btn button {
        font-size: 16px;
        line-height: 16px
    }

    .about_destiny-main h2 {
        margin: 10px 0;
        font-size: 24px;
        line-height: 32px
    }

    .banner-bg {
        border-radius: 0 0 20px 20px
    }

    .chat-btn a {
        padding: 12px 15px;
        width: 50%
    }

    .chat-btn {
        justify-content: center;
        margin-bottom: 0
    }

    .top-astro h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 10px
    }

    .latest-news .slick-dots li.slick-active button {
        width: 12px;
        height: 12px
    }

    .latest-news .slick-dots {
        bottom: -55px
    }

    .astro-img img {
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2);
        width: 65px
    }

    .live_chat-main {
        left: 20px;
        right: 20px;
        justify-content: space-between
    }

    .astrologer-main {
        border-radius: 15px;
        padding: 15px 10px 15px 64px
    }

    .astro-details h4 {
        font-size: 16px;
        line-height: 14px
    }

    .astro-details span {
        font-size: 17px;
        line-height: 14px
    }

    .chat-box .call_icon-bg,
    .rating {
        margin-top: 5px
    }

    .astrologer-main .chat-box img {
        width: 18px
    }

    .chat-box {
        right: 7px;
        bottom: 5px
    }

    .chat-box a {
        width: 38px;
        height: 38px
    }

    .astro_chat-slider .slick-dots {
        bottom: -32px
    }

    .app-android h4 {
        font-size: 18px;
        line-height: 18px
    }

    .app-android,
    .online-astro-details {
        flex-direction: column
    }

    .sessions h4 {
        margin: 10px 0 20px
    }

    .tabs-btn ul {
        gap: 10px
    }

    .top-astrologer:nth-child(odd) {
        top: 0
    }

    .our_top-astrologer::after {
        border-radius: 30px 0 0
    }

    .our_top-astrologer .view-btn {
        margin-top: 30px
    }

    .view-btn a {
        width: 115px;
        padding: 12px 15px
    }

    .play-btn::after {
        width: 45px;
        height: 45px
    }

    .video-icon .play-btn {
        height: 35px;
        width: 35px
    }

    .video-icon .play-btn img {
        width: 12px
    }

    .video_bg-main>img {
        border-radius: 12px
    }

    .video-sec::after {
        height: 95px
    }

    @keyframes video_animate {
        100% {
            transform: scale(1.3)
        }

        0% {
            transform: scale(.7)
        }
    }

    .video-bg {
        top: 47px
    }

    .video-bg h2 {
        font-size: 54px;
        line-height: 54px
    }

    .astro-contact {
        margin-top: 0;
        width: 100%
    }

    .online-astro-img {
        top: -10px;
        left: -14px
    }

    .online-astro-img img {
        width: 60px
    }

    .customer-stories .slick-dots li,
    .customer-stories .slick-dots li button {
        width: 55px;
        height: 55px
    }

    .customer-stories .slick-dots li button:before {
        content: '';
        width: auto;
        height: auto
    }

    .customer-stories .slick-dots li:hover button {
        border: 3px solid #30297f
    }

    .customer-stories .slick-dots li.slick-active button {
        border: 3px solid #2fbd30
    }

    .Stories-slider>p {
        margin: 30px 0 20px;
        font-size: 16px;
        line-height: 26px
    }

    .customer-details img {
        width: 45px
    }

    .customer-details-main h4 {
        font-size: 18px;
        line-height: 26px
    }

    .customer-details-main p {
        font-size: 16px;
        line-height: 26px
    }

    .customer-details {
        gap: 15px
    }

    .customer-stories .slick-prev.slick-arrow {
        right: 40px
    }

    .customer-stories .slick-next.slick-arrow,
    .slick-prev.slick-arrow {
        height: 30px;
        width: 30px
    }

    .customer-stories .slick-next:before,
    .customer-stories .slick-prev:before {
        background-size: 18px
    }

    .hand-bg img {
        width: 190px
    }

    .hand-bg::after {
        height: 325px;
        width: 100px
    }

    .astrologer-circle {
        margin-top: 10px
    }

    .customer-stories::after {
        height: 85px;
        bottom: 137px
    }

    .frequently-inner h2 .accordion-button {
        font-size: 14px;
        line-height: 18px;
        gap: 10px
    }

    .android_bg-shape img {
        width: 120px
    }

    .latest-blogs .top-section-hdng,
    .latest-news::after {
        border-radius: 30px 30px 0 0
    }

    .astrologer-circle .rotate {
        width: 260px
    }

    .email-info h4 {
        margin-bottom: 10px
    }

    .chat_astro-main a,
    .copy-right p {
        font-size: 14px;
        line-height: 14px
    }

    .copy-right {
        padding: 15px
    }

    .frequently-inner .accordion-item {
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 10px
    }

    .app-available {
        padding: 0 0 40px
    }

    .frequently-inner .accordion-body p {
        font-size: 14px;
        line-height: 24px
    }

    .chat_astro-main {
        max-width: 100%;
        margin: 20px 0;
        flex-direction: column;
        gap: 15px;
        border-radius: 15px
    }

    .phone_call span {
        font-size: 18px;
        line-height: 20px
    }

    .verified-main {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px
    }

    .footer-sec {
        padding: 40px 0 0
    }

    .chat-gallery .has-sticky {
        top: 112px
    }

    section.define_float.Chat_Intake_Form.my_account.pad100.mb-115 {
        margin-bottom: 20px
    }

    .LOGIN_PAGE.login-page-wrapper .login-bg-parent .back-page {
        margin: 0 0 15px
    }

    .GiftModal .modal-header h5 {
        font-size: 19px
    }
}

@media(max-width:400px) {
    .send_gift_div .send_gift_div_inner {
        width: calc(50% - 20px);
        max-width: none
    }

    .GiftModal .modal-header h5,
    .send_gift_div .send_gift_div_inner .form-check .form-check-label .s_g_text {
        font-size: 14px
    }

    .GiftModal .modal-header {
        padding: 20px 30px
    }

    .GiftModal .modal-dialog .modal-content {
        border-radius: 20px
    }

    .GiftModal .modal-dialog .modal-content .modal-footer {
        border-radius: 0 0 20px 20px
    }

    .send_gift_div .send_gift_div_inner .form-check .form-check-label {
        padding: 20px 10px
    }
}

@media(max-width:390px) {
    .Pandit_name .card .card-body .main_Exp_div>:last-child {
        width: 100%
    }

    .Pandit_name .card .card-body .main_Exp_div {
        gap: 10px;
        flex-wrap: wrap
    }

    .Pandit_name .card .card-body .main_Exp_div .Experiance_year {
        width: calc(50% - 5px)
    }

    .Pandit_name .card .card-body .main_Exp_div>:last-child a {
        display: inline-block;
        vertical-align: top
    }

    .callchathistory .card .ratecall.d-flex {
        display: block !important;
        margin: 0 0 10px;
        float: left;
        width: 100%
    }

    .callchathistory .card .ratecall.d-flex span {
        float: left;
        width: 100%;
        margin: 0 0 4px
    }

    .callchathistory .card .ratecall.d-flex span:last-child {
        margin: 0
    }

    .callchathistory .card p.datedetail {
        line-height: normal;
        margin: 12px 0 0;
        font-size: 12px
    }

    div#LoginModal h6 {
        font-size: clamp(26px, 1.99vw, 38px)
    }
}

@media(max-width:370px) {
    .chat_with-astro a {
        padding: 8px 6px
    }

    .right-artical-sec .category-filter-tabs ul li {
        width: 100%;
        margin: 0 0 15px
    }

    .right-artical-sec .category-filter-tabs ul li:last-child {
        margin: 0
    }

    .right-artical-sec .category-filter-tabs ul li button {
        width: 100%;
        padding: 12px 10px
    }

    header {
        padding: 0 10px
    }

    header .chat-astro-outer .search-icon a svg {
        width: 20px
    }

    header .chat-astro-outer .dropdown.logout_dropdown button,
    header .chat-astro-outer .search-icon a {
        padding: 5px;
        border-radius: 10px
    }

    header .chat-astro-outer .dropdown.logout_dropdown button svg {
        width: 20px;
        height: 20px
    }

    header .chat-astro-outer .menu-icon {
        padding: 5px;
        width: 28px;
        height: 33px;
        border-radius: 6px
    }

    .payment_select_method .astro-plan-calc-left {
        padding: 15px
    }
}

@media (max-width:480px) {
    /********** 25-08-2025 css Start  *******/
    .about-destiny.define_float .chat-btn { margin-top: 5px; }
    .featured_links .featured_links_inner ul { gap: 5px; }
    .featured_links .featured_links_inner ul .fl_box h4 { font-size: 14px; }

    /******* 25-08-2025 css End  ********/

    .top-nav .logo img {
        width: 130px;
    }

.search-icon a img, .search-icon svg, .cart_icon-popup img, .top-nav .dropdown.logout_dropdown button svg {
    max-width: 18px;
}


.search-icon a {
    padding: 6px;
}

.cart_icon-popup a.head_cart-ico, .menu-icon {
    aspect-ratio: 1;
    height: auto;
    width: 32px;
}

.top-nav .dropdown.logout_dropdown button {
    padding: 6px;
}

.menu-icon svg {
    max-width: 16px;
}
}