@media (max-width: 1199.98px) {

  .timeline ul li {

    padding: 0 25px;

  }



  .timeline ul li:nth-child(odd):before,

  .timeline ul li:nth-child(even):before {

    top: 10px;

  }

.Premium_profile .Premium_profile_card p {

  font-size: 16px;

}

.Premium_profile .Premium_profile_item1 h4 {

  font-size: 24px;

}

.pre_pro {

  max-width: 90px;

  height: 90px;

  min-width: 90px;

}

.listing .filtrt_bg .accordion-button {

  font-weight: 600;

  font-size: 14px;

  padding: 16px 12px;

}

.Filter_btn .btn {

  padding: 7px !important;

  font-size: 14px;

}

.filtrt_bg h4 {

  font-size: 16px;

}

.user-name-id p, .user-plan p {

  font-size: 14px;

}

.update-plan-btn {

  font-size: 16px;

  padding: 10px 12px;

}

}



@media (max-width: 991.98px) {

  :root {

    --heading: 40px;

    --sub_heading: 28px;

    --font26: 22px;

    --font20: 18px;

    --font18: 16px;

  }



  .timeline ul li .right_content h2 {

    padding: 0;

  }



  .blog .blog-itm .blog-itm-card h3,

  .blog .blog-itm .blog-itm-card.sub-card h3 {

    font-size: var(--font20);

  }



  .blog-itm-card.sub-card p {

    font-size: var(--font16);

  }



  .find_ground_1 {

    margin-top: 60px;

    margin-bottom: 60px;

  }



  .footer_section .footer_chail_1 {

    padding: 20px;

  }



  .footer_section .footer_chail_1 {

    flex-direction: column;

  }



  .footer_section .footer_chail_1 h2 {

    text-align: center;

    margin-bottom: 10px;

  }



  .timeline ul li .right_content h2 {

    font-size: 24px;

  }

  .register-page-link p {

    margin-bottom: 16px;

}

.from-radio-align {

  gap: 10px;

  flex-wrap: wrap;

}

.Premium_profile_item1 {

  flex-direction: row;

  margin-bottom: 24px;

  width: 100%;

}

.header .navbar-nav {

  align-items: self-start;

  gap: 16px;

  margin-top: 16px;

}

.pro_list_catd_itm .card_text_sub_heading {

  font-size: 16px;

}

.filtrt_lg{

  display: none;

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

  height: 100%;

  overflow-x: hidden;

  overflow-y: auto;

  box-sizing: border-box;

  padding: 24px;

}

.filtrt_lg.active {

  display: block;

}

.fltr-btn-tab{

  display: block;

}

.header .navbar-brand {

  max-width: 140px;

}

.pro-user-details .user-r-details i {

  font-size: 11px;

  width: 24px;

  height: 24px;

}

.pro-user-details .user-r-details {

  gap: 10px;

  margin-bottom: 10px;

}

.pro-user-details .user-naam h4 {

  font-size: 26px;

}

.pro_list_catd_bt.user-edit {

  max-width: 100%;

}

}



@media (max-width: 767.98px) {

span.footer-hr-span {
    display: none;
}

  .timeline ul li .right_content h2 {

    font-size: 22px;

  }



  .about-card {

    border-top: none;

    border-bottom: 1px solid var(--secondary-color);

    border-right: none;

  }



  .about-card:first-child {

    border-top: 1px solid var(--secondary-color);

  }



  .timeline ul li:nth-child(odd) {

    text-align: left;

  }



  .timeline ul li:nth-child(even) {

    float: left;

  }



  .timeline ul li {

    width: 100%;

    margin-bottom: 24px;

  }



  .timeline:before {

    left: 100%;

  }



  .timeline ul li:nth-child(even):before {

    left: auto;

    right: -6px;

  }



  .how_to_work .work_card::after {

    left: auto;

    right: -13px;

    transform: rotate(-90deg);

  }



  .footer_section .footer_chail_1 {

    padding: 10px;

  }



  .footer_chail_3 a span {

    font-size: 12px;

  }



  .social_media {

    flex-direction: column;

    gap: 16px;

  }



  .about-card {

    padding: 10px 20px;

  }

  .banner-from {

    margin-top: 80px;

  }

  .top-banner{

    background-image: url(../images/Banner_img2.jpg);

    background-position: center;

  }

  .login-item {

    margin: 24px 16px;

}

.new_match .new_match_card1 .btn {

  margin-top: 0;

  margin-bottom: 16px;

}

.w-md-100 {

  width: 100% !important;

}

.profile-menu {

  display: flex;

  width: 100%;

  align-items: flex-start;

  gap: 16px;

  margin-bottom: 16px;

}



nav.pro-menu-nav {

  width: 50%;

}



.profile-card {

  width: 50%;

}

.pro-menu-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  flex-direction: column;

  gap: 16px;

  width: 100%;

}

