/* ------------------------------------------
   Responsive Styles
--------------------------------------------- */

/* Max Width: 1600px */
@media (max-width: 1600px) {
  .social-media-links {
    width: 120px;
  }
}

/* Max Width: 1400px */
@media (max-width: 1400px) {
  .experience-sec .input-group {
    width: 650px;
    top: 72px;
    left: -145px;
  }

  .experience-sec h2 {
    font-size: 70px;
    line-height: 70px;
    margin-bottom: -30px;
  }
}

/* Max Width: 1199px */
@media (max-width: 1199px) {

  body .login-header a,
  body header .nav-item .nav-link.active,
  body header .nav-item .nav-link {
    font-size: 12px;
  }

  br {
    display: none;
  }

  .traditional-content {
    padding-left: 70px;
  }

  .trumatch-making-sec h4 br,
  .experience-sec h2 br {
    display: block;
  }

  .experience-sec .input-group {
    width: 550px;
    top: 32px;
  }

  .policy-listing li {
    margin-right: 10px;
  }

  p.desc-text,
  .policy-listing li a {
    font-size: 12px;
  }

  .nav-listing li {
    margin-right: 20px;
  }
}

/* Max Width: 991px */
@media screen and (max-width: 991px) {
  .navbar-toggler {
    border: none;
  }

  .heart_img img {
    position: absolute;
    right: 0;
    top: 0;
  }

  .offcanvas-header .btn-close,
  .navbar-toggler-icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7411%) hue-rotate(144deg) brightness(123%) contrast(113%);
    opacity: 1;
  }

  .offcanvas {
    background-color: var(--primary-color);
  }

  .login-header a,
  header .nav-item .nav-link.active,
  header .nav-item .nav-link {
    font-size: 20px;
  }

  header .nav-item {
    margin-bottom: 20px;
  }

  .login-header a {
    display: block;
    margin: 10px 0 30px;
    padding: 0 10px;
  }

  .divider-right {
    border: none;
    padding: 0;
    margin: 0;
  }

  .banner-section {
    min-height: 600px;
  }

  .banner-section h1,
  .banner-section h1 span {
    font-size: 55px;
    margin-top: 2rem;
  }

  .profile-box {
    height: 450px;
    margin: 0 auto;
    padding: 0 50px;
  }

  /* 
  .traditional-content h2 {
    font-size: 34px;
  } */

  .modern-matching-content h2,
  .traditional-content h2,
  .traditional-content h2,
  .review_section h2 {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 16px;
  }

  .modern-matching-content ul {
    margin: 0;
  }

  .profile-box h3 {
    font-size: 18px;
    line-height: 30px;
    padding: 30px;
  }

  .profile-box p {
    font-size: 16px;
  }

  .modern-matching-content:before {
    right: 0;
    top: 85px;
  }

  .experience-sec h2 {
    margin-bottom: 40px;
  }

  .experience-sec .input-group {
    width: 100%;
    top: 0;
    left: 0;
    margin: 10px 0 0 0 ;
  }

  ul.policy-listing {
    flex-wrap: wrap;
  }

  .about-section {
    min-height: 100%;
  }

  .true-para p,
  .modern-matching-content ul li p {
    font-size: 16px;
  }

  .img_draw {
    max-width: 60px;
    height: 60px;
    transform: translate(0, 0);
    top: -32px;
  }

  .about-section::before {
    height: 200px;
  }

  .left-side {
    padding: 0;
  }

  body .inner-wrap {
    top: 0;
    gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(300px, 2fr));
    align-items: center;
  }

  .mission-content {
    margin-top: 0;
  }

  :is(body .why-section .left_inner, body .why-section .right_inner) {
    padding: 0 0.75rem;
  }

  :is(.why-truematch, .mission-section, .who_we_are, .why-section, .what-sets-section, .stats_sec) {
    padding: 5rem 0;
  }

  .title_new h2,
  .started_title h2 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 30px;
  }

  .who_we_are::after {
    width: 30%;
  }

  .fixed-img {
    transform: translate(-30%, -50%);
  }

  .author_section {
    padding: 2rem 0;
  }

  .trumatch-making-sec h4 {
    font-size: 24px;
  }

  .trurmatch_box h2 {
    font-size: 26px;
    line-height: 36px;
  }

  .stat-wrap {
    padding-bottom: 4rem;
  }

  .login_form .form-left {
    padding: 40px;
  }

  .right_inner p {
    margin-top: 0;
    margin-bottom: 36px;
  }

  .right_inner {
    align-self: end;
  }

  .section-mob {
    padding: 2rem 0;
  }

  /* .review_section::after {
    left: 83%;
  } */
  .youtube-video iframe {
    height: 380px;
  }
}

