@media only screen and (max-width: 570px){
     .page_responsive {
        padding: 25px;
    }
    .hero_header {
        margin-bottom: 20px;
    }
    .signup-btn {
        width: 100%;
    }
    .header_register_btn {
        display: none;
    }
    .input_email {
        width: 100%;
    }
    .social_login_buttons button {
        width: 100%;
        margin-bottom: 10px;
    }
    .hero_footer {
        margin-top: 0;
    }
    .conf_image {
        width: 100%;
        height: 220px;
        margin-bottom: 10px;
    }
    .conf_image img {
        width: 330px;
    }
    .signup_button_small {
        width: 100%;
        display: block;
        text-align: center;
    }
    .text-holder {
        margin-top: 20px !important;
    }
    .chat-bubbles {
        bottom: 4%;
        right: 12px;
    }
    .page-intention__picture {
        width: 108vw;
        margin: 0 -31px;
        height: 100vw;
    }
    .chat-bubble {
        padding-right: 7px;
        padding-left: 9px;
        min-height: 45px;
        margin-bottom: 8px !important;
    }
    .chat-bubble h5 {
        font-size: 1em;
    }
    .page-intention__badge {
        top: 16% !important;
    }
    .page-stories .row {
        overflow-x: scroll;
        flex-wrap: nowrap;
        margin-bottom: 50px;
    }
    .page-stories {
        background-position: bottom right 17px;
        background-size: 230px;
    }
    .page-stories__footer {
        margin-bottom: 130px;
    }
    .story-card {
        width: 210px;
        margin-bottom: 5px !important;
    }
    .page-stories .row > .col-md-4 {
        max-width: 72%;
    }
    .story-card__picture span {
        min-height: 40px;
        padding: 10px 14px;
        font-size: 1em;
    }
    .story-card blockqoute {
        font-size: 0.9em;
    }

    .page-trust.page_responsive {
        padding: 30px 25px 0;
    }
    .page-footer.page_responsive {
        padding: 30px 25px 0;
    }
    .social-icons {
        width: 85%;
    }
    .page-footer h4 {
        margin-top: 20px;
    }
    .footer-downlodapp__logo {
        width: 27%;
    }
    .footer-downlodapp__apps {
        max-width: 50%;
    }
    .users-list {
        justify-content: center !important;
    }
    .user-list__item {
        margin: 0 3px 14px;
    }
    .blog-head-slider {
        padding: 30px 20px !important;
    }
    .mobile-link {
        text-align: center;
        display: block;
        padding: 30px;
    }
    .mobile-link.link_underline {
        display: inline-flex !important;
        padding: 0;
    }

    #main_nav {
        transition: margin-left .5s;
        padding: 20px;
    }
    .blog-footer__innter > div {
        margin-top: 0 !important;
    }
    .site-info a{
        margin-top: 15px !important;
    }
    .footer-menu {
        margin-top: 30px;
    }
    .footer-menu_list a {
        margin-top: 10px;
        font-size: 1em;
        font-weight: bold;
        color: #2a2a2a;
    }
    .single-post {
        margin: 20px auto 50px;
    }
    .category-list {
        box-shadow: 2px 2px 2px #ccc;
        border: 1px solid #ccc;
        margin-bottom: 10px;
        border-top: 0;
        position: absolute;
        left: 10px;
        right: 10px;
    }
    .category-list a {
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }
    .not-found {
        min-height: 97vw;
    }
    .page-chat .text-holder h2{
        font-size: 1.4em;
        text-align: center;
    }

    /* user panel mediaq */
    .multistep-formbody .form_input, .multistep-formbody .signup-btn {
        width: 100% !important;
    }
    .email_button_wrapper, .phone_button_wrapper {
        padding: 0 !important;
    }
    #countrySelect {
        width: 50% !important;
    }
    .multistep-formbody {
        padding: 20px 27px;
    }
    .phone_input {
        width: 100% !important;
    }
    .countrycode_select {
        width: 32% !important;
    }
    .group_btn_tel {
        padding: 0 !important;
    }
    .text-verifyphone {
        padding: 0 3px;
    }
    .contine-btn {
        bottom: 9%;
    }
    .actionsheet {
        width: 100%;
    }
    .invalid-feedback {
        padding: 0;
    }
    .goto-step2-button {
        bottom: 2%;
    }
    #step2_info_page .identify-section__header {
        display: none !important;
    }
    #step2_info_page h4.headline_sub {
        margin-top: 60px !important;
    }
    .quiz_wrapper {
        margin: 0 20px;
    }
    .quiz_wrapper img {
        width: 310px !important;
    }
    .quiz_wrapper p {
        width: 77% !important;
    }
    .close-quiz, .simple__header {
        display: none !important;
    }
    .quiz-progressbar {
        left: 0;
    }
    .centered_wrapper {
        max-width: 320px;
    }
    .desktop {
        background-color: #fff;
    }
    .encounter_image_wrapper img{
        width: unset !important;
        max-height: 100vh !important;
    }
    .encounter-item_action {
        bottom: 14px !important;
        width: 90% !important;
        margin: 0 20px;
    }
    .swiper-slide .encounter_wrapper {
        height: calc(100dvh - 120px);
    }
    .nearby-user-list {
        justify-content: center;
    }
    .nearby-user_card {
        margin: 10px 6px;
    }
    #report_user_from .form_inner {
        width: 100%;
    }
    .actionsheet, .flyaction-bottom {
        width: 92%;
    }
    .save-filter-btn {
        margin-right: 0;
        width: 98%;
    }
    .filter-intrests {
        width: 98%;
    }
    .profile-addphoto {
        width: 90%;
    }
    .w-80 {
        width: 80%;
    }
    .setting-pages-inner {
        padding: 0 25px;
    }
    .fly-btn {
        width: 86%;
        bottom: 5%;
    }
    .blocked-user-list {
        margin: 10px;
    }
    .blocked-user-list .blocked-user_card {
        margin: 10px 7px;
    }
    .blocked-user-list {
        height: 95dvh;
    }
    .add-items {
        width: 160px;
        height: 160px;
        margin: 5px;
    }
    .add-items-group {
        display: flex;
    }
    .add-placholders {
        justify-content: start !important;
    }
    .add-items-big {
        width: 100%;
    }
    .profile-add-photo-holder > .add-items:last-child {
        display: none;
    }
    .intrest-head-items > div {
        display: flex;
        overflow: scroll;
    }
    .intrest-head-items span {
        margin: 0 5px 12px;
    }
    .input_label {
        margin: 10px 0 5px;
    }
    #errorMessage {
        margin: 0;
    }
    .mpanel-panel-footer {
        position: fixed !important;
    }
    .add-items .delete-icon {
        display: block !important;
    }
    .demo-empty-slide{
        padding: 16px;
    }
    .demo-empty-slide .main-empty-text {
        width: 100% !important;
    }
    /*.demo-empty-slide .signup-btn{
        width: 70% !important;
    }*/
    .pos-sticky {
        position: sticky;
        top: 0;
    }
    #notificationDropdown {
        right: auto;
        left: 0;
        position: absolute;
    }
    .empty-enc-div, .empty-enc-div .signup-btn{
        margin: 0 !important;
    }
    .empty-enc-div .main-empty-text{
        text-align: right !important;
    }
    .empty-enc-div h4{
        margin-right: 0 !important;
    }
    .margin-tble-head {
        margin-left: 20px;
        margin-right: 20px;
    }
    .padding-tble-head {
        padding-left: 20px;
        padding-right: 20px;
    }
    .plans-list {
        margin-bottom: 62px;
    }
    .suggested-list {
        background-color: #e9d8ff;
    }
    /* end user panel mediaq */
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}