.view_profile, .sub_Card .view_profile1 {

  font-size: 12px;

  padding: 5px 10px !important;

}

.list-detail-bg {

  border-radius: 20px 20px 20px 20px;

  margin-top: 16px;

}

nav.pro-menu-nav {

  display: flex;

  width: 100%;

  gap: 16px;

}

.mr_top1 {

  margin-top: 16px;

}

.user-r-details p {

  font-size: 14px;

}

.pro-user-details .user-naam h4 {

  font-size: 22px;

}

}



@media (max-width: 575.98px) {

.about_us_Text {
    text-align: center;
}

  :root {

    --heading: 32px;

    --sub_heading: 24px;

  }

  .footer_chail_3 a span {

    font-size: 14px;

  }

  .d-align-footer {

    flex-direction: column;

    gap: 10px;

}

.footer_section .footer_chail_bg {

  flex-direction: column;

  gap: 10px;

  padding: 20px 0;

}

.footer_section .footer_chail_2 {

  border: none;

}

.footer_chail_3 {

    border-right: none !important;

}

.media_child_1:first-child {

  flex-direction: column;

  gap: 6px;

  font-size: 16px;

}

.timeline:before {

  left: auto;

  right: 7px;

}

.timeline ul li:nth-child(odd):before, .timeline ul li:nth-child(even):before {

  right: 3px;

}

.banner-itm {

  padding: 16px;

}

.end-footer p {

  font-size: 12px;

}

.find_secation .find_ground {

  padding: 16px;

}

.find_secation .find_ground .btm-sec, .find_secation .find_ground .btn {

  padding: 6px 12px;

}

.find_ground_1 {

  margin-top: 24px;

  margin-bottom: 24px;

}

.register-form .form-label, .f-siz-14 {

  font-size: 14px;

}

.biodata-align-home {

  flex-direction: column;

}

.profile-card-image {

  width: 80px;

  height: 80px;

}

.profile_card_1 {

  gap: 10px;

}

.profile_card_1 p {

  font-size: 14px;

}

.profile_card_1 .profile_text {

  font-size: 12px;

}

.profile_card_1 .heart_btn {

  padding: 8px;

  font-size: 12px;

  border-radius: 6px;

}

.View_Profile_item_1 a {

  font-size: 10px;

}

.profile_card_1 .View_Profile_item_1 {

  padding: 6px;

  border-radius: 6px;

}

.Premium_profile .Premium_profile_item1 h4 {

  font-size: 16px;

}

.Premium_profile .Premium_profile_card .Premium_profile_card-item2 .btn {

  padding: 6px 8px;

  border-radius: 6px;

}

.Premium_profile_card .heart_btn {

  padding: 6px 8px;

  border-radius: 6px;

}

.pre_pro {

  max-width: 80px;

  height: 80px;

  min-width: 80px;

}

.pro_list_catd .pro_list_catd_itm {

 margin-left: 0px;

}

.pro_list_catd_bt .btn {

  padding: 10px 7px;

  font-size: 14px;

}

.p_list-image {

  width: 110px;

  height: 110px;

}

.pro_list_catd_im {

  margin-bottom: 10px;

}

.search-top-align {

  flex-wrap: wrap;

}

.search-input form input {

  min-width: auto;

}

.profile-menu {

  flex-direction: column;

}



nav.pro-menu-nav {

  width: 100%;

}



.profile-card {

  width: 100%;

}

.nav-pills .nav-link {

  padding: 10px 40px;

}

.my_subscription .my_sbu_bg {

  padding: 20px 10px;

}

.my_sbu_bg .sub_Card .sub_card_itm {

  padding: 0px 8px;

  border-radius: 6px;

}

.my_sbu_bg .sub_Card .sub_card_itm1 {

  padding: 6px 6px;

  margin-left: 10px;

  border-radius: 6px;

}

nav.pro-menu-nav {

  flex-direction: column;

}

.padding_top_bottom {

  padding: 30px 0;

}

.new_match_card1, .pre_profile_content {

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 100%;

}

.new_match_card1 .btn, .pre_profile_content .btn {

  width: auto !important;

  padding: 6px 12px !important;

}

.Premium_profile .Premium_profile_item1 h4 {

  margin-bottom: 0;

}

.pro_list_catd .pro_labal {

  width: fit-content;

  margin: 0 auto;

}

.card_text_sub_titel-1 {

  font-size: 12px;

}

.pro_list_catd_itm .card_text_sub_heading {

  font-size: 14px;

}

.my-profile-img {

  max-width: 120px;

}

.update-modal {
  margin: 2rem 0;
}

}