/* Max Width: 840px */
@media (max-width: 840px) {
  .social-media-links {
    bottom: 0;
    width: 100%;
    height: 80px;
    top: auto;
  }

  .social-media-links ul {
    display: flex;
    justify-content: center;
    gap: 0 15px;
  }

  .social-media-links ul li {
    margin-bottom: 0;
  }

  .main-footer {
    background-color: #000;
    padding: 60px 0 120px;
  }
}

/* Max Width: 767px */
@media screen and (max-width: 767px) {
body .planning_services {
    padding: 40px 0;
}

.packages_section {
    padding: 0 0 50px;
}

.package_title {
    font-size: 42px;
    margin: -45px 0 0px;
}

.planner_b_section .top_text {
    font-size: 20px;
    margin-bottom: 10px;
}

.planner_b_section .bottom_text {
    font-size: 15px;
}

.right_wrap {
    padding-left: 0.75rem;
}

.left_wrap {
    padding-right: 0.75rem;
}

.service_specfic:not(:last-child) {
    margin-bottom: 25px;
}

.service_specfic h4 {
    line-height: normal;
    margin-bottom: 20px;
}
.about_mission::before {
    width: 100%;
}
  .review_section::before {
    width: 100%;
}
  :is(.why-truematch, .mission-section, .who_we_are, .why-section, .what-sets-section, .stats_sec) {
    padding: 4rem 0;
  }

  .why-section::before {
    width: 100%;
  }

  .profile-box {
    height: 450px;
    margin: 0 auto;
    width: 100%;
    padding: 100px 40px;
  }

  .process-section {
    padding: 5rem 0 0;
  }

  .experience-sec h2,
  .banner-section h1,
  .banner-section h1 span {
    font-size: 34px;
    line-height: 44px;
  }

  .traditional-content {
    padding-left: 0;
  }

  .traditional-content li p {
    font-size: 14px;
  }

  .experience-content h4,
  .mission-sec h2 {
    font-size: 28px;
  }

  .experience-content {
    padding: 0;
  }

  .experience-sec .input-group .btn {
    padding: 6px 14px;
    font-size: 12px;
  }

  .experience-sec .input-group input {
    padding: 16px 140px 16px 20px;
    font-size: 14px;
  }

  body .trumatch-making-sec h4 {
    font-size: 20px;
  }

  .divider-left {
    width: 70px;
  }

  .footer-first-row {
    margin-bottom: 80px;
  }

  .offcanvas .btn {
    font-size: 16px;
    padding: 10px;
    border-color: #1e1e1e;
    background-color: #1e1e1e;
  }

  :is(.form-left, .content_right) {
    padding: 1.5rem .75rem .75rem;
  }

  body .contact-box a {
    font-size: 14px;
  }

  .contact-box {
    border: 1px solid var(--primary-color);
    padding: 24px;
    border-radius: 6px;
    gap: 20px;
  }

  .content_inner img {
    top: 50px;
  }

  .process_step {
    padding: 5rem 0 2rem;
  }

  .divider_pro {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }

  /* .review_section::before {
    width: 100%;
  } */

  /* .review_section::after {
    bottom: -10%;
    top: unset;
    left: 50%;
    transform: translate(-50%, -10%);
    max-width: 120px;
    min-height: 120px;
  } */

  .trumatch-making-sec h4 span {
    font-size: 25px;
}

  .review_section {
    padding: 4rem 0;
    margin-bottom: 0;
    background-size: 0;
  }

  .profile-box {
    height: auto;
    margin: 0 auto 50px;
  }

  .profile-box {
    outline-offset: 5px;
  }

  .experience-content h4 {
    margin-bottom: 8px;
}
.youtube-video iframe {
    height: 207px;
}
.video_detail .youtube-video {
    margin-bottom: 60px;
}
}

