@media only screen and (max-width: 1399px) {
.font_60 {
    font-size: 55px;
}

.cta-perfect-plan .cta_plan_box .cta_content {
    width: calc(100% - 500px);
}

}

@media only screen and (max-width: 1199px) {
    .font_72 {
    font-size: 50px;
    line-height: 55px;
}
.font_18 {
    font-size: 16px;
}

.astro-banner {
    padding: 50px 0;
}

.font_30 {
    font-size: 26px;
}

.py-70 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.font_36 {
    font-size: 30px;
}

.font_24 {
    font-size: 22px;
}

.font_20 {
    font-size: 18px;
}

.font_48 {
    font-size: 40px;
    line-height: 45px;
}

header .navbar-nav .nav-link {
    padding: 10px 12px !important;
    font-size: 15px;
}
br {
    display: none;
}

.pricing-section .pricing-card {
    padding: 20px;
}

.font_60 {
    font-size: 48px;
}

.cta-perfect-plan .cta_plan_box .cta_content {
    width: calc(100% - 400px);
}
}

@media only screen and (max-width: 991px) {

.login_bg {
    display: none;
}

.documention_sec .doc_details_sec {
    padding-left: 0 !important;
}
 .aside {
        position: fixed;
        top: 0;
        left: -280px;   /* Hidden by default */
        width: 260px;
        height: 100%;
        background: #fff;
        z-index: 1050;
        padding: 20px;
        overflow-y: auto;
        transition: all 0.3s ease;
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
    }

    /* When Active */
    .aside.show {
        left: 0;
    }

    /* Overlay Background */
    .sidebar-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        z-index: 1040;
        display: none;
    }

    .sidebar-overlay.show {
        display: block;
    }

button#sidebarToggle {
    padding: 0px 10px;
    height: 35px;
}
header .container button#sidebarToggle{
    display: none;
}

header .container-fluid button#sidebarToggle{
    display: block;
}

.dashboard_content button#sidebarToggle {
    display: none;
}

.cta-perfect-plan .cta_plan_box {
    background: #0F172A;
    border-radius: 24px;
    padding: 55px;
    flex-direction: column;
    align-items: start !important;
}
.cta-perfect-plan .cta_plan_box .cta_content {
    width: 100%;
}
}

@media only screen and (max-width: 767px) {
.pro_setting_info {
    border-left: none;
    border-top: 1px solid #bbbbbb;
    height: 100%;
    padding-left: 0;
    margin-left: 0;
    margin-top: 20px;
    padding-top: 20px;
}

.astrology_api .feature-tabs {
    width: 100%;
    margin: auto;
    column-gap: 7px;
}
.astrology_api .feature-tabs li {
    width: 23%;
}
.astrology_api .feature-tabs li button {
    padding: 6px 5px;
    font-size: 14px;
    width: 100%;
}

.mb-5 {
    margin-bottom: 1.5rem!important;
}

.g-5, .gy-5 {
    --bs-gutter-y: 1.5rem;
}

.font_72 {
    font-size: 28px;
    line-height: 35px;
}

.mb-3 {
    margin-bottom: 0.5rem!important;
}

.skyblue_btn.home_btn {
    box-shadow: 0 9px 20px rgba(255 94 26 / 0.5) !important;
    width: 100% !important;
}

.astro-banner .btn.blue_btn {
    width: 100% !important;
}

.font_30 {
    font-size: 20px;
}

.font_16 {
    font-size: 14px;
}

.astro-banner {
    padding: 40px 0;
}
.py-70 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.font_36 {
    font-size: 20px;
}
.font_20 {
    font-size: 16px;
}

.font_24 {
    font-size: 18px;
}

.font_48 {
    font-size: 28px;
    line-height: 35px;
}

.font_60 {
    font-size: 28px;
}
.mb-4 {
    margin-bottom: 0.8rem!important;
}

.py-50 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.simple-integration .integration-list li {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.simple-integration .integration-list li .icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color1);
    background-color: rgb(255 94 26 / 0.2);
}

.simple-integration .integration-list li > div {
  width: calc(100% - 42px);
}
.pricing-section .pricing-card.active {
    box-shadow: 0 0 10px rgba(255 94 26 / 0.2);
    border: 1px solid #ff5b00;
    background: #ffffff;
    transform: scale(1);
    margin-top: 0;
}

.pricing-section .row .col-lg-4:nth-child(2) {
    margin-top: 40px !important;
}
.astrology_api {
    background: #f8fafc;
    padding-top: 0;
}

.remmber_sec .form-check-label.small {
    font-size: 14px;
}
.input-group {
    height: 45px;
}

.form-control, .form-select {
    font-size: 14px;
    height: 40px;
}

header .navbar-brand img {
    width: 190px;
}

.footer-middle.py-5 {
    padding: 0 !important;
}

.login-inner .login_with {
    width: 100% !important;
}

.login_with:before {
    width: calc(50% - 30px);
}
.login_with:after {
    width: calc(50% - 30px);
}

.about-tabs-section .about-tabs {
    width: 100%;

}

.astro_pricing_sec .pricing_list li {
    border-left: 1px solid #e5e7eb;
    border-top: 2px solid #ff5b00;
    flex-direction: column;
}

