@media screen and (max-width:1800px) {
    .get-in-touch h4.talk-text-wrapper:before {
        right: -60%;
    }
    .about-testimonials-section .slick-prev {
        right: -5%;
    }
    .about-testimonials-section .slick-next {
        right: -10%;
    }
    .how-it-works-testimonials-section .slick-next {
        right: -10%;
        top: -20%;
    }
    .how-it-works-testimonials-section .slick-prev {
        right: -5%;
        top: -20%;
        left: unset;
    }
    .step-1-section .title-nd-text-wrapper::before {
       
        left: 14%;
    }
    .step-2-section .title-nd-text-wrapper::before {
      
        right: 14%;
    }
    .step-3-wrapper::before {
        left: 14%;
    }
    .how-it-works-testimonials-section .title-nd-text-wrapper::before {
        right: 14%;
    }
}
@media screen and (max-width:1600px) {
    .signup-form-section h4.talk-text-wrapper:before {
        right: -12%;
    }
    .about-testimonials-section .title-nd-text-wrapper::before {
        left: -0.5%;
        top: 19%;
    }
    .credit::before {
        left: 3%;
    }
    .notification-card-tab-content::before {
        content: "";
        background-image: url(../images/tab-content-after.png);
        width: 100px;
        height: 180px;
        display: block;
        position: absolute;
        left: 0%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 25%;
    }
    .security-tab-content::after {
        top: 20%;
        width: 120px;
    }
    .security-tab-content::before {
        width: 120px;
    }
    .notification-card-tab-content::after {
      
        top: 25%;
        width: 100px;
    }

    .kill-switch-setting-contnt::after {
        bottom: 10%;
    }
    .get-in-touch h4.talk-text-wrapper:before {
        right: -42%;
    }
    .search-bar-section .search-bar-form {
        /*width: 54%;
        left: 23%;*/
        top: -50px;
    }
    .about-testimonials-section .slick-next {
        right: 0%;
    }
    .about-testimonials-section .slick-prev {
        right: 5%;
    }
    .how-it-works-testimonials-section .slick-next {
        right: 0%;
        top: -15%;
    }
    .how-it-works-testimonials-section .slick-prev {
        right: 5%;
        top: -15%;
        left: unset;
    }
    .step-1-section .title-nd-text-wrapper::before {
        left: 9.5%;
    }
    .step-2-section .title-nd-text-wrapper::before {
        right: 9.5%;
    }
    .signup-form-section .why-talk-about-us-wrapper::after {
        width: 5%;
        height: 8%;
        left: 4%;
    }
    .step-3-wrapper::before {
        left: 9.5%;
    }
    .how-it-works-testimonials-section .title-nd-text-wrapper::before {
        right: 9.5%;
    }

    .how-it-works-faq::after {
        left: 2%;
    }
    .step-2-section .title-nd-text-wrapper::after {
        width: 10%;
        height: 25%;
    }
    .why-talk-about-us::after {
        left: 158px;
    }
    .fun-features-section .talk-content-icon h5.third-section-description {
        line-height: 150%;
    }
    .home-fifth-section::after {
        left: 10%;
    }
    .home-seventh-section::after {
        left: 157px;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        right: -15%;
    }
    .login-form-section h4.talk-text-wrapper:before {
        right: -18%;
        top: 65%;
    }
    .login-form-section .talk-text-description {
        width: 85%;
    }
}
@media screen and (max-width:1440px) {
    .search-bar-form .drop-icon {
        max-width: 260px;
    }
    /* .user-main-chat-wrapper {
        min-height: 680px;
    } */
    .user-listing .sorting-filter .dropdown-menu {
        transform: translate3d(-55px, 37px, 0px) !important;
    }
    header .offcanvas-body .custom-side-bar::before {
        bottom: 0;
    }
    .real-quality-members .talk-content-text p {
        margin-right: 30%;
    }
    .get-in-touch .get-in-touch-form{
        width: 70%;
    }
    .signup-form-section .why-talk-about-us-wrapper::after {
        width: 4%;
        left: 0;
    }
    .signup-form-section h4.talk-text-wrapper:before {
        right: -70px;
    }
    .package::before {
        left: 1%;
    }
    .checkout-main::before {
        right: 3%;
    }
    .user-profile .user-profile-img::before {
        top: 26%;
        left: 5%;
    }
    .kill-switch-setting-contnt::after {
        content: "";
        background-image: url(../images/6.png);
        width: 100px;
        height: 100px;
        display: block;
        position: absolute;
        right: 0%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 10%;
    }
    .account-setting-tab-content::after {
        content: "";
        background-image: url(../images/6.png);
        width: 100px;
        height: 100px;
        display: block;
        position: absolute;
        right: 0%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 9%;
    }
    .notification-card-tab-content::before {
        content: "";
        background-image: url(../images/step-1.png);
        width: 70px;
        height: 120px;
        display: block;
        position: absolute;
        left: 0%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 25%;
    }
    .notification-card-tab-content::after {
        content: "";
        background-image: url(../images/6.png);
        width: 70px;
        height: 100px;
        display: block;
        position: absolute;
        right: 0%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        top: 25%;
    }
    .notification-tab-content::after {
        content: "";
        background-image: url(../images/6.png);
        width: 100px;
        height: 100px;
        display: block;
        position: absolute;
        right: 0%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        top: 40%;
    }
    .security-tab-content::after {
        content: "";
        background-image: url(../images/6.png);
        width: 120px;
        height: 180px;
        display: block;
        position: absolute;
        right: 0%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        top: 20%;
    }
    .checkout-main .purchase-detail-card {
        margin: 0px 20px;
    }
    .why-talk-about-us::after {
        left: 77px;
    }
    .home-fifth-section::after {
        left: 73px;
    }
    .home-seventh-section::after {
        left: 76px;
    }
    .get-in-touch-title-description-section::after {
        left: 5%;
    }
    .get-in-touch-title-description-section h4.talk-text-wrapper:before {
        right: -9%;
    }
    .about-why-talk .why-talk-about-us-wrapper::before{
        left: 0;
    }
    .about-why-talk::after {
        left: 5%;
    }
    .about-key-features-section::before {
        right: 5%;
    }
    .get-in-touch::after {
        right: 12%;
    }
    .about-key-features-section .why-talk-about-us-wrapper .fun-feature-img::after {
        bottom: 8%;
    }
    .about-key-features-section .why-talk-about-us-wrapper::before {
        width: 8%;
        height: 8%;
        left: -2%;
    }
    .about-why-us-section .why-talk-about-us-wrapper::before {
        top:49%;
        left: -2px;
    }
    .about-testimonials-section .title-nd-text-wrapper::before {
        left: -0%;
        top: 25%;
    }
    .get-in-touch h4.talk-text-wrapper:before {
        right: -32%;
    }
    .get-in-touch .why-talk-about-us-wrapper::before {
        width: 80px;
        height: 70px;
        left: -13px;
    }
    .about-why-us-section::before {
        left: 5%;
    }
    .about-key-features-section::after {
        width: 13%;
        height: 28%;
    }
    .fun-features-section::after {
        content: "";
        height: 24%;
        bottom: 0;
        right: 5%;
        width: 5%;
    }
    .fun-features-section::before {
        width: 8%;
        height: 19%;
    }
    .why-talk-about-us .why-talk-about-us-wrapper::before {
        width: 10%;
        height: 20%;
    }
    .why-talk-about-us h4.talk-text-wrapper:before {
        width: 25%;
        height: 81%;
    }
    .real-quality-members::after {
        bottom: 26%;
        right: 19%;
    }
    .home-seventh-section .why-talk-about-us-wrapper::before {
        width: 5%;
        height: 9%;
    }
    .home-fifth-section .why-talk-about-us-wrapper::before {
        width: 6%;
        height: 15%;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        width: 22%;
        height: 22%;
        right: -4%;
        bottom: -10%;
    }
    .login-form-section h4.talk-text-wrapper:before {
        width: 12%;
        height: 130%;
        right: -43px;
        top: -70%;
    }
    .login-form-section .why-talk-about-us-wrapper::before {
        width: 5%;
        height: 13%;
        left: 2px;
        top: 27%;
    }
    .signup-form-section::after {
        left: 5%;
    }
    .signup-form-section .why-talk-about-us-wrapper::before {
        width: 6%;
    }
    .signup-form-section .login-images-wrapper {
        text-align: right;
    }
    .signup-form-section .login-images-main {
        width: 90%;
        display: inline-block;
    }
    .signup-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        right: -25%;
    }
    .about-testimonials-section .slick-next {
        right: 0%;
    }
    .about-testimonials-section .slick-prev {
        right: 5%;
    }
    .how-it-works-testimonials-section .slick-next {
        right: 0%;
        top: -15%;
    }
    .how-it-works-testimonials-section .slick-prev {
        right: 5%;
        top: -15%;
        left: unset;
    }
    .step-1-section .title-nd-text-wrapper::before {
        left: 5%;
    }
    .step-1-wrapper::after {
        width: 4.5%;
    }
    .step-2-section .title-nd-text-wrapper::before {
        right: 5%;
    }
    .step-3-wrapper::before {
        left: 5%;
    }
    .how-it-works-testimonials-section .title-nd-text-wrapper::before {
        right: 5%;
    }
    .how-it-works-faq::after {
        left: 0%;
        width: 5%;
    }
    .step-2-section .title-nd-text-wrapper::after {
        width: 9%;
        height: 20%;
    }
}
@media screen and (max-width:1366px) {
    .user-main-chat-wrapper {
        min-height: 0px; 
    }
    .chatbox-modal .user-message-box {
        /* max-height: calc(100vh - 510px); */
        max-height: 270px;
        overflow-y: auto;
    }
    .emoji-width {
        height: 210px;
    }
    .user-listing .user-list-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    section.blog-section {
        padding: 0 0 0px 0;
    }
    .get-in-touch .talk-text-description {
        margin: 20px 0 0 100px;
    }
    .custom-footer .footer-btn {
        margin-top: 0px;
    }
    .blog-section .card.custom-more-like-card h5.card-title {
        font-size: 20px;
    }
    .terms-and-condition .title-nd-text-wrapper .talk-text-wrapper {
        margin: 3rem -4rem 0 1.5rem;
    }
    .terms-and-condition h4.talk-text-wrapper:before {
        right: -15%;
    }
    /* .user-main-chat-wrapper {
        min-height: 675px;
    } */
    .user-listing .sorting-filter .dropdown-menu {
        transform: translate3d(-55px, 37px, 0px) !important;
    }
    header .offcanvas-body .custom-side-bar::before{
        display: none;
    }
    .home-fifth-section .title-nd-text-wrapper .talk-text-wrapper {
        margin: 3rem 10rem 0 1.5rem;
    }
    .my-profile .profile-img-upload-icon {
        left: 49%;
    }
    .home-fifth-section::after {
        left: 125px;
    }
    .why-talk-about-us::after {
        left: 120px;
    }
    .get-in-touch .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        right: 93%;
    }
    .get-in-touch .get-in-touch-form {
        margin: 38px 0 0 100x;
    }
    .credit::before {
        left: 1%;
    }
    .how-it-works-section {
        padding: 14% 0 9% 0%;
    }
    .signup-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: 45%;
    }
    .checkout-main::before {
        width: 100px;
        height: 100px;
        right: 6%;
    }
    .account-section::after {
        bottom: 16%;
    }
    .checkout-banner-section {
        padding: 15% 0 5.5% 0;
    }
    .how-it-works-faq .faq-tab-title-main .faq-tab-title::after {
        margin-left: 45.5%;
    }
    /*
    .search-bar-section .search-bar-form {
        width: 60%;
        left: 20%;
    }*/
    .user-profile .user-profile-img::before {
        top: 24%;
        left: 7%;
    }
    .kill-switch {
        position: fixed;
        top: 25%;
        right: 0;
    }
    .find-my-spark-banner-section {
        padding: 14% 0% 5.5% 0;
    }
    .get-in-touch-title-description-section::after {
        left: 9%;
    }
    .get-in-touch-banner-section {
        padding: 16% 0% 5.5% 0%
    }
    .get-in-touch-title-description-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: -198%;
    }
    .about-why-talk::after {
        left: 9.5%;
    }
    .blog-banner-section {
        padding: 14% 0% 5.5% 0%;
    }
    .about-banner-section {
        padding: 14% 0% 5.5% 0%;
    }
    .faq-banner-section {
        padding: 14% 0% 5.5% 0%;
    }
    .about-testimonials-section .slick-prev {
        right: 3%;
    }
    .about-testimonials-section .slick-next {
        right: -3%;
        top: -20%;
    }
    .viewed-me-banner-section {
        padding: 14% 0% 5.5% 0;
    }
    .about-key-features-section::before {
        right: 9%;
    }
    .about-testimonials-section::before {
        bottom: -4%;
    }
    .about-why-talk .talk-text-description {
        max-width: 350px;
    }
    .get-in-touch::after {
        right: 9%;
    }
    .get-in-touch h4.talk-text-wrapper:before {
        right: -44%;
        top: 100%;
        display: none;
    }
    .about-why-us-section .why-talk-about-us-wrapper::before {
        left: 0;
    }
    .about-key-features-section::after {
        height: 25%;
    }
    .about-why-us-section::before {
        left: 9%;
    }
    .login-form-section h4.talk-text-wrapper:before {
        width: 12%;
        height: 110%;
        right: -60px;
        top: 90%;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        width: 23%;
        height: 20%;
        right: -55px;
        bottom: -62px;
    }
    .login-form-section .why-talk-about-us-wrapper::before {
        width: 6%;
        height: 18%;
        left: 0px;
        top: 28%;
    }
    .login-form-section .title-nd-text-wrapper .talk-text-wrapper {
        font-size: 35px;
    }
    .why-talk-about-us .why-talk-about-us-wrapper .container .row .col-6:first-child::after {
        width: 25%;
        height: 18%;
    }
    .why-talk-about-us .title-nd-text-wrapper .talk-text-wrapper {
        font-size: 2.1rem;
    }
    .why-talk-about-us h4.talk-text-wrapper:before {
        width: 23%;
        height: 61%;
        height: 70%;
        bottom: 0;
        right: -41%;
        width: 28%;
    }
    .real-quality-members .title-nd-text-wrapper::before {
        right: 30%;
    }
    .home-seventh-section::after {
         left: 130px;
    }
    .fun-features-section::after {
        width: 5%;
        height: 24%;
        bottom: 0;
        right: 9%;
    }
    .home-fifth-section .why-talk-about-us-wrapper .container .row .col-6:first-child::after {
        width: 15%;
        height: 11%;
    }
    .home-fifth-section .why-talk-about-us-wrapper .home-fifth-img-section::after {
        bottom: 2%;
        right: 7%;
    }
    .home-seventh-section .title-nd-text-wrapper .talk-text-wrapper {
         margin: 3rem 12rem 0 1.5rem;
    }
    .home-seventh-section h4.talk-text-wrapper:before {
        width: 23%;
        height: 46%;
        right: 0%;
    }
    .custom-footer li.footer-menu-main.social-media-li {
        padding: 50px 60px 37px 0;
    }
    .home-seventh-section .why-talk-about-us-wrapper .container .row .col-6:first-child::after {
        width: 24%;
        height: 17%;
    }
    .home-seventh-section .why-talk-about-us-wrapper::before {
        width: 6%;
        height: 10%;
    }
    .signup-form-section h4.talk-text-wrapper:before {
       right: -7%;
       top:-230%;
    }
    .signup-form-section::after {
        left: 9%;
    }
    .signup-form-section .why-talk-about-us-wrapper::before {
        width: 7%;
        height: 4%;
        left: 0px;
    }
   .signup-form-section .login-images-wrapper {
        text-align: right;
    }
    .signup-form-section .login-images-main {
        width: 90%;
        display: inline-block;
    }
    .signup-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: 46%;
        right: -147px;
    }
    .about-testimonials-section .slick-next {
        right: 0%;
    }
    .about-testimonials-section .slick-prev {
        right: 5%;
    }
    .how-it-works-testimonials-section .slick-next {
        right: -2%;
        top: -15%;
    }
    .how-it-works-testimonials-section .slick-prev {
        right: 4%;
        top: -15%;
        left: unset;
    }
    .step-1-section .title-nd-text-wrapper::before {
        left: 9%;
    }
    .step-2-section .title-nd-text-wrapper::before {
        right: 9%;
    }
    .step-3-wrapper::before {
        left: 9%;
        height: 227px;
    }
    .how-it-works-testimonials-section .title-nd-text-wrapper::before {
        right: 9%;
    }
    .notification-tab-content .notifiaction-setting-title {
        margin-top: 10px;
    }
    .how-it-works-faq::after {
        left: 0%;
        width: 10%;
    }
    .step-2-section .title-nd-text-wrapper::after {
        width: 9%;
        height: 20%;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper {
        width: 45%;
    }
    .about-why-talk .why-talk-about-us-wrapper::before {
        left: 0;
    }
    .about-key-features-section .why-talk-about-us-wrapper::before {
        top: 6%;
        left: 0;
    }
    .about-key-features-section .why-talk-about-us-wrapper .fun-feature-img::after {
        bottom: 0;
    }
    .about-testimonials-section .title-nd-text-wrapper::before{
        left: 0;
    }
    .alert-get-in-touch {
        width: 85%;
    }
}
@media screen and (max-width:1280px) {
    .chatbox-modal .user-message-box {
        max-height: 320px;
    }
    .terms-and-condition .title-nd-text-wrapper .talk-text-wrapper {
        margin: 3rem 0rem 0 1.5rem;
    }
    .terms-and-condition h4.talk-text-wrapper:before {
        right: -25%;
    }
    .user-listing .user-list-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
    /* .user-main-chat-wrapper {
        min-height: 675px;
    } */
    .user-listing .sorting-filter .dropdown-menu {
        transform: translate3d(-55px, 37px, 0px) !important;
    }
    header .offcanvas-body .custom-side-bar::before{
        display: none;
    }
    .home-seventh-section .title-nd-text-wrapper .talk-text-wrapper {
        margin: 3rem 12rem 0 1.5rem;
    }
    .home-seventh-section h4.talk-text-wrapper:before {
        right: -170px;
    }
    .why-talk-about-us::after {
        left: 76px;
    }
    .my-profile .my-profile-wrapper::before {
        right: 7%;
    }
    .home-fifth-section .title-nd-text-wrapper .talk-text-wrapper{
        margin: 3rem 10rem 0 1.5rem;
    }
    .credit::before {
        left: 1%;
        bottom: 33%;
    }
    .about-why-talk .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: 9%;
    }
    .about-why-talk .why-talk-about-us-wrapper::before {
        left: 0%;
    }
    .signup-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: 46%;
        right: -27%;
    }
    .package::before {
        left: 1%;
        width: 8%;
    }
    .how-it-works-faq::after {
        left: 0%;
        width: 6%;
    }
    .get-in-touch-banner-section {
        padding: 19% 0 10% 0;
    }
    .checkout-main::before {
        width: 80px;
        height: 80px;
        right: 3%;
    }
    .checkout-banner-section {
        padding: 19% 0 5.5% 0;
    }
    .about-key-features-section .why-talk-about-us-wrapper::before {
        width: 5%;
        right: 0;
    }
    .account-section::after {
        bottom: 17%;
    }
    .kill-switch {
        position: fixed;
        top: 28%;
        right: 0;
    }
    .step-3-wrapper::before {
       width: 70px;
       left: 6%;
    }
    .how-it-works-testimonials-section .title-nd-text-wrapper::before {
        right: 6%;
        width: 70px;
    }
    
    .search-bar-section .search-bar-form {
        width: 106%;
        /*left: 20%;*/
    }

    .find-my-spark-banner-section {
        padding: 16% 0% 5.5% 0;
    }
    .viewed-me-banner-section {
        padding: 16% 0% 5.5% 0;
    }
    .about-testimonials-section .slick-next {
        right: 0%;
    }
    .about-testimonials-section .slick-prev {
        right: 6%;
    }
    .get-in-touch .why-talk-about-us-wrapper::before {
        width: 90px;
        height: 100px;
    }
    .get-in-touch .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        width: 100px;
        height: 100px;
        right: 103%;
    }
    .get-in-touch .get-in-touch-form {
        margin: 38px 0 0 48px;
    }
    .get-in-touch .talk-text-description {
        margin: 38px 0 0 48px;
    }
    .get-in-touch .title-nd-text-wrapper .talk-text-wrapper {
        margin-left: -40px;
    }
    .get-in-touch .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper {
        width: 100%;
    }
    .fun-features-section::after {
        right: 6%;
    }
    .about-testimonials-section::before {
        bottom: -5%;
    }
    .get-in-touch-title-description-section::after {
        top: -15%;
        left: 7%;
    }
    .home-fifth-section::after {
        left: 80px;
    }
    .about-why-talk .talk-text-description {
        max-width: 350px;
    }
    .about-why-talk::after {
        left: 6.5%;
    }
    .get-in-touch::after {
        right: 19%;
    }
    .get-in-touch h4.talk-text-wrapper:before {
        right: -56%;
        top: 100%;
    }
    .about-why-us-section::before {
        left: 6%;
    }
    .about-key-features-section::before {
        right: 6.5%;
    }
    .signup-form-section::after {
        left: 6%;
    }
    .signup-form-section .login-images-wrapper {
        text-align: right;
    }
    .signup-form-section h4.talk-text-wrapper:before {
        right: 0%;
        top:-220%;
    }
    .signup-form-section .login-images-main {
        width: 90%;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        right: -50px;
    }
    .login-form-section .why-talk-about-us-wrapper::before {
        width: 5%;
        height: 14%;
    }
    .login-form-section h4.talk-text-wrapper:before {
        right: -60px;
    }
    .login-form-section .login-images-wrapper {
        right: 0;
        width: 62%;
        display: inline-block;
        text-align: right;
    }
    .login-form-section .login-images-main {
        width: 80%;
        display: inline-block;
    }
    .why-talk-about-us .why-talk-about-us-wrapper::before {
        width: 8%;
        height: 18%;
    }
    .fun-features-section .title-nd-text-wrapper::after {
        top: -143px;
        right: 13.5%;
    }
    .home-seventh-section h4.talk-text-wrapper:before {
        right: 0;
    }
    .home-seventh-section::after {
        left: 86px;
    }
    .real-quality-members::after {
        bottom: 19%;
        right: 15%;
    }
    .home-fifth-section .why-talk-about-us-wrapper::before {
        width: 6%;
        height: 14%;
    }
    .testimonials-section .testimonials-items-name-review .reviewer-comment {
        margin: 0 11% 0 0;
    }
    .step-1-section .title-nd-text-wrapper::before {
        left: 6.5%;
        width: 75px;
    }
    .step-2-section .title-nd-text-wrapper::before {
        right: 6.5%;
        width: 70px;
    }
    /* .chatbox-modal .user-message-box {
        max-height: calc(100vh - 390px);
    } */
    .chatUserListAppend.scroll {
        height: 465px;
    }
    .chatbox-modal .user-messages-nav {
        padding: 15px 0px 15px 0px;
    }
    .chatUserListAppend.scroll{
        margin: 0;
    }
    .chatbox-modal .user-message-tab-button {
        margin-bottom: 15px;
    }
    .chatbox-modal .user-message-tab {
        padding: 10px;
    }
    .chatbox-modal .user-message-tab-button .user-message-profile-img img {
        width: 50px;
        height: 50px;
    }
    .chatbox-modal .user-profile-information-wrapper {
        margin-top: 10px;
    }
    .chatbox-modal .user-profile-information-wrapper {
        padding: 0px 10px 10px 10px;
    }
    #getUserAllMessageData .user-profile-img img {
        width: 65px;
        height: 65px;
    }
    .chatbox-modal .user-message-box {
        padding: 20px 10px 0px 20px;
    }
    .chatbox-modal .user-message-wrapper {
        margin-bottom: 10px;
    }
    .user-message-2 .user-message-text {
        padding: 10px;
    }
    .user-message-2 .user-message-date {
        margin-right: 10px;
    }
    .chatbox-modal .user-message-wrapper {
        margin-right: 15px;
    }
    .chatbox-modal .chat-input {
        padding: 10px;
    }
    .chatbox-modal .chat-box-input-utility-icon {
        column-gap: 15px;
    }
    .chatbox-modal .chatbox-input {
        padding: 15px;
    }
    .chatbox-modal .chat-sent-button {
        padding: 10px;
    }
}
@media screen and (max-width:1024px) {
    .chatUserListAppend.scroll {
        height: 465px;
    }
    .user-main-chat-wrapper .user-profile-name {
        font-size: 18px;
    }
    .chatbox-modal .user-messages-wrapper {
        padding: 15px 0px 0px 15px;
    }
    .chatUserListAppend.scroll {
        width: 300px;
    }
    .chatbox-modal .user-message-box {
        padding:0px 10px 0px 25px;
    }
    .chatbox-modal .user-message-tab-button .user-message-profile-img img {
        width: 45px;
        height: 45px;
    }
    .chatbox-modal .user-message-tab-button.active {
        height: 65px;
    }
    .chatbox-modal .user-message-tab-button.active {
        width: 280px;
    }
    .chatbox-modal .chatbox-user-search {
        width: 280px;
    }
    .custom-footer .footer-btn {
        margin-top: 35px;
    }
    .terms-and-condition.about-why-talk .title-nd-text-wrapper .talk-text-wrapper {
        font-size: 30px;
    }
    .about-testimonials-section{
        padding: 50px 0;
    }
    .user-profile .user-data-wrapper{
        display: block;
    }
    .get-in-touch h4.talk-text-wrapper:before{
        display: none;
    }
    .about-testimonials-section h4.talk-text-wrapper:after{
        margin: 32px auto 0;
    }
    .about-testimonials-section .talk-text-description h5.third-section-description{
        margin:0 auto 35px;
        text-align: center;
    }
    .alert-get-in-touch{
        width: 80%;
    }
    section.faq-tab-section{
        padding: 60px 0;
    }
    .about-testimonials-section .talk-text-description {
        margin: 38px 0 0 0px;
    }
    .blog-section .card.custom-more-like-card h5.card-title {
        line-height: 130%;
        min-height: 60px;
    }
    .step-3-wrapper::before {
        left: 4.5%;
    }
    .login-form-section .btn.custom-login-btn {
        margin-top: 25px !important;
    }
    .activate-kill-switch-limit{
        margin-right: 20px;
    }
    .checkout-main::before {
        width: 60px;
        height: 60px;
        right: 2%;
        top:2%;
    }
    .get-in-touch .why-talk-about-us-wrapper::before {
        width: 70px;
        height: 40px;
    }
    .package::before{
        bottom: 39%;
    }
    .package::after {
        right: 7%;
    }
    .account-section .rangeSlider-2 .rsTooltip-2{
        font-size: 13px;
        text-align: center;
        width: 80px;
    }
    .account-section .rangeSlider .rsTooltip{
        font-size: 13px;
        text-align: center;
        width: 80px;
    }
    .credit::after {
        right: 5%;
    }
    .credit::before {
        bottom: 0%;
        left: 2;
    }
    .buy-packge-banner-section{
        padding: 19% 0% 5.5% 0%;
    }
    .credit .credit_box {
        margin-bottom: 30px;
    }
    .buy-credit-banner-section {
        padding: 19% 0% 5.5% 0%;
    }
    .notification-card-tab-content::after {
        content: "";
        background-image: url(../images/6.png);
        width: 50px;
        height: 100px;
        display: block;
        position: absolute;
        right: 0%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        top: 12%;
    }
    .notification-card-tab-content::before {
        content: "";
        background-image: url(../images/step-1.png);
        width: 70px;
        height: 70px;
        display: block;
        position: absolute;
        left: 0%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 25%;
        display: none;
    }
    .kill-switch-setting-contnt::after{
        bottom: 30%;
    }
    .checkout-main::after {
        width: 100px;
        height: 100px;
    }
    .my-profile .profile-img-upload-icon {
        bottom: -4%;
        left: 63% !important;
    }
    .chatbox-modal {
        right: 0;
    }
    .account-section div#v-pills-tab {
        margin-bottom: 0px;
    }
    .video-pop-up .modal-dialog {
        height: 100%;
    }
    .checkout-main .purchase-detail-card {
        margin: 0px 20px;
    }
    .kill-switch {
        position: fixed;
        top: 24%;
        right: 0;
    }
    .my-profile .my-profile-wrapper::after {
        bottom: 3%;
        display: none;
    }
    .user-profile .user-profile-img::after{
        display: none;
    }
    .how-it-works-testimonials-section .slick-prev {
        right: 5%;
    }
    .my-profile .my-profile-wrapper::before {
        top: 12%;
    }
    .user-profile .user-profile-img::before {
        top: 20%;
        left: 5%;
    }
    .step-2-section .title-nd-text-wrapper {
        margin-left: 0%;
    }
    .how-it-works-section {
        padding: 16% 0 5.5% 0%;
    }
    .viewed-me-banner-section {
        padding: 19% 0% 5.5% 0;
    }
    .how-it-works-faq .faq-tab-title-main .faq-tab-title::after {
        margin-left: 44.5%;
    }
    .how-it-works-testimonials-section .title-nd-text-wrapper::before {
        right: 4%;
    }
    /*
    .search-bar-section .search-bar-form {
        width: 80%;
        left: 10%;
    }
        */
    .step-1-section .title-nd-text-wrapper::before {
        left: 5%;
        width: 70px;
    }
    .step-2-section .title-nd-text-wrapper::before {
        right: 4%;
    }
    .user-listing .user-list-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 30px;
        row-gap: 40px;
    }
    .get-in-touch-title-description-section h4.talk-text-wrapper:before {
        right: -12%;
    }
    .get-in-touch .title-nd-text-wrapper .talk-text-wrapper {
         margin: 0px;
    }
    .find-my-spark-banner-section {
        padding: 19% 0% 5.5% 0;
    }
    .get-in-touch-form .g-3 {
        row-gap: 20px;
    }
    section.blog-section {
        padding: 0 0 30px 0;
    }
    .pe-4 {
        padding-right: 2rem !important;
    }
    .about-testimonials-section .slick-prev {
        right: 7%;
    }
    .about-testimonials-section li.testimonials-items-li {
        padding-right: 20px;
    }
    .signup-form-section .mb-4 {
        margin-bottom: 1rem !important;
    }
    .signup-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: 47%;
    }
    .signup-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        right: -35%;
    }
    .get-in-touch-title-description-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: -159%;
        width: 175px;
        height: 116px;
    }
    .blog-section .card.custom-more-like-card {
        margin-bottom: 30px;
    }
    .faq-tab-section .accordion .accordion-item .accordion-header button.accordion-button {
        padding: 1rem 1.25rem;
    }
    .blog-section .tab-pane .row>* {
        padding-left: 12px;
        padding-right: 12px;
    }
    .blog-section .more-like-this-wrapper {
        margin: 50px 0 0 0;
    }
    .faq-tab-section .accordion .accordion-item .accordion-header button.accordion-button.collapsed {
        padding: 1rem 1.25rem;
    }
    .about-key-features-section .why-talk-about-us-wrapper::before {
        top: 0%;
    }
    .about-why-talk .title-nd-text-wrapper .talk-text-wrapper {
        font-size: 40px;
    }
    .about-banner-section .page-title-main .page-title {
        font-size: 40px;
    }
    .about-key-features-section h4.talk-text-wrapper {
        font-size: 40px;
    }
    .about-why-us-section .title-nd-text-wrapper .talk-text-wrapper {
        font-size: 40px;
    }
    .about-testimonials-section .title-nd-text-wrapper .talk-text-wrapper {
        font-size: 40px;
        text-align: center;
    }
    .get-in-touch .title-nd-text-wrapper .talk-text-wrapper {
        font-size: 40px;
    }
    .about-why-talk .talk-text-description {
        max-width: 280px;
    }
    .about-testimonials-section .title-nd-text-wrapper::before {
        top: 15%;
    }
    .hero-section .hero-text-content {
        top: 55%;
    }
    .about-why-us-section::before {
        left: 4%;
        height: 217px;
        width: 70px;
    }
    .why-talk-about-us {
        padding: 50px 0;
    }
    .get-in-touch-title-description-section::after {
        left: 4%;
    }
    .get-in-touch-banner-section {
        padding: 20% 0 10% 0;
    }
    .faq-tab-section button.nav-link.active {
        font-size: 12px;
    }
    .faq-tab-section .nav-pills .nav-link {
        font-size: 12px;
    }
    .faq-tab-section .faq-tab-title-main .faq-tab-description {
        width: 100%;
    }
    .faq-banner-section {
        padding: 25% 0 10% 0;
    }
    .get-in-touch .why-talk-about-us-wrapper .fun-feature-img {
        width: 100%;
    }
    .get-in-touch .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
       width: 80px;
       height: 80px;
       right: 85%;
    }
    .login-form-section .why-talk-about-us-wrapper{
        z-index: 1;
    }
    .faq-banner-section .page-title-main .page-title {
        font-size: 30px;
    }
    .get-in-touch {
        padding: 40px 0;
    }
    .get-in-touch .talk-text-description {
        margin: 38px 0 0 78px;
    }
    .get-in-touch h4.talk-text-wrapper:after {
        margin: 32px 0 0 54px;
    }
    .get-in-touch .get-in-touch-form {
        margin: 0px 0 0 78px;
    }
    .about-why-talk .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: 0;
    }
    .get-in-touch::after {
        right: 7%;
        height: 178px;
    }
    .get-in-touch h4.talk-text-wrapper:before {
        display: none;
    }
    .about-why-us-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: 0;
    }
    .about-key-features-section::after {
        height: 18%;
    }
    .about-key-features-section .talk-text-description {
        margin: 38px 0 0 50px;
    }
    .about-key-features-section h4.talk-text-wrapper:after {
        margin: 30px 0 0 50px;
    }
    .about-key-features-section::before {
        right: 4%;
        height: 240px;
        width: 70px;
    }
    .about-why-talk::after {
        left: 4%;
        width: 70px;
    }
    .about-banner-section {
        padding: 19% 0 10% 0;
    }
    .blog-banner-section {
        padding: 22% 0 10% 0;
    }
    .login-form-section .login-images-main {
        width: 100%;
    }
    .custom-footer li.footer-menu-main.social-media-li {
        padding: 50px 15px 37px 0;
    }
    .signup-form-section .why-talk-about-us-wrapper::before {
        width: 4%;
        height: 3%;
        left: -2px;
    }
   .signup-form-section .why-talk-about-us-wrapper::after {
        width: 4%;
        height: 2%;
        left: 0;
        bottom: 21%;
    }
    .real-quality-members::before {
        height: 30%;
        width: 10%;
        bottom: 26%;
        right: 0;
    }
    .home-seventh-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        right: -20%;
        bottom: 5%;
    }
    .home-seventh-section::after {
        left: 3%;
        height: 235px;
    }
    .home-fifth-section::after {
        left: 3%;
        height: 225px;
    }
    .home-fifth-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        right: 0;
        width: 20%;
        height: 12%;
        bottom: 8%;
    }
    .fun-features-section {
        padding: 50px 0 50px 0;
        background-color: #000;
        position: relative;
    }
    .fun-features-section::before {
        width: 14%;
        height: 18%;
        bottom: 0;
        right: 0%;
    }
    .home-fifth-section {
        padding: 50px 0;
    }
    .why-talk-about-us::after {
        left: 4%;
        height: 235px;
    }
    .why-talk-about-us .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        right: -20%;
    }
    .blog-detail-banner-section {
        padding: 19% 0 10% 0;
    }
    .signup-form-section h4.talk-text-wrapper:before {
        right: -75px;
        top: -140px;
    }
    .signup-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        width: 83.672px;
        height: 70px;
    }
    .signup-form-section::after {
        left: 4%;
    }
    .signup-form-section .login-images-main {
        width: 60%;
    }
    .login-form-section .why-talk-about-us-wrapper::before {
        width: 9%;
        height: 10%;
        top: 72%;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        width: 18%;
        height: 26%;
        right: 0;
        bottom: 0;
    }
    .login-form-section h4.talk-text-wrapper:before {
        width: 9%;
        height: 216%;
        right: -36px;
        top: 10%;
    }
    .login-form-section {
        padding: 0;
    }
    .login-form-section .title-nd-text-wrapper .talk-text-wrapper {
        text-align: center;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper {
        width: 100%;
        margin: 80px auto;
    }
    .login-form-section .talk-text-description {
        margin: 65px auto 0 auto;
        display: block;
        width: 60%;
    }
    .login-form-section .why-talk-about-us-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
    .login-form-section .login-images-wrapper {
        position: unset;
        right: 0;
        width: 100%;
        display: block;
    }
    .why-talk-about-us .title-nd-text-wrapper .talk-text-wrapper {
        font-size: 1.9rem;
    }
    .why-talk-about-us h4.talk-text-wrapper:before {
        width: 23%;
        height: 49%;
    }
    .why-talk-about-us .why-talk-about-us-wrapper::before {
        width: 10%;
        height: 20%;
    }
    .why-talk-about-us .why-talk-about-us-wrapper .container .row .col-6:first-child::after {
        width: 23%;
        height: 15%;
        display: none;
    }
    .fun-features-section h4.talk-text-wrapper {
        margin: 0rem 40% 0 0;
        font-size: 1.9rem;
    }
    .fun-features-section .title-nd-text-wrapper::after {
        right: 6.5%;
    }
    .fun-features-section h4.talk-text-wrapper:after {
        margin: 30px 0 0 40px;
    }
    .fun-features-section .talk-text-description {
        margin: 38px 0 0 43px;
    }
    .fun-features-section::after {
        width: 7%;
        height: 25%;
        right: 4%;
        top: -4%;
    }
    .why-talk-about-us .why-talk-about-us-wrapper::before {
        display: block;
    }
    .home-fifth-section h4.talk-text-wrapper:before {
        display: block;
    }
    .why-talk-about-us h4.talk-text-wrapper:before {
        display: block;
        right: -50%;
    }
    .real-quality-members {
        padding: 50px 0 50px 0;
    }
    .home-seventh-section {
        padding: 50px 0;
    }
    .testimonials-section {
        padding: 50px 0 50px 0;
    }
    .custom-footer {
        padding: 50px 0;
    }
    .fun-feature-img {
        width: 80%;
    }
    .home-fifth-section h4.talk-text-wrapper:before {
        width: 36%;
        height: 55%;
    }
    .home-fifth-section .why-talk-about-us-wrapper::before {
        width: 7%;
        height: 14%;
        top: 50%;
    }
    .home-fifth-section h4.talk-text-wrapper:before {
        width: 33%;
        height: 67%;
        top: -50%;
        right: -45%;
    }
    .home-fifth-section .title-nd-text-wrapper .talk-text-wrapper {
        font-size: 1.9rem;
    }
    .home-fifth-section .why-talk-about-us-wrapper .home-fifth-img-section::after {
        bottom: 2%;
        right: 4%;
        display: none;
    }

    .real-quality-members h4.talk-text-wrapper:before {
        width: 20%;
        height: 50%;
        top: -60%;
        right: 100%;
    }
    .real-quality-members::after {
        bottom: 5%;
        right: 0;
        width: 8%;
        height: 39%;
    }
    .real-quality-members .title-nd-text-wrapper::before {
        bottom: 0%;
    }
    .real-quality-members h4.talk-text-wrapper {
        margin: 0 10% 0 0;
        font-size: 1.9rem;
    }
    .real-quality-members::after {
        right: 6.5%;
    }
    .real-quality-members .why-talk-about-us-wrapper .fun-feature-img img {
        width: 100%;
    }
    .home-fifth-section .why-talk-about-us-wrapper .container .row .col-6:first-child::after {
        width: 18%;
        height: 12%;
        right: 8%;
        bottom: -7%;
        display: none;
    }
    .home-seventh-section h4.talk-text-wrapper:before {
        width: 15%;
        height: 60%;
        right: 0%;
        top: -55%;
    }
    .home-seventh-section .why-talk-about-us-wrapper::before {
        width: 7%;
        height: 10%;
    }
    .home-seventh-section .why-talk-about-us-wrapper .container .row .col-6:first-child::after {
        width: 21%;
        height: 14%;
        right: 5%;
        display: none;
    }
    .about-testimonials-section::before {
        bottom: -5%;
    }
    .home-seventh-section .title-nd-text-wrapper .talk-text-wrapper {
        margin: 3rem 1rem 0 1.5rem;
        font-size: 1.9rem;
    }
    .fun-features-section .why-talk-about-us-wrapper .fun-feature-img img {
        width: 100%;
    }
}
@media screen and (max-width:1100px) {
    .video-pop-up .user-image-wrapper .remote-user-img {
        width: 50%;
        border: 1px solid #FFF;
    }
}
@media screen and (max-width:991px) {

    .search-bar-section .search-bar-form {
        width: 135%;
        left: -15%;
    }

    .about-key-features-section .talk-content-icon {
        gap: 40px;
    }
    .user-main-chat-wrapper {
        min-height: 575px;
    }
    .chatUserListAppend.scroll {
        height: 466px;
    }
    .emoji-width {
        width: 460px !important;
    }
    .about-why-talk h4.talk-text-wrapper:after {
        margin: 32px auto 31px auto;
    }
    .how-it-works-testimonials-section h4.talk-text-wrapper:after {
        width: 201px;
        margin: 30px auto;
    }
    .about-key-features-section .talk-btn-wrapper {
        margin: 0 0 0 70px;
    }
    .testimonials-items-main {
        padding-top: 60px;
    }
    .step-3-img {
        width: 100%;
    }
    .step-2-section-img {
        width: 100%;
    }
    .fun-features-section .talk-btn-wrapper {
        margin: 0 0 0 13%;
    }
    .custom-footer .footer-btn {
        margin-top: 100px;
    }
    .get-in-touch .talk-text-description {
        margin: 38px 0 30px 78px;
    }
    .real-quality-members .why-talk-about-us-wrapper .fun-feature-img {
        width: 100%;
    }
    .fun-features-section .why-talk-about-us-wrapper .fun-feature-img {
        width: 100%;
    }
    .user-listing .user-list-wrapper .user-list-img {
        text-align: center;
    }
    .user-listing .user-list-wrapper {
        grid-template-columns: 1fr 1fr;
        padding: 0 0px;
    }
    .search-bar-form .drop-icon {
        max-width: 200px;
    }
    .searchbar-search-button .search-button {
        padding: 20px 20px;
    }
    .search-bar-form #country {
        background-position: right 0.75rem top 20px;
    }
    .search-bar-section .location-wrapper select {
        width: 190px;
    }
    .credit .center-tital {
        margin-bottom: 60px;
    }
    .credit .credit-balance-title {
        font-size: 36px;
        margin-bottom: 30px;
    }
    .user-profile .user-gallery {
        margin-top: 25px;
    }
    .user-profile .user-gallery {
        margin-bottom: 25px;
    }
    .user-profile .about-user {
        margin-top: 30px;
    }
    .user-profile .user-message-wrapper {
        margin-top: 20px;
    }
    .user-profile .user-profile-icons .access-icon {
        margin-left: 15px;
    }
    .my-profile-img #updatedProfilePicture {
        width: 200px;
        height: 200px;
    }
    .account-section .rangeSlider .rsTooltip {
        left: -40%;
    }
    .account-section {
        padding: 128px 0 10px 0px;
    }
    .checkout-main .billing-address-wrapper .input-wrapper {
        margin-bottom: 20px;
    }
    .checkout-main {
        padding: 50px 0px 40px 0px;
    }
    .package .women-title {
        margin: 30px 0px 20px 0px;
    }
    .package::after {
        display: none;
    }
    .package .men-title {
        margin-bottom: 30px;
    }
    .package .center-tital {
        margin-bottom: 30px;
    }
    .package .package-wrapper .col {
       padding-bottom: 30px;
    }
    .package {
        padding: 50px 0px;
    }
    .item1 .inProgress.on.inProgress0::before{
        color: #000;
    }
    .item2 .inProgress.on.inProgress1::before{
        color: #000;
    }
    .about-why-talk {
        padding: 40px 0;
    }
    .account-section::after {
        display: none;
    }
    .checkout-main .purchase-detail-card {
        margin: 40px 0px;
    }
    .security-tab-content::before {
        display: none;
    }
    .checkout-main::before {
        display: none;
    }
    .notification-card-tab-content::before {
        display: none;
    }
    .notification-card-tab-content::after {
        display: none;
    }
    .kill-switch-setting-contnt::after {
       display: none;
    }
    .security-tab-content::after {
        display: none;
    }
    .notification-tab-content::after {
        display: none;
    }
    .account-setting-tab-content::after{
        display: none;
    }
    header .offcanvas-body .custom-side-bar::before{
         display: none;
    }
    .checkout-main::after {
        display: none;
    }
    header .offcanvas-body .custom-side-bar::after{
        display: none;
    }
    .about-key-features-section .why-talk-about-us-wrapper::before {
        display: none;
    }
    .step-1-section .talk-text-description::after {
        display: none;
    }
    .my-profile .my-profile-wrapper::after {
        display: none;
    }
    .my-profile::before {
        display: none;
    }
    .my-profile::after {
        display: none;
    }
    .my-profile .my-profile-wrapper::before {
        display: none;
    }
    .step-3-section .title-nd-text-wrapper{
        text-align: center;
    }
    .step-2-section-img img {
        width: 100%;
    }
    .user-profile .user-profile-img::before {
        display: none;
    }
    .user-profile .user-information-wrapper::after {
        display: none;
    }
    .user-profile .user-information-wrapper::before {
        display: none;
    }
    .user-profile .user-profile-img::after {
        display: none;
    }
    .how-it-works-faq .accordion .accordion-item .accordion-header button.accordion-button {
        padding: 1rem 1rem;
    }
    .step-1-section .talk-text-wrapper{
        font-size: 40px;
    }
    .how-it-works-faq .accordion .accordion-item .accordion-header button.accordion-button.collapsed {
        padding: 1rem 1rem;
    }
    .how-it-works-faq .faq-tab-title-main .faq-tab-title::after {
        margin-left: 43%;
    }
    .how-it-works-section {
        padding: 22% 0 9% 0%;
    }
    .how-it-works-testimonials-section {
        padding: 50px 0px
    }
    .step-2-section .title-nd-text-wrapper {
        margin-top: 30px;
        text-align: center;
    }
    .how-it-works-faq {
        padding: 50px 0px
    }
    .step-1-section {
        padding: 50px 0px;
    }
    .step-2-section {
        padding: 50px 0px;
    }
    .step-3-section .talk-text-wrapper::after {
        display: none;
    }
    .step-3-section .talk-text-description {
        margin: 0px;
        max-width: 100%;
    }
    .how-it-works-testimonials-section .talk-text-description h5.third-section-description {
        max-width: 100%;
    }
    .how-it-works-faq::before {
        display: none;
    }
    .how-it-works-faq::after {
        display: none;
    }
    .how-it-works-testimonials-section .slick-prev {
        left: 0%;
        top: 0;
    }
    .how-it-works-testimonials-section .slick-next {
        right: 0%;
        top: 0;
    }
    .step-3-section .talk-btn-wrapper {
        margin:20px 0px 0px 0px;
    }
    .how-it-works-testimonials-section .talk-text-description {
        margin: 0px;
    }
    .how-it-works-testimonials-section .title-nd-text-wrapper::before {
        display: none;
    }
    .step-3-wrapper::before {
        display: none;
    }
    .step-3-section .title-nd-text-wrapper::before {
        display: none;
    }
    .step-3-img img {
        width: 100%;
    }
    .how-it-works-testimonials-section .title-nd-text-wrapper .talk-text-wrapper {
        font-size: 40px;
        text-align: center;
    }
    .step-3-section .talk-text-wrapper {
        margin:30px 0px 10px 0px;
        font-size: 40px;
    }
    .how-it-works-faq .faq-tab-title-main .faq-tab-title {
        font-size: 40px;
    }
    .step-3-section .title-nd-text-wrapper::after {
        display: none;
    }
    .step-3-section .step-3-img::after {
        display: none;
    }
    .step-3-section .step-3-img::before {
        display: none;
    }
    .step-2-section .talk-text-wrapper {
        margin: 0px 0px 10px 0px;
        font-size: 40px;
    }
    .step-2-section .talk-text-description {
        margin: 0px;
        max-width: 100%;
    }
    .step-2-section .talk-text-wrapper::after {
        display: none;
    }
    .how-it-works-section .page-title {
        font-size: 30px;
        padding-top: 10px;
    }
    .step-1-wrapper::after {
        display: none;
    }
    .step-2-section .title-nd-text-wrapper::before {
        display: none;
    }
    .step-2-section .step-2-section-img::after {
        display: none;
    }
    .step-2-section .title-nd-text-wrapper::after {
        display: none;
    }
    .step-1-section .title-nd-text-wrapper{
        margin-top: 30px;
        text-align: center;
    }
    .step-1-img {
        width: 100%;
    }
    .step-1-section .talk-text-wrapper {
        margin: 0px 0px 10px 0px;
    }
    .step-1-section .talk-text-description {
        margin: 0px;
        max-width: 100%;
    }
    .step-1-section .talk-text-wrapper::after {
        display: none;
    }
    .step-1-section .talk-text-description::before {
        display: none;
    }
    .about-why-talk .talk-text-description {
        max-width: 100%;
    }
    .step-1-section .title-nd-text-wrapper::before {
       display: none;
    }
    .find-my-spark-banner-section .page-title-main .page-title {
        font-size: 30px;
    }
    .signup-form-section::after {
        display: none;
    }
    .get-in-touch-title-description-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        display: none;
    }
    .get-in-touch-title-description-section .title-nd-text-wrapper .talk-text-wrapper {
        font-size: 30px
    }
    .get-in-touch .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        display: none;
    }
    .signup-form-section .why-talk-about-us-wrapper::after {
        display: none;
    }
    .signup-form-section .why-talk-about-us-wrapper::before {
        display: none;
    }
    .about-key-features-section {
        padding: 40px 0 98px 0;
    }
    .why-talk-about-us .talk-text-description .third-section-description {
        max-width: 100%;
    }
    .about-testimonials-section .title-nd-text-wrapper::before {
        display: none;
    }
    .home-seventh-section .talk-text-description .third-section-description {
        max-width: 100%;
    }
    .about-why-talk::after {
        display: none;
    }
    .why-talk-about-us h4.talk-text-wrapper:before {
        display: none;
    }
    .why-talk-about-us .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        display: none;
    }
    .why-talk-about-us .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        display: none;
    }
    .why-talk-about-us .why-talk-about-us-wrapper::before {
        display: none;
    }
    .home-fifth-section h4.talk-text-wrapper:before {
        display: none;
    }
    .home-fifth-section .why-talk-about-us-wrapper::before {
        display: none;
    }
    .real-quality-members::after {
        display: none;
    }
    .real-quality-members .title-nd-text-wrapper::before {
        display: none;
    }
    .home-seventh-section .why-talk-about-us-wrapper::before {
        display: none;
    }
    .home-seventh-section h4.talk-text-wrapper:before {
        display: none;
    }
    .faq-tab-section::before {
        display: none;
    }
    .home-fifth-section .talk-text-description .third-section-description {
        max-width: 100%;
    }
    .faq-tab-section::after {
        display: none;
    }
    .fun-features-section::after {
        display: none;
    }
    .testimonials-section::before {
        display: none;
    }
    .real-quality-members::before {
        height: 5%;
        width: 8%;
        bottom: 22%;
        display: none;
        right: 0;
    }
    .real-quality-members .talk-content-text p {
        margin-right: 0;
    }
    .fun-feature-img {
        width: 100%;
    }
    .get-in-touch-title-description-section h4.talk-text-wrapper:before {
        width: 15%;
        right: 0;
        top: -70%;
        display: none;
    }
    .get-in-touch-title-description-section .get-in-touch-title-description {
        width: 100%;
    }
    .about-why-us-section {
        padding: 40px 0;
    }
    .get-in-touch-title-description-section::after {
        left: 6%;
    }
    .get-in-touch-banner-section {
        padding: 30% 0 10% 0;
    }
    .about-why-talk .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: 0;
        right: 10%;
        display: none;
    }
    .about-key-features-section::before {
        z-index: 9;
        top: -3%;
        display: none;
    }
    .custom-header-after-login.navbar .navbar-nav .nav-link {
        font-size: 12px;
    }
    .about-why-talk .why-talk-about-us-wrapper::before {
        width: 7%;
        height: 6%;
        left: 0;
        bottom: 16%;
        top: unset;
        display: none;
    }
    .about-banner-section {
        padding: 25% 0 10% 0;
    }
    .about-why-us-section .talk-text-description {
        margin: 38px 0 0 0;
        text-align: center;
    }
    .about-why-us-section h4.talk-text-wrapper:after {
        margin: 32px auto 0 auto;
    }
    .about-why-us-section .title-nd-text-wrapper .talk-text-wrapper {
        text-align: center;
        margin: 2rem auto 0 auto;
    }
    .about-why-us-section h4.talk-text-wrapper:before {
        display: none;
    }
    .about-why-us-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: -20px;
        display: none;
    }
    .about-testimonials-section::after {
        display: none;
    }
    .about-testimonials-section::before {
        display: none;
    }
    .get-in-touch::after {
        display: none;
    }
    .get-in-touch .title-nd-text-wrapper .talk-text-wrapper {
        margin: 2rem auto 0 auto;
    }
    .about-why-us-section .why-talk-about-us-wrapper::before {
        width: 9%;
        height: 9%;
        bottom: 9%;
        top: unset;
        display: none;
    }
    .about-why-us-section .why-talk-about-us-wrapper .fun-feature-img {
        width: 100%;
    }
    .about-why-us-section::before {
        z-index: 9;
        display: none;
    }
    .about-why-talk .why-talk-about-us-wrapper .fun-feature-img {
        width: 100%;
    }
    .about-testimonials-section .slick-prev {
        left: 0px;
    }
    .get-in-touch h4.talk-text-wrapper:before {
        right: -18%;
        display: none;
    }
    .about-testimonials-section .slick-next {
        right: 0%;
    }
    .about-testimonials-section .talk-text-description h5.third-section-description {
        margin: 0px 0px 20px 0px;
        max-width: 100%;
        text-align: center;
    }
    .about-testimonials-section li.testimonials-items-li {
        width: 100%;
    }
    .about-testimonials-section h4.talk-text-wrapper:after {
        content: "";
        border: 1px solid #eb5f6a;
        display: block;
        margin: 32px 0 32px 36%;
        width: 201px;
    }
    .about-testimonials-section .talk-text-description {
        margin: 0px;
    }
    .get-in-touch .why-talk-about-us-wrapper::before {
        width: 9%;
        height: 5%;
        left: 0%;
        bottom: 28%;
        top: unset;
        display: none;
    }
    .about-key-features-section .why-talk-about-us-wrapper .fun-feature-img::after {
        bottom: -13%;
        right: 0;
        display: none;
    }
    .about-key-features-section::after {
        height: 7%;
        display: none;
    }
    .about-key-features-section .why-talk-about-us-wrapper .fun-feature-img {
        width: 100%;
    }
    .about-key-features-section .title-nd-text-wrapper {
        margin-top: 48px;
    }
    .about-why-talk h4.talk-text-wrapper:before {
        top: -40%;
        width: 24%;
        right: -17%;
        display: none;
    }
    .about-why-talk .title-nd-text-wrapper .talk-text-wrapper {
        text-align: center;
        margin: 3rem auto 0 auto;
    }
    /* .about-why-talk h4.talk-text-wrapper:after {
        margin: 32px auto 0 auto;
    } */
    .about-why-talk .talk-text-description {
        margin: 0;
        text-align: center;
    }
    .login-form-section::after {
        display: none;
    }
    .login-form-section .login-images-main {
        width: 100%;
    }
    .home-seventh-section::after {
        content: "";
        display: none;
    }
    .home-seventh-section .why-talk-about-us-wrapper .home-fifth-img-section {
        width: 100%;
    }
    .fun-features-section::before {
        content: "";
        display: none;
    }
    .home-fifth-section::after {
        display: none;
    }
    .home-fifth-section .why-talk-about-us-wrapper .home-fifth-img-section {
        width: 100%;
    }
    .why-talk-about-us::after {
        content: "";
        display: none;
    }
    .why-talk-about-us .fun-feature-img {
        width: 100%;
    }
    .signup-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        width: 23%;
        height: 4%;
        bottom: 48%;
        right: -27%;
        display: none;
    }
    .signup-form-section h4.talk-text-wrapper:before {
        width: 35%;
        right: -20px;
        height: 201%;
        display: none;
    }
    .signup-form-section .login-images-main {
        width: 50%;
    }
    .custom-footer li.footer-menu-main.social-media-li {
        padding: 10px 0 10px 0;
    }
    .custom-footer .footer-btn {
        padding: 13px 16px;
        font-size: 14px;
    }
    .login-form-section .why-talk-about-us-wrapper::before {
        width: 129px;
        height: 10%;
        top: 71%;
        display: none;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        width: 24%;
        height: 26%;
        right: 0;
        bottom: 0;
        display: none;
    }
    .login-form-section h4.talk-text-wrapper:before {
        width: 18%;
        height: 204%;
        right: -31px;
        display: none;
    }
    .login-form-section {
        padding: 0;
    }
    .login-form-section .title-nd-text-wrapper .talk-text-wrapper {
        text-align: center;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper {
        width: 100%;
        margin: 60px auto;
    }
    .login-form-section .talk-text-description {
        margin: 65px auto 0 auto;
        display: block;
        width: 70%;
    }
    .login-form-section .why-talk-about-us-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
    .login-form-section .login-images-wrapper {
        position: unset;
    }
    .why-talk-about-us h4.talk-text-wrapper:after {
        margin: 30px auto 0;
    }
    .why-talk-about-us .title-nd-text-wrapper .talk-text-wrapper {
        line-height: 45px;
        margin: 2rem 0 0 0;
        text-align: center;
    }
    .fun-features-section .talk-text-description {
        margin: 40px auto 0 auto;
    }
    .fun-features-section {
        padding: 40px 0 40px 0;
    }
    .why-talk-about-us .talk-text-description {
        margin: 30px 0 0 0;
        text-align: center;
    }
    .fun-features-section h4.talk-text-wrapper {
        margin: 2rem 0 0 0;
        text-align: center;
    }
    .fun-features-section h4.talk-text-wrapper:after {
        margin: 20px auto 0 auto;
    }
    .home-fifth-section .title-nd-text-wrapper .talk-text-wrapper {
        margin: 1rem auto 0;
    }
    .home-fifth-section h4.talk-text-wrapper:after {
        margin: 30px auto 0 auto;
    }
    .home-fifth-section .talk-text-description {
        margin: 30px auto 0 auto;
        text-align: center;
    }
    .home-fifth-section .title-nd-text-wrapper .talk-text-wrapper {
        margin: 2rem auto 0;
        text-align: center;
        line-height: 40px;
    }
    .real-quality-members .title-nd-text-wrapper {
        padding: 2rem 0 0 0;
    }
    .real-quality-members h4.talk-text-wrapper {
        margin: 0 auto;
        text-align: center;
    }
    .real-quality-members .title-nd-text-wrapper::after {
        right: 6.5%;
        display: none;
    }
    .real-quality-members h4.talk-text-wrapper:after {
        margin: 30px auto;
    }
    .real-quality-members .talk-text-description {
        margin: 38px 0 0 0;
        text-align: center;
    }
    .home-seventh-section .talk-text-description {
        margin: 38px auto 0 auto;
        text-align: center;
    }
    .home-seventh-section h4.talk-text-wrapper:after {
        margin: 32px auto 0 auto;
    }
    .home-seventh-section .title-nd-text-wrapper .talk-text-wrapper {
        margin: 2rem auto 0 auto;
        font-size: 1.9rem;
        text-align: center;
    }
    .home-seventh-section {
        padding: 40px 0;
    }
    .testimonials-section .talk-text-description {
        margin: 38px auto;
    }
    .testimonials-section li.testimonials-items-li {
        width: 100%;
    }
    .testimonials-section .testimonials-items-name-review .reviewer-comment {
        margin: 0 auto;
    }
    .testimonials-section .talk-text-description h5.third-section-description {
        max-width: 100%;
        margin-bottom: 41px;
        text-align: center;
    }
    .testimonials-section .title-nd-text-wrapper .talk-text-wrapper {
        text-align: center;
    }
    .testimonials-section h4.talk-text-wrapper:after {
        margin: 32px auto;
    }
    .testimonials-section .slick-next {
        right: 0;
        top: 0%;
    }
    .testimonials-section .slick-prev {
        right: unset;
        top: 0%;
        left: 0;
    }
    .why-talk-about-us .title-nd-text-wrapper::after {
        display: none;
    }
    .fun-features-section .title-nd-text-wrapper::after {
        display: none;
    }
    .hero-section .hero-text-content {
        position: unset;
        top: 50%;
        text-align: center;
        transform: translate(0, 0);
    }
    .real-quality-members h4.talk-text-wrapper:before {
        display: none;
    }
    .hero-section .hero-text-content .hero-description {
        color: #000;
        margin: 20px auto;
    }
    .hero-section .hero-text-content .hero-title {
        color: #000;
        font-size: 40px;
        line-height: 40px;
    }
    .hero-section .progressBarContainer {
        bottom: -56px;
        right: 28%;
    }
    .hero-section .progressBarContainer div span.progressBar {
        background-color: rgb(0 0 0 / 40%);
    }
    .hero-section .hero-text-content .hero-pre-title {
        font-size: 40px;
        text-align: center;
    }
    .why-talk-about-us {
        padding: 40px 0;
    }
    section.hero-section {
        padding: 0 0 50px 0;
    }
    .hero-section .hero-text-content {
        padding: 30px 0 0 0;
    }
    .home-fifth-section .title-nd-text-wrapper::after {
        display: none;
    }
    .real-quality-members {
        padding: 40px 0 40px 0;
    }
    .home-fifth-section {
        padding: 40px 0;
    }
    .home-seventh-section .title-nd-text-wrapper::after {
        display: none;
    }
    .testimonials-section {
        padding: 40px 0 60px 0;
    }
    header.custom-header-menu {
        position: unset;
        background-color: #000 !important;
    }
    .custom-header-menu .container .custom-logo-btn {
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
    }
    .custom-header-menu .container .custom-logo-btn a {
        width: 220px;
    }
    .custom-header-menu .container .custom-logo-btn ul {
        justify-content: flex-end !important;
    }
    .custom-header-menu.custom-login-form .container .custom-logo-btn ul {
        justify-content: end !important;
    }
    .custom-header-menu .member-btn-sign {
        margin-right: 0rem !important;
        margin-left: 1rem;
    }
    .hero-section .hero-text-content {
        position: unset;
        top: 50%;
    }
    .hero-section .hero-text-content .hero-title {
        color: #000;
        font-size: 40px;
        line-height: 40px;
    }
    .why-talk-about-us .title-nd-text-wrapper::after {
        display: none;
    }
    .video-pop-up .user-image-wrapper .remote-user-img {
        width: 50%;
    }
    .why-talk-about-us .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        visibility: hidden;
        display: none;
    }
    .home-fifth-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        visibility: hidden;
        display: none;
    }
    .home-seventh-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        visibility: hidden;
        display: none;
    } 
     .package::before{
        display: none;
    }
    .testimonials-section .title-nd-text-wrapper::before {
        display: none;
    }
}
@media screen and (max-width:768px) {
    .about-key-features-section .talk-content-icon {
        gap: 35px;
    }
    .user-profile .profile-button-wrapper {
        column-gap: 15px;
        row-gap: 15px;
    }
    #user-profile .user-online-icon {
        top: 11px;
        margin-left: 140px;
    }
    .emoji-width {
        width: 750px !important;
    }
    .account-section button.nav-link.active:after {
        width: 25px;
        height: 25px;
    }
    .my-profile .profile-button-wrapper {
        column-gap: 15px;
        row-gap: 15px;
    }
    .contact-us-mb{
        margin-bottom: 15px;
    }
    .user-chat-main-profile .user-chat-profile-media-gallery .user-chat-profile-media-gallery-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
    .faq-tab-title-main.faq-tab-title-main-chat{
        position: absolute;
        top: 0;
        z-index: 1;
        background: white;
        left: 0;
        right: 0;
        width: 100%;
    }
    .btn-back-chat{
        display: inline;
    }
    .user-listing .user-list-wrapper {
        padding: 0 0px;
    }
    .chatUserListAppend.scroll {
        height: 435px;
    }
    #chatbox .chatbox-modal {
        height: 80%;
    }
    #chatbox .modal-content {
        width: 100%;
    }
    .user-main-chat-wrapper {
        min-height: 585px;
    }
    .account-section {
        padding: 128px 0 40px 0px;
    }
    .step-3-img {
        width: 100%;
    }
    .step-2-section-img {
        width: 100%;
    }
    .search-bar-section .location-wrapper select {
        width: 190px;
    }
    .search-bar-form #country {
        background-position: right 0.75rem top 20px;
    }
    .search-bar-form .drop-icon {
        max-width: 200px;
    }
    .searchbar-search-button .search-button {
        padding: 15px 20px;
    }
    .account-section .account-setting-tab-content .edit-icon {
        margin-left: 190px;
    }
    .blog-section .more-like-this-wrapper {
        margin: 30px 0 0 0;
    }
    .viewed-me-user-listing {
        padding: 40px 0px;
    }
    .get-in-touch-form .g-3 {
        row-gap: 0px;
    }
    section.get-in-touch-form {
        padding: 18px 0 50px 0;
    }
    .get-in-touch .talk-text-description {
        margin: 30px 0 0 78px;
    }
    .get-in-touch .get-in-touch-form {
        margin: 0 0 0 78px;
    }
    .about-key-features-section .talk-text-description {
        margin: 35px 0 0 0px;
    }
    .about-key-features-section .talk-btn-wrapper {
         margin:0px 0 0 65px;
    }
    .fun-features-section .talk-btn-wrapper {
        margin: 0 0 0 16%;
    }
    .fun-features-section .talk-content-icon-wrapper {
        /* width: 123px; */
        height: 60px;
        padding-left: 10px;
        object-fit: contain;
    }
    .testimonials-section ul.testimonials-items-ul {
        row-gap: 30px;
    }
    .testimonials-items-main{
        padding-top: 60px;
    }
    .testimonials-section .slick-prev {
        top: 0%;
    }
    .testimonials-section .slick-next {
        top: 0%;
    }
    .chatbox-modal .user-online-icon {
        right: -25px;
    }
    .costom-destop-menu{
        display: block !important;
    }
    .navbar-mobile{
        display: none;
    }
    .hero-section .progressBarContainer {
        bottom: -56px;
        right: 25%;
    }
    .my-profile .my-profile-data-wrapper {
        display: block;
    }
    .cookiealert .acceptcookies{
        margin-top: 15px;
    }
    .checkout-main .payment-type-wrapper {
        display: grid;
        justify-content: space-between;
        grid-template-columns: 1fr;
        column-gap: 30px;
    }
    .my-profile-img #updatedProfilePicture {
        width: 190px;
        height: 190px;
    }
    .alert-get-in-touch {
        width: 77%;
    }
    .my-profile .profile-img-upload-icon {
        left: 82% !important;
    }
    .h-500 {
        height: 300px;
    }
    .package::after{
        display: none;
    }
    .package .credit_box {
        height: auto;
    }
    .step-3-section{
        padding: 50px 0;
    }
    section.faq-tab-section{
        padding: 50px 0;
    }
    .credit::after{
        display: none;
    }
    .credit::before{
        display: none;
    }
    .credit .credit_box {
        margin-bottom: 20px;
    }
    .credit .credit_box:hover {
        transform: translateY(0px);
    }
    .buy-packge-banner-section .page-title {
        font-size: 30px;
    }
    .package {
        padding: 50px 0px;
    }
    .buy-packge-banner-section{
        padding: 22% 0% 5.5% 0%;
    }
    .package .select-credits-title {
        font-size: 25px;
    }
    .package .men-title {
        margin-bottom: 30px;
        font-size: 25px;
    }
    .package .credit_box:hover {
        transform: translateY(0px);
    }
    .package .women-title {
        font-size: 30px;
        margin: 20px 0px;
    }
    .package .credit_box {
        margin-bottom: 20px;
    }
    .package .center-tital {
        margin-bottom: 20px;
    }
    .credit {
        padding: 50px 0px;
    }
    .buy-credit-banner-section {
        padding: 22% 0% 5.5% 0%;
    }
    .buy-credit-banner-section .page-title {
        font-size: 30px;
    }
    .checkout-main .credit-card-wrapper {
        display: grid;
        justify-content: space-between;
        grid-template-columns: 1fr;
        column-gap: 30px;
        row-gap: 30px;
        margin-top: 30px;
    }
    .checkout-main .billing-address-wrapper {
        display: grid;
        justify-content: space-between;
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
    .checkout-main .billing-address-wrapper .input-wrapper {
        margin-bottom: 0px;
    }
    .get-in-touch-title-description-section::after {
        display: none;
    }
    .get-in-touch-title-description-section{
        padding-top: 40px;
    }
    .get-in-touch-title-description-section .title-nd-text-wrapper .talk-text-wrapper {
        margin: 0;
    }
    .get-in-touch-title-description-section .talk-text-wrapper {
        margin-bottom: 25px !important;
    }
    .get-in-touch-title-description-section .title-nd-text-wrapper{
        text-align: center;
    }
    .chatbox-modal .user-message-box{
        padding: 0 15px;
        overflow-y: auto;
    }
    .account-section .account-setting-tab-content .upgrade-membership {
        margin-left: 0px;
        margin-top: 10px;
        font-size: 16px;
    }
    .account-section .account-setting-tab-content .get-credit {
        margin-left: 0px;
        margin-top: 10px;
        font-size: 16px;
    }
    .security-tab-content .save-answer {
        font-size: 16px;
    }
    .account-section .account-setting-tab-content .save-changes {
        font-size: 16px;
    }
    .account-section .rangeSlider-2 .rsTooltip-2 {
        font-size: 16px;
        text-align: center;
    }
    .account-section .rangeSlider .rsTooltip {
        font-size: 16px;
        text-align: center;
    }
    .account-section .rangeSlider-2 {
      width: 80%;
    }
    .kill-switch .kill-switch-icon {
        margin-top: 50px;
    }
    .account-section .tab-content{
        margin-top: 20px;
        margin-left: 20px;
    }
    .account-section .faq-tab-title-main .faq-tab-title {
        font-size: 30px;
    }
    .account-section .account-setting-tab-content .user-credit-status {
        display: block;
    }
    .account-section .account-setting-tab-content .user-membership-status {
        display: block;
    }
    .chatbox-modal {
        right: 0px;
        bottom: -30px;
        max-width: 100%;
        top: unset;
        left: unset;
        height: 100%; 
    }
    .user-profile-wrapper{
        display: flex;
        column-gap: 20px;
    }
    .viewed-me-banner-section .page-title {
        font-size: 30px;
    }
    .chatbox-modal .modal-dialog {
        max-width: 100%;
    }
    .user-listing .viewed-me-filter {
        display: flex;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       row-gap: 20px;
    }
    .kill-switch {
        position: fixed;
        top: 19%;
        right: 0;
    }
    .user-profile .about-user {
        margin-top: 20px;
    }
    .user-profile .user-message-wrapper {
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .user-profile .user-information-text span {
        margin-left: 10px;
    }
    .search-bar-section .search-bar-form-mobile {
        display: block;
    }
    .search-bar-section .search-bar-form-mobile .top-search-bar {
        display: flex;
        justify-content: space-between;
    }
    .search-bar-form-mobile .searh-bar-wrapper {
        display: block;
    }
    .search-bar-form-mobile .searchbar-search-button a {
        display: flex;
        background: var(--Pink, #EB5F6A);
        border-radius: 10px;
        padding: 16px 0px;
        margin-top: 20px;
        color: #FFF;
        text-decoration: none;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        justify-content: center;
        align-items: center;
        width: 100%;
        column-gap: 5px;
    }
    .search-bar-form-mobile .searchbar-search-button {
        display: flex;
        justify-content: center;
    }
    .how-it-works-testimonials-section .talk-text-description h5.third-section-description {
        max-width: 100%;
        text-align: center;
    }
    .search-bar-section .location-wrapper select {
        width: 180px;
    }
    .search-bar-form-mobile .searchbar-search-button a svg {
        width: 25px;
        height: 25px;
    }
    .kill-switch-setting-contnt .redirect-website-input {
        width: 100%;
    }
    .range-input .slider-wrapper{
        padding: 0px 10px;
    }
    .search-bar-section{
        padding-top: 70px;
        padding-bottom: 30px;
        position: relative;
    }
    .credit .credit-balance-title {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .credit .center-tital {
        margin-bottom: 50px;
    }
    .credit .select-credits-title{
        font-size: 25px;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper {
        width: 100%;
        margin: 35px auto;
    }
    .search-bar-form-mobile .age-select-wrapper span {
        margin-left: 12px;
        margin-right: 12px;
    }
    .login-form-section .forgot-mx {
        margin-top: 0px;
        margin-bottom: 25px;
    }
    .login-form-section .talk-text-description {
        margin: 35px auto 0 auto;
    }
    .login-form-section .btn.custom-login-btn {
        margin-top: 0 !important;
    }
    .chatbox-modal .chatbox-user-search {
        width: 94%;
    }
    .chatbox-modal .user-message-tab-button.active {
        width: 95%;
        height: 60px;
    }
    .chatbox-modal .user-message-tab-button {
        margin-bottom: 13px;
    }
    .chatUserListAppend.scroll {
        width: 100%;
    }
}
@media screen and (max-width:576px) {
    .about-key-features-section .talk-btn-wrapper {
        margin: 0px 0 0 65px;
    }
    .about-key-features-section .talk-content-icon {
        gap: 35px;
    }
    .chatbox-modal .user-profile-information-wrapper .user-profile-utitlity-icon a {
        margin-right: 10px;
    }
      
    .chatbox-modal .user-message-wrapper video{
        width: 194px;
        height: 188px;
    }
    .chatbox-modal .user-message-wrapper audio{
        width: 250px;
    }
    .emoji-width {
        width: 557px !important;
    }
    .about-why-talk h4.talk-text-wrapper:after {
        margin: 32px auto 31px auto;
    }
    .search-bar-section .fantasies-checkbox {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .user-chat-main-profile .user-chat-profile-media-gallery .user-chat-profile-media-gallery-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    /* .chatbox-modal {
        bottom: -40px;
    } */
    .chatbox-modal .user-profile-information-wrapper .user-profile-utitlity-icon {
        column-gap: 0;
    }
    .user-listing .user-list-wrapper {
        grid-template-columns: 1fr;
    }
    #chatbox .modal-content {
        width: 100%;
    }
    .testimonials-items-quote-mark svg{ 
        width: 30px;
    }
    .real-quality-members .why-talk-about-us-wrapper .fun-feature-img {
        width: 100%;
    }
    .fun-features-section .why-talk-about-us-wrapper .fun-feature-img {
        width: 100%;
    }
    .search-bar-section .search-bar-form {
        top: -35px;
    }
    .search-bar-form #country {
        font-size: 12px;
    }
    .search-bar-section .age-select-wrapper select {
        width: 50px;
        font-size: 12px;
    }
    .search-bar-section .search-bar-form {
        padding: 10px;
    }
    .searchbar-search-button .search-button {
        padding: 10px 10px;
    }
    .search-bar-form .drop-icon {
        max-width: 150px;
    }
    .age-select-wrapper span {
        margin-left: 0px;
        margin-right: 15px;
    }
    .how-it-works-testimonials-section li.testimonials-items-li {
        width: 100%;
    }
    .how-it-works-testimonials-section .slick-prev {
        top: 0%;
    }
    .how-it-works-testimonials-section .slick-next {
        top: 0%;
    }
    .fun-features-section .talk-btn-wrapper {
        margin: 0px 0 0 17%;
    }
    #message-modal .messgae-popup{
        bottom: 0px;
    }
    .footer-logo {
        margin-bottom: 35px;
    }
    .footer-logo img{
        width: 200px;
    }
    .custom-footer .footer-menu {
        padding: 0 0 0 0%;
    }
    .get-in-touch .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper {
        text-align: center;
        margin: auto;
    }
    .blog-details-section .blog-details-main-wrapper-section .blog-details-main-wrapper .blog-details-main-wrapper-title {
        font-size: 28px;
        line-height: 37px;
    }
    #getUserAllMessageData .user-profile-img img {
        width: 50px;
        height: 50px;
    }
    .chatbox-modal .user-profile-information-wrapper .user-profile-utitlity-icon {
        margin-left: 10px;
    }
    .chatbox-modal .chat-input {
        height: 185px;
    }
    /* .chatbox-modal .user-messages-wrapper {
        padding: 13px 20px 0px 20px;
    } */
    .user-main-chat-wrapper .user-profile-name {
        font-size: 18px;
    }
}
@media screen and (max-width:575px) {
    .account-section .tab-content {
        margin-left: 0px;
    }
    .account-section .tab-content {
        margin-left: 0px;
    }
    #chatbox .modal-content {
        width: 100%;
    }
    .member-btn-log {
        padding: 10px;
    }
    .form-control-plaintext {
        width: 70%;
    }
    .get-in-touch-form .g-3 {
        row-gap: 0px;
    }
    section.get-in-touch-form {
        padding: 18px 0 30px 0;
    }
    .user-main-chat-wrapper {
        min-height: 600px;
    }
    .member-btn-log {
        font-size: 8px;
    }
    .user-profile .user-detail{
        display: block;
    }
    .my-information-wrapper .user-detail{
        display: block;
    }
    .user-detail .user-location {
        margin-left: 0;
        margin-top: 10px;
    }
    .h-500 {
        height: 290px;
    }
    .blog-details-section .blog-details-main-wrapper-section .blog-details-main-wrapper .blog-details-main-wrapper-title {
        font-size: 28px;
        line-height: 37px;
    }
    .alert-get-in-touch{
        width: 100%;
    }
    .login-form-section .need-account-section{
        text-align: center;
    }
    .user-listing .sorting-filter {
        justify-content: space-between;
    }
    .activate-kill-switch-title-wrapper{
        flex-direction: column;
    }
    .activate-kill-switch-title-wrapper .activate-kill-switch-limit {
        margin-top: 5px;
    }
    section.faq-tab-section{
        padding: 40px 0;
    }
    .step-1-section {
        padding: 40px 0;
    }
    .step-3-section{
        padding: 40px 0;
    }
    .how-it-works-testimonials-section{
        padding: 40px 0;
    }
    .chatbox-modal .user-profile-information-wrapper .user-profile-utitlity-icon {
        margin-top: 10px;
    }
    .chatbox-modal .user-message-box {
        padding: 0px 10px 0px 20px;
    }
    .chatbox-modal .chatbox-input {
        height: 70px;
    }
    .chatbox-modal .chat-input {
        height: 120px;
    }
    .user-chat-main-profile .user-chat-profile-detail .user-chat-profile-information {
        text-align: center;
        margin-left: 0;
    }
    .buy-packge-banner-section{
        padding: 24% 0% 10% 0%;
    }
    .chatbox-modal {
        height: 100%;
    }
    .chatbox-modal .user-message-box{
       max-height: 430px;
        overflow-y: auto;
    }
    .buy-credit-banner-section {
        padding: 24% 0% 10% 0%;
    }
    .user-profile .modal-header::after {
        display: none;
    }
    .search-bar-section .modal-body::after {
        display: none;
    }
    .user-chat-main-profile .user-chat-profile-detail {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 27px 0px;
    }
    header .offcanvas-body  .custom-side-bar .mobile-link{
        display: block;
    }
    .checkout-banner-section {
        padding: 24% 0 5.5% 0;
    }
    .checkout-main {
        padding: 50px 0px 40px 0px;
    }
    .checkout-banner-section .page-title {
        color: var(--Pink, #EB5F6A);
        font-family: 'Gotham';
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
    }
    .checkout-banner-section .checkout-content {
        color: var(--Pink, #EB5F6A);
        font-family: 'Gotham';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
    }
    .security-tab-content .security-answer {
        width: 100%;
    }
    .security-tab-content .security-question-input{
        width: 100%;
    }
    .notification-card-tab-content .notification-detail-wrapper {
        display: flex;
        flex-direction: column;
    }
    .notification-tab-content .notifiaction-setting-title {
        font-size: 30px;
    }
    .account-section {
        padding: 70px 0 10px 0px;
        position: relative;
    }
    .notification-card-tab-content .notification-title {
        font-size: 30px;
    }
    .security-tab-content .show-profile-up-to-title-wrapper {
        flex-direction: column;
    }
    .account-section .rangeSlider {
        width: 80%;
        margin: 0 auto;
    }
    .account-section .rangeSlider-2 {
        width: 80%;
        margin: 0 auto;
    }
    .account-section .rangeSlider-2 .rsTooltip-2 {
        width: 80px;
    }
    .account-section .rangeSlider .rsTooltip {
        font-size: 16px;
        text-align: center;
    }
    .account-section .rangeSlider-2 .rsTooltip-2 {
        font-size: 16px;
    }
    .security-tab-content .security-and-privacy-title {
        font-size: 30px;
    }
    .notification-card-tab-content .notification-detail {
        margin-left: 0px;
        margin-top: 10px;
    }
    .my-profile .user-name-title {
        font-size: 24px;
    }
    .kill-switch-setting-contnt .kill-swich-title {
        font-size: 30px;
    }
    .account-section .account-setting-tab-content .upgrade-membership {
        margin-left: 0px;
        margin-top: 10px;
    }
    .account-section .account-setting-tab-content .get-credit {
        margin-left: 0px;
        margin-top: 10px;
    }
    .chatbox-modal .user-message-tab-content{
        max-height: 100%;
    }
    .chatbox-modal .modal-dialog {
        margin: 27px 10px 0px 10px;
    }
    .chatbox-modal .user-message-tab {
        padding: 5px;
    }
    .my-profile .profile-img-upload-icon {
        bottom: 0%;
        left: 21% !important;
    }
    .user-listing .viewed-me-filter .favourites-filter-list {
        flex-direction: column;
        row-gap: 10px;
    }
    .my-profile .my-information-wrapper{
        margin-top: 20px;
    }
    .user-profile .report-modal .modal-description {
        padding: 20px;
    }
    .user-profile .report-modal .modal-body {
        padding: 10px;
    }
    .user-profile .report-modal .modal-header {
        padding: 1rem 1rem;
    }
    .user-profile .upgrade-account-modal .modal-body {
        padding: 20px;
        text-align: center;
    }
    .my-profile {
        padding: 70px 0px 40px 0px;
    }
    .user-profile .upgrade-account-modal .modal-header {
        padding: 15px;
    }
    .user-profile .request-access-modal .modal-header {
        padding: 1rem 1rem;
        margin-left: 10;
    }
    .user-profile .request-access-modal .modal-title {
        margin-left: 10%;
    }
    .user-profile .gift-modal .gift-icon img {
        margin-top: 10px;
    }
    .user-profile .gift-modal .credit-text {
        color: #4F4F4F;
        text-align: center;
        font-family: 'Gotham';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        margin-top:8px;
    }
    .my-profile .my-profile-img {
        width: 100%;
    }
    .my-profile .my-profile-wrapper {
        width: 100%;
        display: block;
    }
    .my-profile .my-profile-gallery-image-wrapper {
        column-gap: 10px;
        row-gap: 10px;
    }
    .my-profile .my-information-wrapper {
        width: 100%;
    }
    .user-profile .gift-modal .buy-credit-button {
        margin-left: 0px;
        margin-top: 10px;
    }
    .user-profile .gift-modal .modal-title {
        margin-left: 0px;
    }
    .user-profile .gift-modal .modal-header {
        padding: 1rem 1rem;
    }
    .user-profile .gift-modal .modal-dialog {
        margin: 30px 10px;
    }
    .user-profile .gift-modal .send-gift-wrapper {
        text-align: center;
        margin-top: 20px;
    }
    .user-profile .gift-modal .gift-credit-wrapper {
        display: block;
        text-align: left;
        margin-left: 0px;
    }
    .user-profile .gift-modal .gift-list-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        column-gap: 4px;
        row-gap: 4px;
    }
    .user-profile .user-profile-wrapper{
        flex-direction: column;
    }
    .request-access-modal .modal-body {
        padding:20px;
    }
    .user-profile .modal-header {
        padding: 1rem 1rem;
    }
    .user-profile .modal-title {
        margin-left: 20px;
    }
    .user-profile .user-message-wrapper {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 20px;
    }
    .user-profile .user-gallry-image-wrapper {
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px;
    }
    .user-profile .user-profile-img {
        width: 100%;
    }
    .user-profile .user-information-wrapper {
        width: 100%;
    }
    /* .user-profile .user-profile-img{
        margin-bottom: 20px;
    } */
    .user-profile {
        padding: 80px 0px 40px 0px;
    }
    .how-it-works-faq .faq-tab-title-main .faq-tab-title::after {
        margin-left: 36.5%;
        margin-bottom: 20px;
    }
    .how-it-works-testimonials-section .talk-text-description h5.third-section-description {
        max-width: 100%;
        text-align: center;
    }
    .how-it-works-section {
        padding: 25% 0 10% 0%;
    }
    .how-it-works-testimonials-section li.testimonials-items-li {
        width: 100%;
        gap: 25px;
        padding-right: 0px;
    }
    .search-bar-section .Advance-search-link a {
        margin-top: 40px;
    }
    .range-input .slider-wrapper{
        padding: 0px 10px;
    }
    .search-bar-section {
        padding: 20px 0px;
    }
    .viewed-me-banner-section {
        padding: 25% 0% 5.5% 0;
    }
    .member-btn-log-main {
        padding: 6px 9px;
    }
    .viewed-me-user-listing {
        padding: 50px 0px;
    }
    .search-bar-section .advance-search-form .clear-all-button {
        font-size: 16px;
        padding: 8px 22px;
    }
    .search-bar-section .advance-search-form .submit-button {
        font-size: 16px;
        padding: 8px 22px;
    }
    .user-listing .user-list-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 20px;
        row-gap: 20px;
    }
    .testimonials-section::before {
        display: none;
    }
    .find-my-spark-banner-section {
        padding: 25% 0% 5.5% 0;
    }
    .faq-tab-section::before {
        display: none;
    }
    .custom-header-after-login.navbar .navbar-collapse {
        align-items: center;
    }
    .faq-tab-section .accordion .accordion-item .accordion-header button.accordion-button.collapsed {
        font-size: 14px;
    }
    .faq-tab-section::after {
        display: none;
    }
    .faq-tab-section .faq-tab-title-main .faq-tab-description {
        text-align: center;
    }
    .faq-tab-section .faq-tab-title-main .faq-tab-title {
        font-size: 25px;
        text-align: center;
    }
    .faq-tab-section div#v-pills-tab {
        margin-bottom: 40px;
    }
    .signup-form-section::after {
        display: none;
    }
    .signup-form-section .title-nd-text-wrapper .talk-text-wrapper {
        text-align: center;
    }
    .signup-form-section .talk-text-description h4 {
        text-align: center;
    }
    .blog-detail-banner-section .page-title-main .page-title {
        font-size: 30px;
    }
    .blog-detail-banner-section {
        padding: 30% 0 10% 0;
    }
    section.blog-details-section {
        padding: 0 0 20px 0;
    }
    section.blog-details-section {
        padding-top: 19px;
    }
    .get-in-touch-banner-section .page-title-main .page-title {
        font-size: 30px;
    }
    .about-key-features-section .why-talk-about-us-wrapper .fun-feature-img::after {
        display: none;
    }
    .about-key-features-section::after {
        display: none;
    }
    .about-why-talk::after {
        display: none;
    }
    .about-key-features-section::before {
        display: none;
    }
    .fun-features-section::after {
        display: none;
    }
    .get-in-touch-title-description-section .why-talk-about-us-wrapper::before {
        left: 0;
        top: 0;
    }
    .get-in-touch-title-description-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        width: 14%;
        height: 14%;
        right: 0;
        bottom: -5%;
    }
    .get-in-touch-title-description-section h4.talk-text-wrapper:before {
        width: 15%;
        height: 100%;
        right: 0;
        top: -39px;
        display: none;
    }
    section.get-in-touch-form::after {
        display: none;
    }
    .get-in-touch-banner-section {
        padding: 30% 0 10% 0;
    }
    .get-in-touch-title-description-section .get-in-touch-fill-form-text {
        text-align: center;
    }
    .get-in-touch-title-description-section {
        padding: 40px 0 0 0;
    }
    .get-in-touch-title-description-section .title-nd-text-wrapper .talk-text-wrapper {
        margin: 0 auto 0 auto;
        text-align: center;
    }
    .get-in-touch-title-description-section::after {
        display: none;
    }
    .get-in-touch-title-description-section .get-in-touch-title-description {
        margin: 20px 0 20px 0;
        width: 100%;
        text-align: center;
    }
    .blog-details-section .blog-details-main-wrapper-section .blog-details-main-wrapper {
        text-align: center;
    }
    .blog-details-section .blog-detail-page-title {
        font-size: 30px;
        text-align: center;
    }
    .blog-details-section .blog-details-content {
        text-align: center;
        margin-top: 20px;
    }
    .get-in-touch .why-talk-about-us-wrapper::before {
        width: 9%;
        height: 5%;
        left: 0%;
        bottom: -5%;
        top: unset;
        display: none;
    }
    .about-banner-section .page-title-main .page-title {
        font-size: 30px;
    }
    .get-in-touch .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        right: 0;
        display: none;
    }
    .get-in-touch h4.talk-text-wrapper:before {
        right: 0;
        top: 45%;
        display: none;
    }
    .get-in-touch .get-in-touch-form {
        margin: 15px 0 0 0;
        width: 100%;
    }
    .get-in-touch .talk-text-description {
        margin: 25px 0 0 0;
        text-align: center;
    }
    .about-why-talk .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: -5%;
        right: 47%;
        display: none;
    }
    .about-key-features-section h4.talk-text-wrapper {
        margin: 0 auto 0 auto;
        text-align: center;
    }
    .about-why-talk h4.talk-text-wrapper:before {
        top: 0;
        width: 17%;
        right: 0;
        display: none;
    }
    .about-why-talk {
        padding: 40px 0;
    }
    .about-why-talk .title-nd-text-wrapper .talk-text-wrapper {
        margin: 2rem auto 0 auto;
    }
    .about-testimonials-section ul.testimonials-items-ul {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .about-testimonials-section li.testimonials-items-li {
        width: 100%;
        gap: 41px;
    }
    .about-testimonials-section .talk-text-description {
        margin: 0;
    }
    .about-why-talk .why-talk-about-us-wrapper::before {
        width: 11%;
        height: 6%;
        left: 0;
        bottom: -8%;
        top: unset;
        display: none;
    }
    .about-key-features-section {
        padding: 40px 0 40px 0;
    }
    .about-banner-section {
        padding: 25% 0 10% 0;
    }
    .about-why-us-section .talk-text-description {
        margin: 38px 0 0 0;
        text-align: center;
    }
    .about-why-us-section h4.talk-text-wrapper:after {
        margin: 32px auto 0 auto;
    }
    .about-why-us-section .title-nd-text-wrapper .talk-text-wrapper {
        text-align: center;
        margin: 2rem auto 0 auto;
    }
    .get-in-touch::after {
        display: none;
    }
    .get-in-touch {
        padding: 40px 0;
    }
    .about-testimonials-section::after {
        display: none;
    }
    .about-testimonials-section {
        padding: 40px 0 40px 0;
    }
    .about-why-us-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        bottom: -20px;
        display: none;
    }
    .about-testimonials-section .talk-text-description h5.third-section-description {
        max-width: 100%;
        text-align: center;
    }
    .about-testimonials-section .title-nd-text-wrapper .talk-text-wrapper {
        text-align: center;
    }
    .about-testimonials-section h4.talk-text-wrapper:after {
        margin: 32px auto 32px auto;
    }
    .about-key-features-section .title-nd-text-wrapper {
        margin-top: 2rem;
    }
    .about-why-us-section .why-talk-about-us-wrapper::before {
        width: 9%;
        height: 9%;
        bottom: 9%;
        top: unset;
        display: none;
    }
    .about-why-us-section .why-talk-about-us-wrapper .fun-feature-img {
        width: 100%;
    }
    .about-why-us-section::before {
        z-index: 9;
        display: none;
    }
    .about-why-us-section {
        padding: 40px 0;
    }
    .about-why-talk .why-talk-about-us-wrapper .fun-feature-img {
        width: 100%;
    }
    .about-testimonials-section .slick-prev {
        left: 0;
        top: 0%;
    }
    .about-testimonials-section .slick-next {
        right: 0%;
        top: 0%;
    }
    .get-in-touch .title-nd-text-wrapper .talk-text-wrapper {
        margin: 2rem auto 0 auto;
        text-align: center;
    }
    .get-in-touch h4.talk-text-wrapper:after {
        margin: 32px auto 0 auto;
    }
    .about-why-us-section h4.talk-text-wrapper:before {
        right: 0;
        top: -40%;
        display: none;
    }
    .blog-banner-section .page-title-main .page-title {
        font-size: 30px;
        text-transform: uppercase;
    }
    .blog-section .more-like-this-wrapper .nav-item .nav-link {
        font-size: 12px;
        padding: 0 12px 0 0;
    }
    .custom-header-after-login.navbar>.container,
    .custom-header-after-login.navbar>.container-fluid,
    .custom-header-after-login.navbar>.container-lg,
    .custom-header-after-login.navbar>.container-md,
    .custom-header-after-login.navbar>.container-sm,
    .custom-header-after-login.navbar>.container-xl,
    .custom-header-after-login.navbar>.container-xxl {
        flex-wrap: nowrap;
    }
    .custom-header-after-login.navbar .navbar-brand {
        width: 0px;
    }
    .custom-header-after-login.navbar .navbar-collapse {
        flex-direction: row-reverse;
    }
    .custom-side-bar .custom-side-bar-li span svg{
        width: 16px;
        line-height: 260%;
    }
    .custom-side-bar .sidebar-links {
        font-size: 15px;
    }
    .login-form-section .login-images-main {
        width: 100%;
    }
    .signup-form-section .custom-modal-img::after {
        width: 40px;
        height: 40px;
    }
    .signup-form-section .talk-text-description {
        margin: 10px 0 0 0;
    }
    .signup-form-section .why-talk-about-us-wrapper::before {
        display: none;
    }
    .signup-form-section h4.talk-text-wrapper:before {
        right: 10px;
        top: 20px;
        display: none;
    }
    .signup-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        display: none;
    }
    .signup-form-section {
        padding: 0 0 40px;
    }
    .signup-form-section .login-images-main {
        width: 100%;
    }
    .signup-form-section .login-images-wrapper {
        order: 1;
        position: unset;
    }
    .signup-form-section .why-talk-about-us-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
    .signup-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper {
        width: 100%;
        padding: 30px 0 0 0;
    }
    .custom-footer {
        padding: 40px 0;
    }
    .footer-logo {
        width: 70%;
        margin-bottom: 55px;
    }
    .custom-footer .footer-menu {
        padding: 0;
        margin-bottom: 50px;
    }
    .custom-footer .row .col-12 div:nth-child(3) {
        margin-bottom: 0px;
    }
    .custom-footer li.footer-menu-main.social-media-li {
        padding: 30px 28% 30px;
    }
    .custom-footer .social-media-wrapper .footer-menu-main {
        text-align: center;
    }
    .custom-footer .footer-btn {
        padding: 13px 28px;
        font-size: 18px;
    }
    .login-form-section .why-talk-about-us-wrapper::before {
        width: 129px;
        height: 10%;
        top: 71%;
        display: none;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper::before {
        width: 24%;
        height: 26%;
        right: 0;
        bottom: 0;
        display: none;
    }
    .login-form-section h4.talk-text-wrapper:before {
        display: none;
    }
    .login-form-section {
        padding: 0;
    }
    .login-form-section .title-nd-text-wrapper .talk-text-wrapper {
        text-align: center;
    }
    .login-form-section .why-talk-about-us-wrapper .container .row .title-nd-text-wrapper {
        width: 100%;
        margin: 30px auto;
    }
    .login-form-section .talk-text-description {
        margin: 35px auto 0 auto;
        display: block;
        width: 100%;
    }
    .login-form-section .why-talk-about-us-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
    .login-form-section .login-images-wrapper {
        position: unset;
    }
    .why-talk-about-us h4.talk-text-wrapper:after {
        margin: 30px auto 0 auto;
    }
    .why-talk-about-us .title-nd-text-wrapper .talk-text-wrapper {
        line-height: 45px;
        margin: 2rem 0 0 0;
        text-align: center;
    }
    .fun-features-section .talk-text-description {
        margin: 40px auto 0 auto;
    }
    .fun-features-section {
        padding: 40px 0 40px 0;
    }
    .why-talk-about-us .talk-text-description {
        margin: 30px 0 0 0;
        text-align: center;
    }
    .fun-features-section h4.talk-text-wrapper {
        margin: 2rem 0 0 0;
        text-align: center;
    }
    .fun-features-section h4.talk-text-wrapper:after {
        margin: 20px auto 0 auto;
    }
    .home-fifth-section .title-nd-text-wrapper .talk-text-wrapper {
        margin: 1rem auto 0;
    }
    .home-fifth-section h4.talk-text-wrapper:after {
        margin: 30px auto 0 auto;
    }
    .home-fifth-section .talk-text-description {
        margin: 30px auto 0 auto;
        text-align: center;
    }
    .home-fifth-section .title-nd-text-wrapper .talk-text-wrapper {
        margin: 1rem auto 0;
        text-align: center;
        line-height: 40px;
    }
    .real-quality-members h4.talk-text-wrapper {
        margin: 0 auto;
        text-align: center;
    }
    .real-quality-members .title-nd-text-wrapper::after {
        right: 6.5%;
        display: none;
    }
    .real-quality-members h4.talk-text-wrapper:after {
        margin: 30px auto;
    }
    .real-quality-members .talk-text-description {
        margin: 38px 0 0 0;
        text-align: center;
    }
    .home-seventh-section .talk-text-description {
        margin: 38px auto 0 auto;
        text-align: center;
    }
    .home-seventh-section h4.talk-text-wrapper:after {
        margin: 32px auto 0 auto;
    }
    .home-seventh-section .title-nd-text-wrapper .talk-text-wrapper {
        margin: 2rem auto 0 auto;
        font-size: 1.9rem;
        text-align: center;
    }
    .home-seventh-section {
        padding: 40px 0;
    }
    .testimonials-section .talk-text-description {
        margin: 38px auto;
    }
    .testimonials-section li.testimonials-items-li {
        width: 100%;
    }
    .testimonials-section .testimonials-items-name-review .reviewer-comment {
        margin: 0 auto;
    }
    .testimonials-section .talk-text-description h5.third-section-description {
        max-width: 100%;
        margin-bottom: 41px;
        text-align: center;
    }
    .testimonials-section .title-nd-text-wrapper .talk-text-wrapper {
        text-align: center;
    }
    .testimonials-section h4.talk-text-wrapper:after {
        margin: 32px auto;
    }
    .testimonials-section .slick-prev {
        right: unset;
        /* top: 50%; */
    } 
    .why-talk-about-us .title-nd-text-wrapper::after {
        display: none;
    }
    .fun-features-section .title-nd-text-wrapper::after {
        display: none;
    }
    .hero-section .hero-text-content {
        position: unset;
        top: 50%;
        text-align: center;
    }
    .hero-section .hero-text-content .hero-description {
        color: #000;
    }
    .hero-section .hero-text-content .hero-title {
        color: #000;
        font-size: 40px;
        line-height: 40px;
    }
    .hero-section .progressBarContainer {
        bottom: -40px;
        right: 0;
    }
    .hero-section .progressBarContainer div span.progressBar {
        background-color: rgb(0 0 0 / 40%);
    }
    .hero-section .hero-text-content .hero-pre-title {
        font-size: 40px;
        text-align: center;
    }
    .why-talk-about-us {
        padding: 40px 0;
    }
    section.hero-section {
        padding: 0 0 50px 0;
    }
    .hero-section .hero-text-content {
        padding: 30px 0 0 0;
    }
    .home-fifth-section .title-nd-text-wrapper::after {
        display: none;
    }
    .real-quality-members {
        padding: 40px 0 40px 0;
    }
    .home-fifth-section {
        padding: 40px 0;
    }
    .home-seventh-section .title-nd-text-wrapper::after {
        display: none;
    }
    .testimonials-section {
        padding: 40px 0 0px 0;
    }
    header.custom-header-menu {
        position: unset;
        background-color: #000 !important;
    }
    .member-btn-log {
        font-size: 12px;
    }
    .custom-header-menu .container .custom-logo-btn {
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
    }
    .text-end {
        display: flex;
        flex-direction: column;
    }
    .custom-header-menu .container .custom-logo-btn a {
        width: 150px;
    }
    .search-bar-section .advance-search-form .form-content {
        padding: 20px 20px 20px 20px;
    }
    .search-bar-section .advance-search-form  .upgrade-account-text p {
        border: none;
        padding: 0px;
        text-align: center;
    }
    .custom-header-menu .member-btn-sign {
        margin-right: 0rem !important;
        margin-left: 0rem;
    }
    .search-bar-section .upgrade-account-filter {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 35px;
    }
    .search-bar-section .fantasies-checkbox {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 5px;
    }
    .search-bar-section .range-input-text-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .find-my-spark-banner-section {
        background-image: url(../images/mobile-bg.png);
        background-position: right center;
    }
    .search-bar-section .advance-search-form .upgrade-account-text {
        background-image: none;
    }
    .search-bar-section .advance-search-form .submit-button-wrapper {
        padding: 20px;
    }
    .custom-header-after-login .dropdown-menu[data-bs-popper] {
        min-width: 15rem;
    }
    .tooltip-inner {
        font-size: 16px;
    }
    .how-it-works-testimonials-section h4.talk-text-wrapper:after {
        margin: 32px 0 32px 22%;
    }
    .search-bar-section .modal-dialog {
        margin: 1.5rem 0rem;
    }
    .signup-form-section .why-talk-about-us-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
    .signup-form-section .why-talk-about-us-wrapper {
        position: relative;
    }
}
@media screen and (max-width:480px){
    .user-chat-profile-media-gallery-img .lock-icon {
        bottom: 15%;
        left: 50%;
    }
    .emoji-width {
        max-width: 350px !important;
    }
    .blog-details-section .social-media-share-main h4 {
        font-size: 15px !important;
    }
    .custom-header-after-login .notification-date {
        font-size: 15px !important;
    }
    .chatbox-modal .user-profile-information-wrapper .user-profile-utitlity-icon {
        column-gap: 0px;
    }
    .shareKeyLink-box i {
        font-size: 15px;
    }
    .chatbox-modal .user-profile-information-wrapper .user-profile-utitlity-icon {
        margin-left: 41px;
    }
    .chatbox-modal .user-profile-detail {
        margin-left: 10px;
    }
    #user-profile .user-online-icon {
        margin-left: 105px;
    }
    .back-button {
        padding-right: 10px;
    }
    .user-main-chat-wrapper .user-profile-name {
        max-width: 110px;
    }
    .user-main-chat-wrapper .user-profile-location {
        max-width: 110px;
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .chatbox-modal .user-chat-main-profile {
        padding: 15px 15px 0px 15px;
    }
    .chatbox-modal .user-chat-main-profile {
        max-height: 680px;
    }
    .user-chat-main-profile .user-chat-profile-title {
        font-size: 20px !important;
        margin-bottom: 0px;
    }
    .user-chat-profile-media-gallery .user-chat-profile-media-gallery-title {
        font-size: 18px !important;
        margin-bottom: 15px;
    }
    .user-chat-main-profile .user-chat-profile-nav li a {
        margin-bottom: 0;
    }
    .user-chat-main-profile .user-chat-profile-nav {
        margin-bottom: 10px;
    }
    #user-message-tabcontent .faq-tab-title-main-chat .user-chat-profile-img img{
        width: 120px !important;
        height: 120px !important;
    }
    .user-main-chat-wrapper {
        min-height: 625px;
    }
    .chatUserListAppend.scroll {
        height: 437px;
    }
    .faq-banner-section .page-title-main .page-title {
        font-size: 27px;
    }
    .custom-footer .footer-btn {
        margin-top: 0;
    }
    .search-bar-section .fantasies-checkbox {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    header .navbar-brand img{
        width: 140px;
    }
    .user-chat-main-profile .user-chat-profile-media-gallery {
         margin-top: 0px; 
    }
    .user-chat-profile-media-gallery-img img {
        width: 70px;
        height: 70px;
    }
    .user-chat-main-profile .user-chat-profile-media-gallery .user-chat-profile-media-gallery-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .chatbox-modal .chat-input {
        height: 125px;
    }
    /* .chatbox-modal {
        bottom: -130px;
    } */
    .chatbox-modal .user-profile-information-wrapper .user-profile-utitlity-icon svg {
        width: 25px;
        height: 25px;
    }
    .user-chat-main-profile .user-chat-profile-detail {
        margin: 0px 0px;
    }
    .chatbox-modal .user-message-tab-button .user-message-profile-img img {
        width: 45px;
        height: 45px;
    }
    .chatbox-modal .user-message-tab-button .user-name {
        font-size: 15px !important;
    }
    .user-main-chat-wrapper .user-profile-name {
        font-size: 15px !important;
    }
    .search-button-mobile{
        display: block;
    }
    .search-bar-section .age-label {
        color: #878786;
        font-family: Raleway;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }
    .search-bar-section label {
        color: #878786;
        font-family: Raleway;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; 
    }
    .search-bar-form #country {
        color: #000;
        /* Subtitle */
        font-family: Gotham;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 22.5px */
    }
    .search-bar-section .search-bar-form {
        padding: 10px;
    }
    .search-bar-section .age-wrapper {
       flex: 0 0 auto;
       width: 51%;
    }
    .search-bar-section .age-select-wrapper select {
        background-position: right 0rem center;
    }
    .age-select-wrapper {
        display: inline-block;
    }
    .search-bar-section .age-select-wrapper select {
        width: 50px;
    }
    .age-select-wrapper span {
        margin-left: 15px;
    }
    .search-bar-section .searh-bar-wrapper {
        justify-content: normal;
    }
    .search-bar-form #country {
        width: 190px;
    }
    .age-select-wrapper span {
        color: #000;
        font-family: Gotham;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
    }
    .search-bar-section .age-select-wrapper select{
        color: #000;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 22.5px */
    }
    .search-bar-section .vl {
       display: none;
    }
    .search-button-mobile p{
        color: #FFF;
        font-family: Raleway;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 21px */
    }
    .search-button-mobile .search-button{
        padding: 20px 155px;
    }
    .search-button-mobile{
        margin-top: 80px;
    }
    .search-button-destop{
        display: none;
    }
    .about-key-features-section .talk-btn-wrapper {
        margin:0px 0 0 65px;
    }
    .how-it-works-testimonials-section .slick-prev {
        top: 0%;
        left: 0%;
    }
    .how-it-works-testimonials-section .slick-next {
        right: 0%;
        top: 0%;
    }
    h4{
        font-size: 35px !important;
    }
    .searchbar-search-button .search-button svg {
        width: 25px;
        height: 25px;
        margin-right: 10px;
    }
    .search-bar-form .drop-icon {
        max-width: 95px;
    }
    .search-bar-section .search-bar-form {
        top: -25px;
    }
    .search-bar-section .search-bar-form {
        width: 100%;
        left: 0%;
    }
    .account-section .user-account-detail {
        margin-top: 15px;
    }
    .search-bar-section .location-wrapper select {
        width: 100px;
    }
    .account-section .rangeSlider-2 .rsTooltip-2 {
        left: 35%;
    }
}
@media screen and (max-width:360px){
    .search-bar-section .age-wrapper {
        width: 50%;
    }
    .user-main-chat-wrapper {
        min-height: 625px;
    }
    .emoji-width {
        max-width: 315px !important;
    }
    .faq-tab-title-main #profile .user-chat-profile-img img{
        width: 100px !important;
        height: 100px !important;
    }
    .chatbox-modal .user-profile-information-wrapper .user-profile-utitlity-icon {
        column-gap: 0px;
    }
    .chatbox-modal .user-profile-information-wrapper .user-profile-utitlity-icon svg {
        width: 25px;
        height: 25px;
    }
    .search-button-mobile .search-button {
        padding: 20px 130px;
    }
    .age-select-wrapper span {
        margin: 0 0;
    }
    .search-bar-section .age-select-wrapper select {
        width: 50px;
    }
    .custom-footer .footer-menu {
        margin-bottom: 20px;
    }
    .custom-footer {
        padding: 40px 0 20px;
    }
    .custom-footer li.footer-menu-main.social-media-li {
        padding: 20px 28% 20px;
    }
}