/* Max Width: 575px */
@media screen and (max-width: 575px) {

  div .navbar-brand img {
    max-width: 240px;
}

  .modern-matching-content:before {
    display: none;
  }

  .btn_adjust button {
    width: 100%;
  }

  .who_we_are .row {
    gap: 50px;
  }

  body .img_draw {
    left: 50%;
    transform: translate(-50%, 0);
  }

  body .why-section .left_inner {
    padding-bottom: 1rem;
  }

  body .why-section .right_inner {
    padding-top: 1rem;
  }

  body .true-para p,
  .modern-matching-content ul li p {
    font-size: 14px;
  }

  body .login_form .form-left {
    padding: 40px 20px 20px;
  }

  body .form-left h2 {
    font-size: 24px;
    line-height: 34px;
  }

  :is(.form-check-label, .input--group a) {
    font-size: 14px;
  }

  .why_us_button {
    padding: 10px 58px;
    font-size: 14px;
    width: 100%;
  }

  .about_page .row {
    margin: 0;
  }

  .right_inner p {
    margin-top: 0;
    margin-bottom: 20px;
  }

  /* 
  .why-section::before {
    height: 55%;
    width: 100%;
  } */

  body .why-truematch .trurmatch_box {
    padding-left: 0;
    padding-top: 5rem;
  }

  .why-truematch .pattern_img {
    top: unset !important;
    right: 50%;
    bottom: 0 !important;
    transform: translate(50%, 46%);
  }

  :is(.mission-content h2, body .started_title h2, .title_new h2) {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 12px;
  }

  :is(body .why-truematch .trurmatch_box, .trumatch-making-sec, .why-section, .mission-content, .stats, .who_we_are) {
    text-align: center;
  }

  :is(.right-side, .left-side) {
    flex: 0 0 100%;
  }

  .right-side {
    padding: 0;
  }

  body .fixed-img {
    position: static !important;
    transform: unset;
    max-width: 150px;
  }

  body .who_we_are::after {
    display: none;
  }

  body .left-side {
    padding: 0 0.75rem;
  }

  /* .review_section::after {
    bottom: -8%;
    transform: translate(-50%, -8%);
  } */
}

/* Width: 1024px - 1200px */
@media (min-width: 1024px) and (max-width: 1200px) {
  .login-header a, header .nav-item .nav-link.active, header .nav-item .nav-link {
    font-size: 12px;
}
  .mission-content {
    margin-top: 20px;
  }

  body .inner-wrap {
    grid-template-columns: repeat(auto-fill, minmax(40%, 2fr));
  }

  .started_title h2 {
    font-size: 40px;
    margin-bottom: 24px;
  }
}

/* Max Width: 1200px */
@media screen and (max-width: 1200px) {

  /* :is(.why-section .left_inner, .why-section .right_inner){
        padding: 0 .75rem;
  } */
  .why-truematch .trurmatch_box {
    padding-left: 5rem;
  }

  /* .review_section::after {
    left: 80%;
  } */

  .form-left h2 {
    font-size: 32px;
    line-height: 38px;
  }

  :is(.stats_sec) {
    padding: 4rem 0;
  }

  .contact-box a {
    font-size: 16px;
  }

  :is(.form-left, .content_right) {
    padding: 2rem;
  }

  .text-appointment {
    margin: 1rem 0 4rem;
  }

  body .mission-left {
    margin: 0;
  }
}

/* Max Width: 1440px */
@media screen and (max-width: 1440px) {
.modern-matching-content h2, .login__wrapperr h2, .text_boxxx h2 {
    font-size: 40px;
}
  

  .login-header a, header .nav-item .nav-link.active, header .nav-item .nav-link {
    font-size: 14px;
}
  .inner-wrap {
    grid-template-columns: repeat(auto-fill, minmax(40%, 2fr));
  }

  .stats {
    padding: 0;
  }

  .mission-left {
    margin: -120px 0 0;
}

  .why-section .right_inner {
    align-self: center;
  }
}



/* @media screen and (min-width:992px) {

} */

@media screen and (min-width:1200px){
   .img_process img {
    height: 420px;
    object-fit: cover;
}
}

/* Min Width: 1400px */
@media screen and (min-width: 1441px) {
  .stats {
    padding: 0 42px;
  }

  header.main-header {
    margin-top: 63px;
  }
  .params header.main-header {
    margin-top: 0;
  }
  header.main-header .navbar {
    padding: 0;
  }
  .booknow header.main-header .navbar {
    padding: 8px 0;
  }

  .traditional-sec {
    padding: 155px 0 124px;
  }

  .home_mission {
    padding: 180px 0 100px;
  }

  .mission_text {
    max-width: 465px;
    width: 100%;
  }

  .modern-matching {
    padding: 158px 0 200px;
  }

  .experience-sec {
    padding: 206px 0 0;
  }

  .trumatch-making-sec {
    padding: 102px 0 138px;
  }

  .review_section p {
    font-size: 18px;
  }

  .review_section strong {
    font-size: 20px;
  }

  .review_section {
    padding: 160px 0 170px;
  }

  .heart_img img {
    position: absolute;
    right: -8%;
    top: -50%;
  }

  .left-side {
    padding: 14.063rem 0.75rem 12.5rem 0.75rem;
  }

  .mission-section {
    padding: 165px 0 100px;
  }

  :is(.why-section .left_inner, .why-section .right_inner) {
    padding: 0 106px 0 0;
  }


  .why-section .right_inner {
    padding-top: 0;
    padding-left: 6.25rem;
    padding-right: 0;
  }

  section.trumatch-making-sec.author_section {
    padding: 197px 0 141px;
  }

  .process-section {
    padding: 201px 0 0;
  }

  .process_step {
    padding: 221px 0 192px;
  }

  .stats_sec {
    padding: 206px 0 191px;
  }

  .login_form {
    padding: 181px 0 31px;
  }

  .login_form .input--group a,
  .login_form .form-check-label {
    font-size: 18px;
  }

  .have_not {
    color: #808080;
    font-size: 18px;
  }

  /* :is(.why-section .left_inner, .why-section .right_inner) {
    padding: 80px 0 80px 106px;
}

.why-section .right_inner {
    padding: 80px 0 0 106px;
    align-self: end;
} */

}