.astro_pricing_sec .pricing_list li .plan_info {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    row-gap: 15px;
    margin-bottom: 15px;
}

.captcha_sec {
    row-gap: 10px;
}

.documention_sec .doc_details_sec .row {
    flex-direction: column-reverse;
    row-gap: 18px;
}

.documention_sec .doc_details_sec .doc_step_sec {

    row-gap: 14px;
}

.documention_sec .doc_details_sec .doc_step_sec > li {
    padding: 20px;
}

.documention_sec .daily_horoscope_api {
    padding: 20px;
}

.enterprise-section .enterprise-card {
    padding: 20px;
}

.api-first .api-card {
    padding: 20px;
}
.section-heading.text-center.mb-5.pb-4 {
    padding-bottom: 0 !important;
}

.footer-middle .gap-3 {
    gap: 0.2rem;
}
.pricing-section .inner_content {
    height: auto;
    margin-bottom: 10px;
}

.gx-5 {
    --bs-gutter-x: 0;
}

.payment_success_inner .payment_btn .skyblue_btn {
    width: 100% !important;
}

.payment_success_inner .payment_btn .blue_btn {
    width: 100% !important;
}

.request_parameters table thead.bg-light tr th {
    font-size: 14px;
 
}

.request_parameters table tbody tr td {
    font-size: 14px;
}

.services_details_banner .btn.blue_btn {
    width: 100% !important;
}
.cnt_sales_banner .contact-card {

    padding: 20px;
  
}

.simple-integration .sim_int {
    margin-bottom: 10px !important;

}

.footer-middle .col-md-7.col-lg-8.ps-5 {
    padding-left: 15px !important;
}

.footer-middle .col-md-7.col-lg-8.ps-5 .font_16 {
    font-size: 16px;
    margin-bottom: 10px !important;
}

.footer-middle .col-md-7.col-lg-8.ps-5 ul.nav.flex-column.small.gap-3 {
    gap: 0.7rem !important;
    margin-bottom: 10px;
}

.footer-middle  .col-md-7.col-lg-8.ps-5 {
    margin-top: 10px;
}

.right_sec.d-flex.align-items-center.justify-content-end {
    justify-content: start !important;
}

.light_bg {
    padding: 15px !important;
    position: relative;
}

.location_tabs_sec .location_box {
    width: 100%;
}

.location_tabs_sec .location_box .form-control {
    width: 100%;
 
}
.location_tabs_sec ul.nav.nav-pills {
    width: 100%;
    margin-bottom: 15px;
}

.panchang_details .mb-4 {
    margin-bottom: 1.5rem!important;
}
.solar_lunar ul.list-unstyled.row {
    row-gap: 15px;
}
.panchang_details .mb-3 {
    margin-bottom: 1rem!important;
}

.kundli_details .kundli_heading {
    flex-direction: column;
    justify-content: start !important;
    align-items: start !important;
}

.kundli_details .mb-4 {
    margin-bottom: 1.5rem!important;
}

.horoscope_sec .talk_box {
    flex-direction: column;
    align-items: start;
    row-gap: 15px;
}

.kd_tabs_box {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.kd_tabs_box .kd_tabs {
    flex-wrap: nowrap;
}

.kundli_details ul.nav.nav-tabs li.nav-item a {
    padding: 12px 20px;
    border: none !important;
    white-space: nowrap;
}
.kd_tabs_box.is-sticky {
    top: 60px;
    justify-content: left;
}
.kd_tabs_box::-webkit-scrollbar {
    display: none;
}

.kd_tabs_box {
    scrollbar-width: none;
}

.kd_tabs_box {
    -ms-overflow-style: none;
}

.kundli_details .kundli_heading > .d-flex.gap-2 {
    flex-wrap: wrap;
}
.kundli_details .kundli_heading .d-flex.gap-2 .button {
    width: 100%  !important;
}

.kundli_details .kundli_heading > .d-flex.gap-2 .blue_btn {
    width: 100% !important;
}
.kundli_details .kundli_heading > .d-flex.gap-2 .skyblue_btn {
    width: 100% !important;
}


.horo_time_tabs {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.horo_time_tabs ul {
    flex-wrap: nowrap;
     width: max-content !important;
}

.horo_time_tabs ul li button {
    white-space: nowrap;
}
.cta-perfect-plan .cta_plan_box {
    padding: 30px;

}

.match_making_details .dash_report_inner table.table {
    border: 1px solid #eaeaea;
    width: 610px;
}
header ul.navbar-nav.ml-auto.align-items-center.user_dropdown_sec.ms-3 {
    align-items: start !important;
}
}

@media only screen and (max-width: 575px) {

}

@media only screen and (min-width: 992px)  {
.recruiter_dashboard  .sidebar_grid {
    width: 240px !important;
}

.recruiter_dashboard  .col-md-12.col-lg-9.col-xxl-10 {
    width: calc(100% - 240px);
}
}
/*large-laptop-screen-start*/
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
}
/*large-laptop-screen-end*/

/*laptop-screen-start*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
}
/*laptop-screen-end*/

/*mini-laptop-screen-start*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
/*mini-laptop-screen*/

/*tablet-start*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
/*tablet-end*/

/*mobile-screen-start*/
@media only screen and (min-width: 300px) and (max-width: 767px) {
}
/*mobile-screen-end*/
