@media screen and (max-width: 768px){
    .py-80{
        padding: 40px 0px;
    }
    .hero_section ul {
        margin: 24px 0px;
    }
    .hero_section ul li:last-child{
        font-size: 12px;
    }
    .hero_section ul li:last-child img{
        width: 90px;
        height: auto;
    }
    .preferences::before {
        height: 80%;
    }
    .multistep_form {
        width: 100%;
        margin: unset;
    }
    .multistep_form .progress-bar {
        padding: 40px 16px 0px;
    }
    .multistep_form .progress-bar .step p {
        font-size: 14px;
    }
    .multistep_form .form-card {
        padding: 16px;
    }
    .multistep_form .form-outer form .page .field {
        padding: 16px !important;
    }
   /*  .map_iframe iframe {
        padding: 20px;
        height: 200px;
    } */
	 .map-frame {
        padding: 20px;
       /*  height: 200px; */
        height: 100%;
    }
    .radio_buttons {
        width: 70px;
        height: 32px;
    }
    .radio_buttons label {
        padding: 5px 16px;
    }
    .min_bedroom_selection .radio_buttons {
        width: 50px;
        height: 32px;
    }
    .features_section h4{
        font-size: 16px;
    }
    .features_section ul{
        margin-bottom: 24px;
    }
    .features_section ul li{
        margin-bottom: 16px;
    }
    .features_section ul li > div > div p{
        margin-bottom: 0px;
    }
    .accordion-flush {
        width: 100%;
        margin: unset;
        margin-top: 32px;
    }
    .accordion-flush .accordion-button{
        font-size: 16px;
    }
    .footer img,  .footer .row > div:nth-child(2) ul{
        margin-bottom: 32px;
    }
    .navbar-brand img, footer img{
        width: 150px;
    }
    .navbar-toggler{
        padding: 8px 10px;
    }
    .testimonials ul {
        margin-bottom: 40px;
    }
    .testimonials ul li > img:first-child{
        width: 35%;
    }
    .testimonials ul li > *{
        display: block;
        margin: auto;
    }
    .navbar {
        padding: 10px 0px;
    }
    .left-screen, .right-screen {
        width: 100%;
    }
    .left-screen .form-heading{
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .right-screen {
        padding: 16px !important;
        background-color: transparent !important;
    }
    .right-screen-form{
        background-color: #fff;
        border-radius: 8px;
        padding: 24px;
        gap: 20px;
    }
    .right-screen-submit-btn button{
        width: 100%;
    }
    .login-screen{
        padding-bottom: 40px;
    }
    .login-screen .split-screen .left-screen > div{
        padding: 0px 16px;
    }
    .right-screen-form form{
        margin-top: 0px;
    }
    .right-screen-submit-btn {
        margin-top: 20px;
    }
    .reset-password-btn, .reset-login-now, .mobile-width-100{
        width: 100%;
        display: inline-block;
    }
    #my-account-tabContent .tab_main_content, #my-account-tabContent .tab_main_content .my-subscription {
        border: 0px;
        border-radius: 0px;
        padding: 0px;
    }
    .subscription-cancelled > div > div{
        max-width: 70%;
        margin: auto;
    }
    #match-history .sort-by{
        width: 100% !important;
    }
  /*   #match-history .sort-by > *{
        width: 100% !important;
    } */
    .auto_renewal_popup .arrow {
        width: 100%;
        margin-top: 20px;
        right: 0px;
    }
    #search-preferences .search_preferences {
        border: 0px;
        border-radius: 0px;
        padding: 0px;
        margin-bottom: 0px;
    }
    .hero_text_banner {
        padding: 60px 0px;
    }
    .how_it_works img{
        width: 100% !important;
    }
    .how_it_works > div > div:nth-child(3) .work_content{
        margin-top: 30px;
    }
    .how_it_works .search_button {
        margin-top: 60px;
    }
    .all_faqs .card-body {
        padding: 24px 16px;
    }
    .all_faqs > div > h2, .any_query h2 {
        margin-bottom: 40px;
    }
    .any_query .query-card {
        padding: 32px;
    }
    .slick-initialized .slick-slide {
        margin: 0px 8px;
    }
}
@media screen and (max-width: 360px){
    .see-pricing-btn{
        flex-direction: column-reverse;
    }
    .hero_section ul li:last-child > span{
        display: block;
    }
    .multistep_form .form-outer form .page .field > div {
        flex-direction: column;
        gap: 8px;
    }
    label.radio-card .card-content > div:last-child{
        display: block !important;
    }
}
@media screen and (max-width: 380px){
    .multistep_form .progress-bar .step p {
        font-size: clamp(0.625rem, -0.0417rem + 3.3333vw, 0.75rem);
    }
    #search-preferences .search_preferences span span {
        font-size: 11px;
    }
    #search-preferences .search_preferences > div span:nth-child(odd) {
        margin-right: 7%;
    }
}