@media screen and (min-width:992px) {
  .experience-sec .input-group .btn{
    right: 1%;
  }
}
@media screen and (min-width:1600px) {

  /* .main_wrap_left .left_boxx .last_bef_p {
    margin-bottom: 38px;
} */
header .container, header .container-lg, header .container-md, header .container-sm, header .container-xl, header .container-xxl,
footer .container, footer .container-lg, footer .container-md, footer .container-sm, footer .container-xl, footer .container-xxl {
    max-width: 1680px;
     -webkit-max-width: 1680px;
}

.navbar-brand img {
    max-width: 357px;
}

.social-media-links ul {
  margin-bottom: 128px;
}

 .main_verified{
    padding: 175px 0  0;
 }

 .membership_sec {
    padding: 231px 0 0;
}

.main_wrap_left .left_boxx, .main_wrap_right.right_boxx {
    padding: 107px 82px 91px 90px;
}

.premium_section{
    padding: 134px 0 247px;
}

.free_section{
    padding: 80px 0 80px;
}

}


@media screen and (max-width:992px){
  
  .membership_sec {
    padding: 40px 0 40px;
}

.modern-matching-content h2, .login__wrapperr h2, .text_boxxx h2 {
    font-size: 28px;
}

.main_wrap_right  .divider_stats {
    margin-bottom: 30px;
}

.main_wrap_right  h2 {
    margin-bottom: 20px;
}
}

@media screen and (min-width:1440px) {
 


}

@media screen and (min-width:1600px) {
  .left_cont ul li p{
    padding-right: 75px;
  }
  .right_cont {
      padding-left: 140px;
  }

   .max-w-1435{
    max-width: 1435px;
    margin: auto;
  }

  .list_style_section .traditional-content ul{
    margin-bottom: 140px;
}

.planner_text_box p{
    font-size: 20px;
}

.planner_text_box{
    padding-left: 125px;
}

.service_part .row__main{
    padding: 0 13rem;
}

.services_title img {
    transform: translate(0, -50%);
}


.planner_section .left_img_sec img {
    top: 100px;
}


.planning_services .services_title {
    margin-bottom: 100px;
}


}


@media screen and (max-width:1024px){
  .planning_services {
    padding: 90px 0;
}

.package_title {
    font-size: 74px;
    margin: -45px 0 42px;
}

.package-detail .main_btn_pkg {
    font-size: 16px;
}

.package-detail .pkg_list {
    max-height: unset;
    height: auto;
}

.traditional-content {
    padding-left: 0;
}

.list_style_section {
    padding: 60px 0 62px;
}

.planner_text_box {
    margin-top: 0;
}

.planner_section .left_img_sec img {
    top: 0;
}

.planner_section {
    padding: 60px 0;
}

section .services_title img {
    transform: translate(-100px, -50%);
}

.inner_box_icon p {
    font-size: 16px;
}

.inner_box_icon h5 {
    font-size: 16px;
}

.right_wrap {
    padding-left: 60px;
}

.left_wrap {
    padding-right: 60px;
}

.planning_services {
    background-position: 84.5% 7.5%;
}
}

@media screen and (min-width:1024px) and (max-width:1440px){
  .trumatch-making-sec h4 span {
    font-size: 36px;
}
}



@media screen and (max-width:992px){
  .service_part .row__main {
    padding: 0 0;
}

.trumatch-making-sec h4 span {
    font-size: 28px;
}

.package_title {
    font-size: 54px;
    margin: -45px 0 30px;
}
}


@media screen and (max-width:575px){
  .planning_services::before {
    width: 100%;
    height: 120px;
}

.services_title {
    min-height: 120px;
}

.planning_services {
    background-position: 50% 5.5%;
    background-size: 20%;
}
.planning_services .services_title {
    justify-content: center;
}


}