@media screen and (min-width: 768px){
    .login-screen .split-screen .left-screen{
        padding: 60px 80px 0px;
    }
    .login-screen .split-screen .right-screen{
        padding: 30px 80px 50px;
    }
    .login-screen .right-screen .right-screen-form{
       /*  padding: 80px 0px 0px; */
	    padding: 20px 0px 0px; 
    }
    .payment-success-div > div{
        max-width: 500px;
    }
}
@media screen and (max-width: 991.9px){
    #my-account-tabs, .activate-subscription {
        margin-bottom: 24px;
    }
    .how_it_works .work_content {
        padding-left: 0px;
    }
    .how_it_works > div > div{
        margin-bottom: 30px;
    }
    .how_it_works > div > div:nth-last-child(-n + 2){
        margin-bottom: 0px;
    }
    .any_query > div > div {
        gap: 16px;
        padding: 0px;
    }

    .scrollspy-tab #scrollspy-tab-ul a {
        padding: 0px;
    }
    .scrollspy-tab #scrollspy-tab-ul a button {
        padding: 16px !important;
    }
    .scrollspy-tab .tab_content {
        padding-left: 0px;
        margin-top: 32px;
    }
    .scrollspy-tab .article{
        margin-bottom: 24px;
        padding-bottom: 24px;
    }
    .contact_us_full .all_contact_details .query-card {
        width: 100%;
    }
    .contact_us_full .all_contact_details > div > img{
        width: 100% !important;
    }
    .plans_and_payment .save-money, .plans_and_payment > div > h2 {
        margin-bottom: 24px;
    }
    .radio_plan_card label.radio-card:nth-child(odd), .plan_preview {
        transform: unset !important;
    }
    label.radio-card .card-content > div:last-child{
        display: flex;
        align-items: center;
        gap: 8px;
        width: auto !important;
    }
    label.radio-card .card-content > div:last-child > p{
        width: max-content;
    }
    .payment-form{
        margin-top: 32px;
    }
    .subscription_step_card h5 {
        line-height: 26px;
    }
    .subscription_step_card li i {
        transform: translateY(5px);
    }
    .multistep_form .form-card {
        margin-top: 0px;
    }
}
@media screen and (min-width: 992px){
    .plans_and_payment label.radio-card{
        width: 33.33%;
    }
    .plans_and_payment.pricing_page .radio_plan_card > div label.radio-card:nth-child(odd) input[type=radio]:checked + .card-content-wrapper {
        border: 2px solid #70707033;
    }
    .plans_and_payment.pricing_page .radio_plan_card > div label.radio-card:nth-child(even) input[type=radio]:checked + .card-content-wrapper, .plans_and_payment.pricing_page label.radio-card > h6 {
        border: 2px solid transparent;
    }
    .hero_section h2{
        font-size: clamp(2.125rem, -0.4235rem + 2.9851vw, 2.375rem);
    }
    .tree-multi-select .dropdown-content {
        bottom: 100%;
    }
    .accordion-flush .accordion-item:first-child .accordion-button {
        padding-top: 10px;
    }
    .reviews-widget{
		position: absolute;
		left: 290px;
	}
}
@media screen and (max-width: 576px){
    /* .hero_section h2{
        font-size: 32px;
    } */
    .prefrences_mob_items_align {
        display: flex;
        flex-wrap: wrap;
        row-gap: 12px;
    }
    .prefrences_mob_items_align > span {
        flex: 45%;
        margin-bottom: 0px !important;
    }
    #search-preferences .search_preferences > div span:nth-child(even) {
        margin: 0px;
        padding-left: 0px;
        border-right: 0px;
        border-left: 0px;
    }
    #search-preferences .search_preferences > div span:nth-child(odd) {
        margin-right: 7%;
        padding-right: 5%;
        border-right: 1px solid #CFD6DC;
    }
    #search-preferences .search_preferences > div span:last-child {
        border-right: 0px;
        padding-right: 0px;
    }
    .multistep_form .progress-bar .step .bullet:before, .multistep_form .progress-bar .step .bullet:after {
        right: -30%;
        height: 2px;
        width: 60%;
    }
    .features_section .row > div:first-child img {
        transform: unset !important;
    }
    #search-preferences .search_preferences > div span:nth-child(even){
        padding-right: 0px;
    }
}
@media screen and (max-width: 300px){
    #search-preferences .search_preferences > div span:nth-child(odd) {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    }
    .prefrences_mob_items_align > span {
        flex: 100%;
    }
}
@media screen and (max-width: 576px) and (min-width: 420px){
    #search-preferences .search_preferences > div span:nth-child(odd){
        margin-right: 10%;
        padding-right: 5%;
       /*  border-right: 1px solid #CFD6DC; */
    }
    .prefrences_mob_items_align > span:nth-child(even) {
        padding-left: 10px !important;
    }
}