@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoheavy';
    src: url('../fonts/lato-heavy-webfont.woff2') format('woff2'),
         url('../fonts/lato-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium-webfont.woff2') format('woff2'),
         url('../fonts/lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'patua_oneregular';
    src: url('../fonts/patuaone-regular-webfont.woff2') format('woff2'),
         url('../fonts/patuaone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/fontsfree-net-lato-italic-webfont.woff2') format('woff2'),
         url('../fonts/fontsfree-net-lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/fontsfree-net-lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/fontsfree-net-lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.form-txt-paragraph a {
    color: #333638;
    margin-top: 15px;
    position: relative;
    display: block;
    line-height: normal;
    font-size: 13px;
}
.header-top .row {
    align-items: center;
}

.likeCounts {
    color: #ffff !important;
    left: 8.5% !important;
    bottom: 12.5% !important;
}
/*a.sel.anim i.fa-heart.likeButton.fas {
    left: 7% !important;
    bottom: 10% !important;
} */
button.btn.btn-secondary.SetAsProfileImage {
    left: 12% !important;
    bottom: 20% !important;
    padding: 6px 18px !important;

}
.noUi-horizontal .noUi-tooltip {
    transform: translate(0%,0)!important;
    left: 0%!important;
}

.edit-profile li a {
    border-radius: 50%;
    color: #363636;
    display: inline-block;
    height: 30px;
    line-height: 27px;
    border: 2px solid #363636;
    text-align: center;
    width: 30px;
	background: transparent;
}
.edit-profile li a:hover {
    color: #fff;
    border: 2px solid #3c66db;
    background-color: #3c66db;
    transform: scale(1.2);
    transition: transform 0.5s;
}
p{
    font-family: 'latoregular';
}
h3{
    font-family: 'latoheavy';
}
.creditcount p {
    margin: 0px;
}
.full{
    float: left;
    width: 100%;
}
.logo img{
    width:100%;
    float:left;
}
ul.primary-menu {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
ul.primary-menu li {
    display: inline-block;
    padding: 0 8px;
    font-size: 19px;
    font-family: 'patua_oneregular';
}
ul.primary-menu.login li {
    font-size: 15px;
    font-family: 'latoregular';
}
ul.primary-menu.login li{
    text-decoration: none;
    color: #212121;

}
ul.primary-menu li a {
    height: 53px;
    line-height: 53px;
    color: #333638;
    text-decoration: none;
}
ul.primary-menu .active a {
    color: #3d66db !important;
}
ul.primary-menu li a:hover {
    text-decoration: none;
}
ul.primary-menu.login i {
    color: #3d66db;
    padding-right: 6px;
}
.home-banner {
    width: 100%;
    float: left;
    position: relative;
}
.home-banner img {
     width: 100%;
    float: left;


}
.ggle button.google-icon {
    justify-content: flex-start;
    padding-left: 0px;
}
 .ggle a{
    padding-left: 0px;
 }

.header-top {
    width: 100%;
    float: left;
    padding: 15px 0;
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000000;
    background: #fff;
}
.mdown {
  padding-top: 4rem;
}
.mdown.logged-in {
    padding-top: 10rem;
}
p {
    font-size: 16px;
}

h3 {
    font-size: 40px;
    font-weight: 600;
    color: #232b32;
}
.ptb {
    padding: 5% 0 2%;
    border-bottom: 1px solid #eeeeee;
}
.service {
    /*padding: 1% 0 1%;
	padding: 6px 0 2px;*/
    z-index: 9;
    right: 9%;
    position: absolute;
    bottom: 15%;
    background: #ffffffdb;
    padding: 15px;
    border-radius: 4px;
}

.service p {
    margin-top: 5px;
    line-height: 1.5;
    margin-bottom: 0px;
}
.full-section {
    width: 100%;
    float: left;
    background: #f6f6f6;
}
.reg {
    background: #1b1b1b;
    width: 100%;
    padding: 15px 25px;
    float: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.box-shdo {
    box-shadow: 1px 1px 15px 1px #0a03039c;
    padding: 0px;
    border-radius: 5px;
}
.reg h3, .reg p {
    color: #fff;
}
.reg p {
    font-size: 13px;
}
.register form {
    background: #ebeef0;
    padding: 15px 25px 25px;
    width: 100%;
    float: left;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.srhh-page-full-sec .container{
   max-width: 1024px;
}
.register {
    position: absolute;
    z-index: 9999999;
    /*top: 15%;*/
	top: 15%;
    padding-left: 2rem;
}
.register.register-lg-login {
   /* top: 1.1%; */
   top: 9.1%;
}

.register h4 {
    color: #232b32;
    font-size: 23px;
    font-weight: 700;
    width: 100%;
    float: left;
}
.register form label {
    width: 100%;
    float: left;
    color: #333638;
    font-size: 14px;
    font-weight: 300;
}
.DingalingDate-login input {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    height: 40px;
    font-size: 12px;
    color: #9da1a4;
    border: 1px solid #959595;
    padding: 0 8px;
}
.register button {
    width: 100%;
    float: left;
}
.register button {
    width: 100%;
    float: left;
    line-height: 43px;
    font-size: 15px;
    color: #fff;
    border: 0;
    border-radius: 5px;
}
button.register-btn {
    background: #3d66db;
}
button.login-btn {
    background: #303030;
}
.register form p {
    color: #333638;
    padding: 0px 0;
    margin: 0;
    width: 100%;
    float: left;
    font-size: 15px;
}
.reg span {
    color: #3d66db;
}

/**/
.join-us-today {
    float: left;
    width: 100%;
    background-image: url(../images/site_images/Dingaling-date.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.join-us-inner {
    width: 40%;
    float: right;
    padding: 18rem 0px;
}
.join-us-inner .input-group {
    position: relative;
    border-collapse: separate;
    display: inline-flex;
    margin-top: 3rem;
}
.join-us-inner input.form-control.rounded {
    border-radius: 4px !important;
    padding: 18px 43px 18px 10px;
}
.join-us-inner button.btn.btn-outline-primary {
    margin-left: 8px;
    background: #3c65db;
    color: #ffff;
    font-size: 16px;
    padding: 6px 10px;
}
.join-us-inner h3 {
    font-size: 40px;
    color: #fff;
}
.join-us-inner p {
    font-size: 18px !important;
    color: #ffff;
}
.how-it-works-sec {
    float: left;
    margin-bottom: 3rem;
    width: 100%;
}
.how-it-works-left {
   /* border-right: 1px solid #dedede; */
    float: left;
    /*padding: 0px 40px;

    padding-top: 112px;*/
	text-align: center;
}
/*
.how-it-works-sec img {
    width: 100%;
} */

.how-it-works-left h3 {
    margin: 0px;
    margin-bottom: 3rem;
}
.how-it-works-left p {
    margin-bottom: 30px;
}
.how-it-works-right {
    float: left;
    /* padding: 50px 40px 0px 40px; */
	text-align: center;
}
/*Footer css*/

footer {
    float: left;
    width: 100%;
    background: #010f2d;
}
ul.footer-bottom{
    float: left;
    width: 100%;
    /*margin: 2rem 0px;*/
	margin: 10px 0px;
    padding: 0px;
}
ul.footer-bottom li {
    display: inline-block;
    padding: 0px 5px;
    border-left: 1px solid #d0c1c4;
    line-height: 10px;
    list-style: none;
    font-size: 11px;
}
ul.footer-bottom li a{
    color: #d0c1c4;
    text-decoration: none;
}
/*Footer css end*/



.about-ding-inner-sec {
    width: 100%;
    margin: 0px auto;
	text-align: left;
}
.image-placeholder {
    float: left;
    width: 100%;
    text-align: center;
    margin: 4rem 0px;
}
.dropzone {
    border: 2px solid rgb(60 102 219) !important;
}
h5#exampleModalLabel {
    color: #3c66db;
}
/*How it works css*/


.how-it-wrk-sec {
    position: absolute;
    bottom: 0px;
    left: 0%;
    float: left;
    width: 100%;
}
.how-it-inner {
    background: rgb(0 0 0 / 60%);
    float: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
   /* padding: 38px 45px 38px 45px; */
   padding: 0px 30px 0px 30px;
}

.how-it-inner h1 {
    font-family: 'latoblack';
    color: #fff;
    font-size: 50px;
}
.how-it-inner span {
    color: #3d66db;
}
.how-it-second-sec {
    float: left;
    width: 100%;
  /*  margin: 8rem 0px; */
	margin: 3rem 0px;
}
.how-it-second-sec p {
   margin-bottom: 0;
    text-align: left;
}
.how-it-works-man {
  /*  border-right: 1px solid #dedede; */
    float: left;
 /*   padding: 0px 30px; */
 text-align: left;
}
.how-it-works-woman {
  /*  padding: 0px 30px; */
}
.how-it-third-sec {
    float: left;
    width: 100%;
    margin: 0rem 0px;
}
.how-it-four-sec p{
    margin-bottom: 32px;
}

.how-it-four-sec-inner {
    width: 100%;
    max-width: 920px;
    margin: 0px auto;
}
.how-it-four-sec{
    float: left;
    width: 100%;
    background-image: url(images/Dingaling-pig.jpg);
    background-size: cover;
    padding: 60px 0px;
    background-repeat: no-repeat;
   /* margin-top: 4rem; */
   margin-top: 0rem;
}
.how-it-five-sec img {
    width: 100%;
}
.how-it-five-sec {
    float: left;
    width: 100%;
   /* margin: 5rem 0px; */
   margin: 0rem 0px;
}
.how-it-five-sec .one-message-at {
    float: left;
    padding-top: 112px;
}
.one-message-at h3 {
    margin-bottom: 50px !important;
    margin: 0px;
}
.one-message-at p {
    margin-bottom: 30px !important;
}

.how-it-six-sec{
    float: left;
    width: 100%;
    background-image: url(images/sending-pic.jpg);
    background-size: cover;
    padding: 0px 0px 60px;
    background-repeat: no-repeat;
}

.how-it-seven-sec img {
    width: 100%;
}
.how-it-seven-sec {
    float: left;
    width: 100%;
   /* margin: 5rem 0px;
   margin: 2rem 0px; */
}
.how-it-seven-sec .No-more-unsolicited {
    float: left;
  /*  padding-top: 112px; */
}
.No-more-unsolicited h3 {
    margin-bottom: 50px !important;
    margin: 0px;
}

/*dingling-date-facts*/

.facts-inner {
    background: rgb(0 0 0 / 60%);
    float: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*width: 100%; */
   padding: 0px 30px 0px 30px;
}


.facts-inner h1 {
    font-family: 'latoblack';
    color: #fff;
    font-size: 50px;
}
.facts-inner span {
    color: #3d66db;
}
.facts-inner a{
    color: #3d66db;
    text-decoration: none;
}
.facts-inner p{
    color: #fff;
}

.dingling-facts-main {
    float: left;
    width: 100%;
}
.dingling-facts-sec {
 /* margin: 8rem 0rem 4rem 0px; */
	margin: 3rem 0rem 0rem 0px;
    float: left;
    width: 100%;
}
.dingling-facts-sec2 {
    float: left;
    width: 100%;
    background-color: #fafafa;
    padding: 3rem 0px;
}
.dingling-facts-sec img {
    margin-bottom: 20px;
}
.dingling-facts-sec2 img {
    margin-bottom: 20px;
}

.dingling-facts-main h4 {
    color: #4a555e;
    font-family: 'latomedium';
    font-size: 33px;
    margin-bottom: 30px;
}
.dingling-facts-main p {
    font-size: 16px;
    color: #313131;
}



/*Dingaling Date-login*/
/*.register-lg-login .reg{
    padding-bottom: 2px;
}*/
form.DingalingDate-login h4 {
    margin-bottom: 14px;
    margin-top: 2px;
}

form.DingalingDate-login button {
    margin-bottom: 10px;
}
/*Register*/
.register-home-page {
    width: 100%;
    float: left;
    position: absolute;
}
form.DingalingDate-registr {
    background: #ebeef0;
    padding: 15px 25px 5px;
    width: 100%;
    float: left;
}
form.DingalingDate-registr h4 {
    font-size: 23px;
    font-family: 'latoheavy';
    color: #232b32;
    margin: 5px 0px;
}
div#sec2-reg {
    float: left;
    width: 100%;
    margin: 10px 0px;
}
.register-rg-form{
   /* top: 0.5%; */
   top: 8.5%;
}

.reg p {
    margin: 0;
}
div#sec2-reg label {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'latoregular';
}
div#sec2-reg select, input {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 8px;
    color: #9da1a4 !important;
    font-size: 12px;
    line-height: 18px;
}
.checkconfirm {
    float: left;
    width: 100%;
    margin: 1rem 0px;
}
.checkconfirm span {
    font-size: 14px;
    color: #333638 !important;
    font-family: 'latoregular';
    float: left;
    width: 92%;
    padding-left: 10px;
}
.checkconfirm input {
    top: 4px;
    position: relative;
    float: left;
    width: 5%;
}
.checkconfirm label {
    margin-bottom: 5px !important;
}
.reg-btn-home i {
    position: relative;
    right:10px;
    font-size:24px;
}
.resister-ps-cn {
    float: left;
    width: 100%;
    padding: 20px 0px;
}
.resister-ps-cn label {
    width: 35% !important;
    margin: 0px;
    line-height: 40px;
}
.resister-ps-cn input {
    width: 65% !important;
}
.reg-btn-home {
    float: left;
    width: 100%;
    /* margin-top: 15px; */
    margin-top: 0px;
}
.reg-btn-home button {
    float: left;
    width: 100%;
    border: none;
    color: #fff;
    padding: 0px 0px;
    margin: 5px 0px;
}
.reg-btn-home h3 {
    font-size: 20px;
    margin: 1rem 0px;
    float: left;
    width: 100%;
}

.google-icn img {
    width: 100%;
    max-width: 100%;
    object-fit: contain;
    border-radius: 4px;
}

.ggl-fbb a {
    padding: 7px 10px;
    margin-top: 15px;
    float: left;
    border: 1px solid #767676;
    border-radius: 5px;
    box-shadow: rgb(56 56 56) 0px 0px 8px;
}
.sign-up-clr {
    background-color: #3d66db;
    line-height: 43px;
    font-size: 15px;
    text-align: center;
    border-radius: 5px;
    box-shadow: rgb(56 56 56) 0px 0px 8px;
}
.full.sign-up-clr a {
    color: #fff;
    text-decoration: none;
}
/*safty*/
.Dingaling-date-Safety-sec {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.Dingaling-date-Safety-inner {
    background: rgb(0 0 0 / 60%);
    float: right;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 50%;
    padding: 38px;
}
.home-banner h1 {
    font-family: 'latoblack';
    color: #fff;
    font-size: 50px;
}
.home-banner span {
    color: #3d66db;
}
.home-banner p {
    color: #fff;
   /* font-family: 'patua_oneregular' !important; */
}
.Dingaling-date-Safety-inner h1{
    margin-top: 0px;
}

.date-Safety-sec {
    float: left;
    width: 100%;
    margin: 6rem 0px;
}
.date-Safety-sec h5 {
    font-family: 'latomedium';
    font-size: 25px;
    color: #232b32;
    height: 70px;
}
.date-Safety-sec ul {
    margin: 0px;
    font-family: 'latoregular';
    padding-left: 15px;
    margin-top: 80px;
}
.date-Safety-sec ul li {
    font-size: 16px;
    margin-bottom: 30px;
}
.untoward-susps h2 {
    color: #2e2e2e;
    font-family: 'latoblack';
    margin-bottom: 8rem;
}
p.Searche-can-srch {
    font-size: 11px !important;
    line-height: revert;
    padding: 0px !important;
}
.checkbox-penis-profile {
    float: left;
    width: 100%;
}
.checkbox-penis-profile label {
    margin-bottom: 0px;
}
.checkbox-penis-profile label input {
    float: left;
    width: 15px;
    margin: 0px;
    height: 20px;
}
.checkbox-penis-profile label {
    display: flex;
    margin-bottom: 5px;
}

.checkbox-penis-profile p {
    padding: 0px 0px 2px 9px !important;
}
button.facebook-btnn {
    background: #3d5e96;
}
.facebook-btnn i.fa.fa-facebook-f {
    position: relative;
    right: 14px;
    font-size: 20px;
}
.DingalingDate-login h4.Join-upth {
    margin: 0px !important;
}
.register form select {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    height: 40px;
    font-size: 12px;
    color: #9da1a4;
    border: 1px solid #959595;
    padding: 0 15px;
}
.DingalingDate-login .cp-pro-1 label {
    margin-bottom: 5px;
}
.DingalingDate-login .cp-pro-1 {
    margin-bottom: 7px;
}

/* profile owner content */
.upload-image {
    width: 100%;
    max-width: 160px;
    margin: 30px auto;
}

.profile-owner-content .upload-img-link img {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 1px #3c66db;
}
ul.prof-icon-sec {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;

}
ul.prof-icon-sec li {
    margin: 0px 0px 10px 0px!important;
    padding: 0px 8px;
}
.profile-owner-content p {
    float: none;
    margin-bottom: 25px;
    font-family: 'latoregular';
    font-size: 17px;
    color: #3d66db;
    font-weight: bolder;
}
.profile-owner-content p span{
    color:#767f87;
    display:block;
}
.profile-owner-content a {
    color: #3d66db;
}
.profile-owner-content a{
    margin: 10px 0;
    text-align: center;
    font-family: 'latoregular';
    font-size: 14px;
    text-decoration: none;
}
.profile-owner-content .looking-for-section p b {
    color: #3e3e3e;
    /* font-family: 'latobold'; */
	font-family: 'patua_oneregular';
	font-weight: 500;
}
.profile-owner-content  .upload-img-link p a{
    font-size: 12px;
    display:inline;
}
.profile-owner-content .upload-more-images{
    margin:0px 0;
    float: left;
    width: 100%;
}

.profile-owner-content .upload-more-images  .images{
    position: relative;
    display: block;
    width: 40%;
    padding: 3px;
    margin: 0px auto;
}
.profile-owner-content .upload-more-images  .images img{
    background-color:#ebebeb;
    width: 100%;
    height: 100%;
}
.profile-owner-content .upload-more-images p a{
    font-size: 12px;
}
.profile-owner-content .images-section p{
    font-size:12px !important;
    color:#4e4e4e !important;
    font-family: 'latoitalic';
}
.profile-owner-content .edit-profile {
    padding: 0 0 0 40px;
}
.profile-owner-content .edit-profile h6 {
    font-size: 14px;
    margin-bottom: 25px;
    /* font-family: 'latobold'; */
    color: #3e3e3e;
	font-family: 'patua_oneregular';
}
.profile-owner-content {
    float: left;
    width: 100%;
}
.profile-owner-content .edit-profile p:first-child{
    font-size: 23px;
    color: #232b32;
    margin: 40px 0;
    font-family: 'patua_oneregular';
    text-transform: capitalize;
}
.profile-owner-content .edit-profile p:first-child a{
    margin:0;
    font-size: 14px;
    float:right;
}
.profile-owner-content .looking-for-section {
    background-color: #f1f1f1;
    padding: 20px;
}
.profile-owner-content .looking-for-section .edit-btn{
    float: none;
    text-align: right;
    font-family: 'latoregular';
    font-size: 14px;
    color: #3d66db;
    margin-bottom: 5rem;
}
.looking-for-inner {
    width: 70%;
    margin: 0px auto;
}
.profile-owner-content .looking-for-section .looking-for p {
    float: left;
    width: 50%;
}
.profile-owner-content .looking-for-section .add-holder{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 280px;
}
.profile-owner-content .looking-for-section .add-holder .adds {
    width: 33.33333%;
    padding: 0 3px;
}
.profile-owner-content .looking-for-section .add-holder .adds img{
    max-width:100%;
}
.profile-owner-content .main-img-content {
    background-color: #f4f4f4;
    float: left;
    width: 100%;
}
.main-img-content-left {
    float: left;
    width: 50%;
}
.main-img-content-right {
    float: right;
    width: 50%;
}
/* profile search content */
.profile-searches-content .container {
    background-color: #f4f4f4;
    padding: 0;
}
.profile-searches-content .main-img-content {
    margin: 0;
}
.profile-searches-content .images-section p{
    font-size:12px !important;
    color:#4e4e4e !important;
}
.profile-searches-content .upload-img-link img{
    max-width:100%;
}
.profile-searches-content .upload-more-images{
    margin:70px 0;
}
.profile-searches-content .more-images {
    overflow: hidden;
}
.profile-searches-content .images-section{
    padding:60px;
}
.profile-searches-content .upload-more-images .more-images .images{
    float:left;
    width: 50%;
    padding: 3px 3px;
}
.profile-searches-content .upload-more-images .more-images .images img{
    width:100%;
    background-color:#ebebeb;
    max-width: 100%;
}
.profile-searches-content .looking-for-section p b{
    color:#3e3e3e;
}
.profile-searches-content p{
    float: none;
    margin-bottom: 25px;
    font-family: 'latoregular';
    font-size: 14px;
    color: #3d66db;
}
.profile-searches-content a{
    margin: 10px 0;
    text-align: center;
    font-family: 'latoregular';
    font-size: 14px;
    text-decoration: none;
}
.profile-searches-content p span{
    color:#767f87;
    display:block;
}
.profile-searches-content .edit-profile h6{
    font-size: 14px;
    color:#3e3e3e;
    margin-bottom: 25px;
}
.profile-searches-content .edit-profile p:first-child{
    font-size: 23px;
    color: #232b32;
    margin: 40px 0;
    font-family: 'latoheavy' !important;
    text-transform: capitalize;
}
.profile-searches-content .looking-for-section{
    padding: 0px 25px;
}
.profile-searches-content .looking-for-section .edit-btn{
    float: none;
    margin: 40px 0;
    font-family: 'latoregular';
    font-size: 14px;
    color: #3d66db;
}

/* sidebar */


.sidebar {
    position: fixed;
    left: 0;
    top: 5px;
    background: #fff;
    padding: 8em 1em;
    z-index: 1;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 999;
    height: 100%;
}
.sidebar a:hover {
    color: #3c66db;
}
.sidebar::-webkit-scrollbar{
    display:none;
}
.sidebar a{
    display: block;
    margin-bottom:25px;
    text-align: center;
    font-family: 'latoregular';
    font-size: 11px;
    text-decoration:none;
    color:#3d3d3d;
}
.sidebar a i{
    font-size: 19px;
    display: block;
}
.sidebar .active{
    color:#3d66db;
}
.register {
    width: 50%;
    float: left;
}
.about-ding-inner-sec h3 {
    font-size: 33px;
    font-family: 'latoheavy' !important;
    margin-bottom: 40px;
    color: #232b32;
}
.about-ding-inner-sec b {
    font-size: 22px;color: #01102d;
}
.about-ding-homepg {
    width: 100%;
    float: left;
    background: #f6f6f6;
    padding: 60px;
}
.about-ding-inner-sec p {
    margin-bottom: 32px;
    line-height: 24px;
}
/*verify*/
.card.verify-tmp-bld .card-header {
    background: transparent;
    color: #232b32;
    font-size: 23px;
    font-weight: 700;
}
.verify-tmp-bld form.d-inline {
    padding: 0px;
    width: 100%;
    float: left;
    height: 40px;
    font-size: 15px !important;
    color: #fff;
    border: 0;
    background: #3d66db;
    margin-top: 20px;
}
.verify-tmp-bld button.p-0.m-0.align-baseline.btn.btn-link {
    text-transform: uppercase;
    text-decoration: none;
}
.verify-tmp-bld button.p-0.m-0.align-baseline.btn.btn-link:hover{
    color: #ffff;
}
.nxt-btn-top-spc {
    margin-top: 5rem;
}
/*profileinfo*/
.profileinfo-myaco {
    float: left;
    width: 100%;
  padding: 5rem 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.card-header {
    background: transparent;
    color: #232b32;
    font-size: 23px;
    font-family: 'patua_oneregular';
}
.profileinfo-myaco div#section4 h2 {
    color: #232b32;
    font-size: 23px;
    font-weight: 700;
    margin-top: 20px;
}

.home-banner .dinghome-input  {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    height: 40px;
    font-size: 12px;
    color: #9da1a4;
    border: 1px solid #959595;
    padding: 0 15px;
}

/*button.btn.btn-success.SetAsProfileImage {
    left: 40% !important;
    padding: 10px !important;
}*/
button.btn.btn-success.SetAsProfileImage {
    left: 12% !important;
    bottom: 20% !important;
    background-color: red;
    padding: 6px 18px !important;
}

.ggl-fbb {
    display: block;
    width: 100%;
}

.ggl-fbb img {
    width: 100%;
    max-width: 30px;
}
.full{
    width: 100%;
}
.ggl-fbb-inr {
    display: flex;
    width: 100%;
    align-items: center;
}
.ggl-fbb p {
    padding-left: 12px!important;
}
/* MY CSSS __*/
h3.person-name {
    font-size: 14px;
    margin: 3px 0;
}
.prifle-top {
    width: 100%;
    max-width: 530px;
    margin: 0 auto;
    padding: 5px 10px;
    border: 1px solid lightgray;
    margin: 3px 0;

}
p.person-abt {
    margin: 0;
    font-size: 17px;
    font-family: 'latoregular' !IMPORTANT;
    line-height: 22px;
    padding: 2rem 0px;
}
.prfile-iinr {
    width: 100%;
    margin: 0 auto;
    position: relative;
    border: 1px solid lightgray;;
    float: left;
    padding: 10px;
    background: #d3d3d338;
}
.all-button_profile button:hover {
    background-color: #f7f7f7;
    color: #000;
}
button.all-btns:hover {
    background-color: #fff;
    color: #000;
}
.profle-btn a {
    font-size: 15px;
}
button.give-like {
    border: 1px solid;
    font-size: 15px;
    font-family: 'latoheavy';
    margin-top: 30px;
}
button.give-like i.fa.fa-thumbs-up {
    padding: 8px;
    background-color: #14c557;
    color: #ffff;
    border-radius: 35px;
}
.person-profile {
    /* overflow: hidden; */
    width: 100%;
    max-width: 825px;
    margin: 0 auto;
    background-color: #f7f7f7;
    border: 1px solid lightgray;
    padding: 40px;
    margin-bottom: 30px;
}
button.give-like i.fa.fa-thumbs-down {
    padding: 8px;
    border-radius: 35px;
    background-color: #ff6c52;
    color: #fff;
}

.profile-page.full {
    width: 100%;
  /*  max-width: 900px; */
    overflow: hidden;
    margin: 0 auto;
}
.all-button_profile {
    width: 100%;
    max-width: 530px;
    float: left;
}
.rating-btn {
    float: left;
}
.proile-image-page {
    text-align: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    padding: 18px;
}
.h3.person-name:hover + .myshow {
  display: flex;
  cursor: pointer;
}
.all-button_profile button {
    float: left;
    width: 25%;
    border: 1px solid;
    background: #3d66db;
    color: #fff;
}
.ding-hght {
    margin-top: 1rem;
    float: left;
    width: 100%;
}
#appendingText {
    background: #3d66dbe8;
    color: #fff;
    /* padding: 15px 10px; */
    border-radius: 40px;
    width: 40%;
    margin: 18px auto;
}
#appendingText h4 {
    font-size: 18px;
}
.card-sec-full .card {
    background: rgb(248 250 252 / 85%);
}
.card-sec-full button{
    background: #3c66db;
    border: 1px solid #3c66db;
}
.card-sec-full div#section4 h2 {
    margin-bottom: 1rem;
    margin-top: 2rem !important;
}
/* 20-10-21 */
.my-4.xlo {
    display: none;
}
ul.navbar-nav.mr-auto li {
    display: inline-block;
    padding: 0 8px;
    font-size: 19px;
    font-family: 'patua_oneregular';
}
ul.navbar-nav.mr-auto li a {
    line-height: 35px;
    color: #333638;
    text-decoration: none;
}
.creditcount p a {
    background-color: #3d66db;
    padding: 8px 15px;
    color: #ffff !important;
    border-radius: 4px;
    font-size: 14px;
}
.creditcount p a:hover {
    background-color: #363636;
}
.navbar-nav.mr-auto div {
    display: inline-block;
    padding: 0 8px;
    font-size: 19px;
    font-family: 'patua_oneregular';
}
.navbar-nav.mr-auto div a {
    height: 53px;
    line-height: 53px;
    color: #333638;
    text-decoration: none;
}
.navbar-nav.mr-auto div a:hover{
    color: #3d66db;
}

.navbar-nav .active a {
    color: #3d66db !important;
}

.navbar-nav.mr-auto {
    display: block;
}
.navbar-nav.mr-auto.xc div {
    width: 100%;
}


/* Serarch css */

    .srhh-page-full-sec{
    background:#DCDCDC;
    padding: 3rem 0px;
    float: left;
    width: 100%;
background: #eff1f3;
}
.card-box-srhh {
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 30px;
    background-color: #fff;
    height: 95%;
}
button.view-profile-srhh {
    background-color: #3c66db;
    color: #fff;
    border-radius: 50px;
    border: navajowhite;
    padding: 8px 30px;
    margin: 1rem 0px;
    font-family: 'Nunito';
}
button.view-profile-srhh:hover{
      background-color: #3c66dbf2;
}
.social-links-srhh li a {
    border-radius: 50%;
    color: #363636;
    display: inline-block;
    height: 50px;
    line-height: 48px;
    border: 2px solid #363636;
    text-align: center;
    width: 50px;
}

.social-links-srhh.small-icons li a {
    border-radius: 50%;
    color: #363636;
    display: inline-block;
    height: 35px;
    line-height: 34px;
    border: 2px solid #363636;
    text-align: center;
    width: 35px;
}

.card-srhh-pronme {
    margin: 10px 0px;
}

.social-links-srhh li a:hover {
    color: #fff;
    border: 2px solid #3c66db;
    background-color: #3c66db;
    transform: scale(1.2);
    transition: transform 0.5s;
}
.social-links-srhh li.prof_active a {
    color: #fff;
    border: 2px solid #3c66db;
    background-color: #3c66db;
    transform: scale(1.2);
    transition: transform 0.5s;
}
.thumb-lg-srhh {
    width: 88px;
    border-radius: 50%;
    padding: 6px;
    border: 2px
  solid #3c66db;
}
.thumb-lg-srhh img {
    width: 100%;
    padding: 0px;
    border: none;
	height: 72px;
    object-fit: cover;
}


.card-srhh-pronme h4 {
    line-height: 22px;
    font-size: 18px;
}
.srhhh-cntt a {
    color: #3c66db;
}
.card-srhh-pronme p {
    color: #6f6f6f;
}

/* Serarch css End*/

/* MY CSS 22-11-21 ACCOUNT CSS*/
/*.profileinfo-myaco.xzy .form-group label:nth-child(1), .profileinfo-myaco.czol .form-group .vkzx label:nth-child(1) {
    width: 100%;
}
.profileinfo-myaco.xzy .form-group .xpo label, .profileinfo-myaco.czol .form-group .vkzx label  {
    padding-right: 18px;
}*/
.page-add.ciwzcx {
    width: 50%;
    border: 2px solid #3d66db;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 100px auto;
    align-items: center;
    padding: 4rem 0px;
    flex-wrap: wrap;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #3d66db;
}
div#uploadProfileImage .modal-dialog {
    margin-top: 10rem !important;
}
div#uploadPenisImage .modal-dialog {
    margin-top: 10rem !important;
}
.page-add.ciwzcx p {
    width: 100%;
    text-align: center;
}
.page-add.ciwzcx button {
    background-color: #3d66db;
    color: #ffff;
    padding: 10px 40px;
    border-radius: 10px;
    box-shadow: 0px 0px 7px 0px #363636;
}
.page-add.ciwzcx button {
    padding: 5px 15px;
}

.profile-icn-active {
    color: #fff;
    border: 2px solid #3c66db;
    background-color: #3c66db;
    transform: scale(1.2);
    transition: transform 0.5s;
}

/*my notification popups */
.modalx {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modalz-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 25%;
    float: left;
    left: 8%;
    position: absolute;
}

div#lookingForPart1 select#looking_for {
    width: 100%;
    padding: 10px 8px;
}
div#lookingForPart1 .zyzyz label:nth-child(2),  div#lookingForPart1 .zyzyz label:nth-child(3), div#lookingForPart1 .zyzyz label:nth-child(4) {
    padding: 0px 10px;
}
div#lookingForPart1 .zyzyz label:nth-child(5) {
    padding-right: 0;
}
/*.ziaq label, .vkzx label {
    padding: 0px 10px;
}
.ziaq label:nth-child(1), .vkzx label:nth-child(1) {
    padding-left: 0;
}
*/
/*Looking for*/
.are-you-look-for label{
    display: flex;
    margin-bottom: 2px;
}
.are-you-look-for label:nth-child(1){
    margin-bottom: 10px;

}
.are-you-look-for p{
    /* width: 70%; */
	width: 40%;
    margin: 0px;
    text-transform: capitalize;
}
.are-you-look-for input{
    width: 12px;
    margin: 0px;
    top: -1px;
    position: relative;
}

.are-you-look-for i.fas.fa-question-circle {
    top: 5px;
    position: relative;
    left: 6px;
}

/*Looking for end*/

button.navbar-toggler.toggler-example {
    height: 25px;
    padding: 0;
    width: 30px;
    border-radius: 0;
    border: 0;
    /*border-bottom: 1px solid #363636;
    border-top: 1px solid#363636;*/
    position: relative;
    font-size: 22px;
}
/*button.navbar-toggler.toggler-example:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #363636;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}*/
.reg-btn-home button {
    border-radius: 5px;
    text-align: center;
}
@media (max-width: 1800px) {
    .all-chats_full {
        padding-bottom: 3rem;
    }
}
@media (max-width: 1520px) {
    .all-chats_full {
        padding-bottom: 3rem;
    }
}
@media (max-width: 1450px) {
    .how-it-wrk-sec .container, .about-ding-homepg .container,  .how-it-works-sec .container, .safty_page .container {
        max-width: 1220px;
    }
}
@media (max-width: 1366px) {
	.header-top .container {
		padding: 0 30px;
	}
    .all-chats_full {
        padding-bottom: 3rem;
    }
    .how-it-wrk-sec .container, .about-ding-homepg .container, .how-it-works-sec .container, .safty_page .container {
        max-width: 1040px;
    }
    .all-chats_full .chat-app .people-list, .all-chats_full .card {
        height: 350px !important;
    }
    .all-chats_full .chat .chat-history {
        height: 208px !important;
    }
    form.DingalingDate-registr {
        padding: 0px 25px 5px;
    }
    .all_favr {
        padding-bottom: 2rem;
    }
    .notfy_all {
        padding-bottom: 4rem !important;
    }
}
@media (max-width: 1100px)
{
    .navbar-nav.mr-auto div {
        font-size: 16px;
    }
    .navbar-nav.mr-auto {
        display: block;
        text-align: center;
    }
    ul.primary-menu.login li {
        padding: 0 1px;
        font-size: 16px;
        font-weight: bold;
    }
    .register .col-md-6, .register .col-lg-7.col-md-7.col-sm-12 {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .register {
        top: 10%;
    }
    .join-us-inner {
        padding: 8rem 0px;
    }
    .reg p {
        margin: 0;
    }
    .user_pages>img {
    height: 48vh;
    object-fit: cover;
    object-position: center;
}
.how-it-second-sec {
    margin: 4rem 0px;
}
.how-it-works-left {
    padding: 0px 40px 0 0;
}
.how-it-works-left h3 {
    margin: 0px;
    margin-bottom: 1rem;
}
.how-it-works-right {
    float: left;
    padding: 0px 0px 0px 10px;
}
.how-it-inner {
    padding: 45px 30px 45px 30px;
}
.how-it-inner h1 {
    margin: 0;
}
.how-it-works-sec {
    margin-bottom: 1rem;
}
.how-it-third-sec {
    margin: 1rem 0px;
}
.how-it-works-woman {
    padding: 0px 10px 0 0;
}
.how-it-works-man {
    border-right: 1px solid #dedede;
    float: left;
    padding: 0px 30px 0 0px;
}
.how-it-third-sec img {
    margin-bottom: 20px;
}
.how-it-four-sec {
    margin-top: 0rem;
}
.how-it-five-sec {
    float: left;
    width: 100%;
    margin: 0rem 0px;
}
.how-it-seven-sec {
    margin: 0rem 0px 3rem;
}
.Dingaling-date-Safety-inner p {
    margin: 0;
}
.Dingaling-date-Safety-inner {
    width: 51%;
    padding: 25px;
}
.date-Safety-sec {
    margin: 4rem 0px;
}
.untoward-susps h2 {
    margin-bottom: 4rem;
}
.facts-inner p:last-child {
    margin: 0;
}
.facts-inner {
    padding: 25px 25px 25px 25px;
}
.dingling-facts-sec {
    margin: 4rem 0rem 0rem 0px;
}
.dingling-facts-sec2 {
    padding: 4rem 0px;
}
.dingling-facts-sec p {
    margin-bottom: 0;
    font-size: 15px;
}
.dingling-facts-sec2 p {
    margin-bottom: 0;
    font-size: 15px;
}
.dingling-facts-main h4 {
    font-size: 25px;
    margin-bottom: 15px;
}
.profile-owner-content.w-100.float-left {
    padding-left: 100px;
}
.main-img-content-left {
    float: left;
    width: 100%;
}
.main-img-content-right {
    float: right;
    width: 100%;
}
.profile-owner-content .edit-profile {
    padding: 0 0 0 0px;
}
.profile-owner-content .main-img-content {
    padding: 15px;
}
.profile-owner-content .upload-more-images {
    margin: 0px 0;
}
.upload-image {
    margin: 10px auto 10px;
}
.profile-owner-content .edit-profile p:first-child {
    font-size: 23px;
    color: #232b32;
    margin: 0px 0;
    font-family: 'patua_oneregular';
    text-transform: capitalize;
}
.profile-owner-content .edit-profile p:last-child {
    margin: 0;
}
.looking-for-inner {
    width: 100%;
    margin: 0px auto;
}
.profile-owner-content .looking-for-section .edit-btn {
    margin-bottom: 0rem;
}
}

@media (max-width: 1024px) {
	div#app .header-top .container {
    max-width: 834px;
	}
	.chat-full-section #frame {
    width: 91%;
	}
	.srhh-page-full-sec .container {
		max-width: 830px;
	}
	.profileinfo-myaco {
		padding-top: 5rem !important;
	}
	.service {
		position: relative;
		right: 0;
	}
	.home-banner .carousel-inner .carousel-item img {
		height: auto !important;
		object-fit: cover;
	}
    .footer-home {
        position: unset !important;
    }
    .register.register-lg-login {
        /* top: 6.1%; */
        top: 9.1%;
    }
    .user_pages>img {
        height: 31pc;
    }
    .are-you-look-for p {
        width: 100%;
    }
    .modal-dialog {
        margin: 7rem auto;
    }
    .card-body {
        padding: 1.25rem 0.8rem;
    }
    .s007 {
        max-width: 90% !important;
        margin-left: 5% !important;
    }
    .chat-header.clearfix a {
        float: left;
    }
}
@media (max-width: 960px)
{
    .header-top .col-md-2 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .header-top .col-md-6 {
        flex: 0 0 41%;
        max-width: 41%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .navbar {
        justify-content: flex-end;
    }
    ul.primary-menu.login li {
        padding: 0 5px;
        font-size: 16px;
        font-weight: bold;
    }
    .header-top .container.my-4.xlo {
        padding: 0;
    }
    .register .col-md-6, .register .col-lg-7.col-md-7.col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home-banner .carousel-item img {
        min-height: 40vh;
        object-fit: cover;
        object-position: center right;
    }
    .register {
        top: 8%;
    }
    .join-us-inner {
        width: 50%;
        padding: 5rem 0px;
    }
    ul.footer-bottom {
        margin: 1rem 0px;
    }
    .join-us-inner .input-group {
        margin-top: 1rem;
    }
    ul.primary-menu.text-center.mob, .navbar-nav.mr-auto {
        display: none !IMPORTANT;
    }
    .my-4.xlo, .navbar-nav.mr-auto.xc {
    display: block !IMPORTANT;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    }
    /* .header-top {
        position: relative;
    } */

.header-top .navbar-collapse {
    position: absolute;
    bottom: 0;
}
.header-top .navbar-collapse {
    position: absolute;
    top: 99%;
    background: #f8fafc;
    z-index: 99999999;
    padding: 0 20px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: auto;
}
.about-ding-homepg {
    padding: 40px;
}
.about-ding-inner-sec p:last-child {
    margin: 0;
}
.user_pages>img {
    height: 58vh;
}
.how-it-wrk-sec .col-sm-6 {
    max-width: 60%;
    flex: 0 0 60%;
}
.how-it-inner {
    padding: 35px 30px 35px 30px;
}
.how-it-second-sec {
    margin: 40px 0px;
}
.how-it-second-sec p:last-child {
    margin: 0;
}
.how-it-works-right p:last-child {
    margin: 0;
}
.how-it-works-right {
    padding: 0px 0px 0px 0px;
}
.how-it-works-left {
    padding: 0px 0px 0 0;
    border-right: 0px solid #dedede;
}
.how-it-works-man {
    padding: 0px 0px 0 0px;
    width: 100%;
    border-right: 0px solid #dedede;
}
.how-it-works-woman {
    padding: 0px 0px 0 0;
}
.how-it-works-man {
    margin-bottom: 20px;
}
.how-it-four-sec {
    padding: 40px 0px;
}
.how-it-third-sec {
    margin: 30px 0px 0rem;
}
.how-it-five-sec .col-lg-6.col-md-6.col-sm-12, .how-it-seven-sec .col-lg-6.col-md-6.col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.how-it-five-sec .one-message-at, .how-it-seven-sec .No-more-unsolicited  {
    padding-top: 30px;
}
.how-it-seven-sec .row {
    flex-direction: column-reverse;
}
.one-message-at h3, .how-it-seven-sec .No-more-unsolicited h3 {
    margin-bottom: 10px !important;
    margin: 0px;
}
.how-it-six-sec {
    padding: 40px 0px;
}
.how-it-five-sec .one-message-at p:last-child {
    margin: 0 !important;
}
.Dingaling-date-Safety-inner {
    width: 70%;
}
.date-Safety-sec {
    margin: 40px 0px;
}
.date-Safety-sec .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
.date-Safety-sec ul {
    margin-top: 10px;
}
.date-Safety-sec h5 {
    height: auto;
}
.safety-right-sec ul li:last-child {
    margin: 0;
}
.untoward-susps h2 {
    margin-bottom: 40px;
    font-size: 25px;
}
.safety-right-sec {
    margin-top: 15px;
}
.home-banner h1 {
    line-height: 60px;
}
.profile-owner-content .looking-for-section {
    margin-top: 20px;
}
.profile-owner-content .looking-for-section .add-holder {
    margin-top: 10px;
}
.profile-owner-content {
    margin-bottom: 040px;
}
div#app .header-top .container {
    max-width: 774px;
}
.srhh-page-full-sec .container {
    max-width: 730px;
}
}


@media screen and (max-width: 767px) {

    .navbar {
        justify-content: flex-start;
        padding-left: 0;
    }
    .header-top .col-md-2 {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .header-top .col-md-6 {
    flex: 0 0 30%;
    max-width: 30%;
}
ul.primary-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 15px;
}
    ul.primary-menu.login li {
        padding: 0 7px;
        font-size: 15px;
    }
    .navbar-brand {
        display: inline-block;
        padding-top: 0.32rem;
        padding-bottom: 0.32rem;
        font-size: 1.125rem;
        line-height: inherit;
        white-space: nowrap;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .logo {
        text-align: center;
    }
    .header-top {
        padding: 10px 0;
    }
    .navbar-nav.mr-auto.xc div {
        width: 100%;
        text-align: center;
    }
    .navbar-nav.mr-auto.xc div {
        width: 100%;
        text-align: left;
        padding-left: 0;
    }
    .register {
        width: 100%;
        top: 0 !important;
        position: relative;
        padding: 30px 0 10px;
    }
    .home-banner .carousel-item img {
        min-height: 186px;
        object-fit: cover;
    }
    .header-top .row {
        justify-content: space-between;
    }
    .service .col-sm-4 {
        margin-bottom: 20px;
    }
    .service .col-sm-4:last-child {
        margin-bottom: 0px;
    }
    .service {
        padding: 10% 0 8%;
    }
    .ptb {
        padding: 9% 0 4%;
        border-bottom: 1px solid #eeeeee;
    }
    .join-us-inner {
        width: 100%;
        padding: 4rem 0px;
    }
    button.navbar-toggler.toggler-example {
        height: 18px;
    }
    .reg {
        padding: 15px 15px;
    }
    .register form {
        padding: 15px 15px 15px;
    }
    .reg-btn-home button
    {
        line-height: 40px;
    }
    .register form p:last-child {
        margin-top: 6px;
    }
    .about-ding-homepg {
        padding: 40px 0;
    }
    .about-ding-inner-sec b {
        font-size: 18px;
        color: #01102d;
    }
    .about-ding-inner-sec p {
    margin-bottom: 15px;
    }
    .about-ding-inner-sec h3 {
        margin-bottom: 20px;
    }
    .user_pages>img {
        height: auto;
    }
    .register.register-rg-form {
        padding: 30px 0 30px;
    }
    h3 {
        font-size: 30px;
    }
    .how-it-inner {
        padding: 25px 15px 25px 15px;
    }
    .how-it-wrk-sec .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home-banner h1 {
        font-size: 35px;
    }
    .how-it-works-left {
        text-align: center;
    }
    .how-it-works-right {
        text-align: center;
    }
    .how-it-four-sec p:last-child {
        margin: 0;
    }
    .one-message-at {
        text-align: center;
    }
    .No-more-unsolicited {
            text-align: center;
    }
    .date-Safety-sec h5 {
        font-size: 22px;
    }
    .date-Safety-sec ul li {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .untoward-susps h2 {
    margin-bottom: 40px;
    font-size: 18px;
}
.safety_tips_banner img {
    height: 40vh;
    object-fit: cover;
    object-position: left center;
}
.Dingaling-date-Safety-inner {
    width: 100%;
}
.Dingaling-date-Safety-sec {
    bottom: 0px;
    top: 0;
    margin: auto;
    display: flex;
    align-items: center;
}
.Dingaling-date-Safety-inner {
    padding: 15px 15px;
}
.dingling-facts-sec {
    margin: 40px 0rem 0rem 0px;
}
.dingling-facts-sec .col-lg-4.col-md-4.col-sm-12 {
    margin-bottom: 40px;
    padding: 0;
}
.dingling-facts-sec2 .col-lg-4.col-md-4.col-sm-12
{
    margin-bottom: 40px;
}
.dingling-facts-sec2 {
    padding: 0 0 0px;
}
.facts-inner {
    padding: 15px 15px 15px 15px;
}
.how-it-wrk-sec {
    bottom: 0px;
    top: 0;
    display: flex;
    align-items: center;
}
.facts-inner p {
    margin: 0;
}
.ding-hght {
    margin-top: 1rem;
    margin-bottom: 4rem;
}
.profile-owner-content.w-100.float-left {
    padding-left: 0;
}
.sidebar {
    width: 100%;
    bottom: 0;
    padding: 10px;
    top: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 80px;
    overflow: scroll;
}
.sidebar a {
    margin: 0;
}
.sidebar a {
    width: 19%;
    flex: 0 0 19%;
}

.profile-owner-content .looking-for-section .looking-for p {
    float: left;
    width: 100%;
}
.profile-owner-content .looking-for-section .looking-for p:last-child {
    margin: 0;
}
.profile-owner-content p {

}
div#app .header-top > .container {
    max-width: 70%;
}
.main_down {
    padding-top: 2rem;
}
}

@media only screen and (max-width: 768px) {
	div#app .header-top > .container {
		max-width: 70%;
	}
	.chat-full-section #frame {
		width: 88%;
	}
	.chat-full-section #frame > div#sidepanel {
		min-width: 268px;
	}
	footer .container {
		max-width: 610px;
	}
	.srhh-page-full-sec .container {
		max-width: 580px;
	}
	div#searchFilters .s007 {
		max-width: 77%;
	}
	.service {
		margin-top: 3rem;
	}
    .card-header {
        padding: 0.6rem 0.2rem;
    }
    .profile-owner-content {
        margin-bottom: 0px;
    }
    .profile-owner-content p {
        font-size: 15px;
    }
    .card-body {
        padding: 1.25rem 0.7rem;
    }
    .mySwiper2 {
        width: 75% !important;
        margin-right: 0 !important;
    }
    .all-chats_full .chat-app .people-list {
        width: 190px !important;
    }
    .all-chats_full .chat-app .chat {
        margin-left: 190px !important;
    }
    .srhh-page-full-sec .col-md-4, .ner_me .col-md-4 {
        padding-left: 5px;
        padding-right: 5px;
    }
    button.view-profile-srhh {
        padding: 12px 28px;
    }
    .badge {
        font-size: 45%;
    }
    .card-sec-full .card-header {
        padding-left: 10px;
        padding-right: 10px;
    }
    .noUi-target {
        width: 96%;
        margin: 0 auto;
        margin-bottom: 2rem;
    }
    .how-it-seven-sec {
        padding-bottom: 0rem !important;
    }
    .navbar-nav.mr-auto.text-right .creditcount p#credit_count {
        font-size: 12px;
    }

    div#myHeader .navbar-nav.mr-auto.text-right .creditcount {
        float: left;
    }
    .header-top .logged-in .navbar-nav.mr-auto.text-right {
        display: block !important;
    }
    .register {
        top: 0;
        position: unset;
        margin: 15px 0;
        width: 100%;
        padding: 0;
    }
    .header-top .not-logout {
        flex: 0 0 35%;
        max-width: 35%;
    }
    .header-top .not-logged {
        flex: 0 0 31%;
        max-width: 31%;
    }
    .header-top .logged-in  {
        flex: 0 0 41%;
        max-width: 41%;
    }
     .header-top .logout-in {
        flex: 0 0 25%;
        max-width: 25%;
     }
     .all-chats_full .chat-app .people-list, .all-chats_full .card {
        height: 370px !important;
    }
}

@media screen and (max-width: 767px) {
    .top_marq1 {
        margin-top: 20px;
    }
    .card-sec-full .mb-5 {
        margin-bottom: 0 !important;
    }
    .zyzyz .lo_w2z2, .ding-hgh .lo_w2z2 {
        margin-bottom: 3rem !important;
    }
    .ding-hght .lo_w2z2 {
        margin-bottom: 3rem !important;
    }
    .ding-hght {
        margin-bottom: 0rem;
    }
    .ding-hght .lo_w2z2.ml-3 {
        margin-left: 5px !important;
    }
    .bottm_marq1.you-cust {
        padding-bottom: 2.2rem;
    }
    .form-group .bottm_marq1 {
        margin-bottom: 8px !important;
    }
    .page-add.ciwzcx {
        margin: 50px auto;
    }
    .modal-dialog {
        margin: 10rem auto;
    }
    .sw_we65 {
        display: block !important;
    }
    .sqx_o321 {
        padding-left: 5px;
        padding-right: 5px;
        justify-content: center !important;
    }
    .profileinfo-myaco {
        padding-top: 3rem !important;
    }
    .sidebar {
        justify-content: center;
    }

    .stick-head.sticky {
        width: 74% !important;
    }
    /* div#height_slider .noUi-handle.noUi-handle-lower .noUi-tooltip {
        right: 0% !important;
        left: -170% !important;
    } */
    .stick-head.sticky .pt-3 {
        padding-top: 0 !important;
    }
    .lftslid .noUi-tooltip {
        left: 0% !important;
    }

}

@media screen and (max-width: 766px) {
    .mobile-container.ham-burger {
        display: block !important;
    }
    .all-chats_full .chat-app .chat {
        margin-left: 0px !important;
    }
    .imge_cout {
        float: left;
        width: 100%;
    }
    .imge_cout .rifgt_use {
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px 0;
    justify-content: center;
    }
    .mySwiper2 {
        margin: 0 auto !important;
    }
    .header-top .not-logged {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .header-top .not-logout {
    flex: 0 0 70%;
    max-width: 70%;
    }
    .header-top .logged-in {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .header-top .logout-in {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .mobile_uplaod-profile {
        display: block !important;
        margin-bottom: 1rem;
    }
    .uplo_share-profile {
        display: none !important;
    }
    .top_marq1 {
        margin-top: 20px;
    }
    .card-sec-full .mb-5 {
        margin-bottom: 0 !important;
    }
    .zyzyz .lo_w2z2, .ding-hgh .lo_w2z2 {
        margin-bottom: 3rem !important;
    }
    .ding-hght .lo_w2z2 {
        margin-bottom: 3rem !important;
    }
    .ding-hght {
        margin-bottom: 0rem;
    }
    .ding-hght .lo_w2z2.ml-3 {
        margin-left: 5px !important;
    }
    .bottm_marq1.you-cust {
        padding-bottom: 2.2rem;
    }
    .form-group .bottm_marq1 {
        margin-bottom: 8px !important;
    }
    .page-add.ciwzcx {
        margin: 50px auto;
    }
    .modal-dialog {
        margin: 10rem auto;
    }
    .sw_we65 {
        display: block !important;
    }
    .sqx_o321 {
        padding-left: 5px;
        padding-right: 5px;
        justify-content: center !important;
    }
    .profileinfo-myaco {
        padding-top: 1.5rem !important;
        padding-bottom: 0;
        width: 100% !important;
    }
    .sidebar {
        justify-content: center;
    }
    .pro_xrt23 {
        padding: 0px 12px;
    }
    .pro_xrt23, .sw_we65, .pro_xrt23, .sqx_o321 {
        padding: 0;
    }
    .pro_xrt23 .justify-content-center {

        margin: 0 auto;
    }
    .pro_xrt23 .col-md-12 {
        padding: 0;
    }
    .pro_xrt23 .sw_we65 {
        padding: 0 8px;
    }
    .prof_end-sec .shadow-lg.bg-body.rounded {
        padding: 0;
    }
    .prof_end-sec .col {
        padding: 0;
    }
    .prof_end-sec .col .accordion-body {
        padding: 1rem 0rem;
    }
    .all-chats_full .people-list.expanded {
        left: 0 !important;
        width: 100% !important;
        display: block !important;
    }
    .people-list.expanded .mob_ile {
        display: block !important;
    }
    /* .header-top.sticky .lo_gow1z {
        display: none;
    }  */
    .mob_about-sec {
        display: block !important;
    }
    div#dekst_abt h6 {
        display: none;
    }
    div#dekst_abt .useR_links-soc {
    /* display: none; */
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 120px;
    background: #fff;
    z-index: 99999999;
    }
    .sh_prgf {
        display: none;
    }
}

@media screen and (max-width: 668px) {
	.chat-full-section #frame {
		width: 100%;
		max-width: 100%;
	}
	div#app .header-top > .container {
		max-width: 78%;
	}
	.chat-full-section #frame {
		width: 100%;
		float: left;
	}
	.chat-full-section #frame > div#sidepanel {
		min-width: auto;
	}
	div#searchFilters .s007 {
		max-width: 70%;
	}
	.service {
		margin-top: 0;
	}
    .mySwiper2 {
        width: 75% !important;
        margin: 0 auto !important;
    }
    .sqx_o321 {
        padding-left: 5px;
        padding-right: 5px;
        justify-content: center !important;
    }
    .profileinfo-myaco {
        padding-top: 0rem !important;
    }
    .sw_we65 {
        display: block !important;
    }
    .card-sec-full .mb-5 {
        margin-bottom: 0 !important;
    }
    .shadow-lg.bg-body.rounded {
        margin-bottom: 3rem !important;
    }
    .sw_we65 .profileinfo-myaco {
        width: 100% !important;
    }
    .all_favr .p-5 {
        padding: 0 !important;
    }
    .card-box-srhh {
        padding: 0%;
    }
    .srhh-page-full-sec .col-md-4, .ner_me .col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .t_tle .badge {
        top: 24px;
        font-size: 16px;
    }
    .s007 {
        max-width: 100% !important;
        margin-left: 0% !important;
    }
    .t_tle .badge {
        top: 60px;
        font-size: 16px;
        right: 0;
    }
    .all-chats_full .card.chat-app {
        display: block !important;
        margin-bottom: 0;
    }
    .all-chats_full {
        padding-bottom: 0;
        margin-top: 16px;
    }
    .t_tle {
        margin-bottom: 0;
        font-size: 40px;
    }
    .all-chats_full .card.chat-app .chat {
        width: 100%;
        margin-left: 0 !important;
    }
    .mobile-container.ham-burger {
        display: block !important;
    }
    .header-top .not-logged {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .header-top .not-logout {
    flex: 0 0 70%;
    max-width: 70%;
    }
    .header-top .logged-in {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .header-top .logout-in {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .top_marq1 {
        margin-top: 20px;
    }
    .form-group .bottm_marq1 {
        margin-bottom: 8px !important;
    }
    div#MyAccountPart1 .form-group, div#MyAccountPart2 .form-group {
        margin-bottom: 20px;
    }
    div#lookingForPart1 .mb-4 {
        margin-bottom: 20px !important;
    }
    div#lookingForPart2 .form-group {
        margin-bottom: 8px;
    }
    .ding-hght {
        margin-bottom: 0;
    }
    .mobile_uplaod-profile {
        display: block !important;
        margin-bottom: 1rem;
    }
    .uplo_share-profile {
        display: none !important;
    }
    .imge_cout {
        float: left;
        width: 100%;
    }
    .imge_cout .rifgt_use {
        float: left;
        width: 100%;
        margin: 0;
        padding: 15px 0;
    }
    div#app {
    /* padding-bottom: 4rem; */
    float: left;
    width: 100%;
    overflow-x: hidden;
    }
    #searchFilters {
        padding: 4rem 0rem 10px !important;
    }
    .s007 .inner-form .advance-search {
        padding: 15px !important;
        float: left;
        width: 100%;
    }
    .basic-search {
    float: left;
    width: 100%;
    display: block;
    }
    .s007 .inner-form .advance-search .input-select {
        height: 40px;
    }
    .advance-search .multi-select-button:after {
    position: absolute;
    right: 5px;
    top: 10px;
    }
    body {
        min-height: fit-content !important;
    }
    .bottm_marq1.you-cust {
        padding-bottom: 2.2rem;
    }
    .modal-dialog {
        margin: 10rem auto;
    }
    .imge_cout .rifgt_use {
        justify-content: center;
    }
    .sidebar {
        justify-content: center;
    }
    .zyzyz .lo_w2z2, .ding-hgh .lo_w2z2 {
        margin-bottom: 3rem !important;
    }
    .ding-hght .lo_w2z2 {
        margin-bottom: 3rem !important;
    }
    .main_down.logged-in {
        padding-bottom: 5rem !important;
    }
    .user_gallw2 .shadow-lg.bg-body.rounded {
        margin-bottom: 1.5rem !important;
    }
    .sw_we65 .sqx_o321:nth-child(2) {
        margin-top: 1.5rem;
    }
    .stick-head.sticky h6 {
        font-size: 28px !important;
    }
    .stick-head.sticky {
        width: 77% !important;
    }
    button#myBtntop {
       right: 5px !important;
    }
    .main_down {
        padding-top: 4rem;
    }
    i.fa.fa-bell.text-muted.position-relative {
        display: none;
    }
}

@media screen and (max-width: 480px) {
	.chat-full-section div#frame .content {
		min-width: unset !important;
	}
	.chat-full-section div#frame {
		max-width: 100%;
	}
	div#app .header-top > .container {
		max-width: 100%;
	}
	div#searchFilters .s007 {
		max-width: 100%;
		margin: 0 auto;
        margin-top: 36px !important;
	}
	footer {
		padding-bottom: 5rem;
	}
	.card-body {
		padding: 1.25rem 1.5rem;
	}
	.are-you-look-for label {
		justify-content: space-between;
	}
	div#lookingForPart1 select#looking_for {
		width: 100% !important;
	}
	#frame #sidepanel #profile .wrap img {
		width: 48px !important;
		height: 48px !important;
		object-fit: cover;
	}
	#frame .content .contact-profile img {
		width: 34px !important;
		height: 34px
	}
	.content li.contact {
		font-size: 9px;
	}
	#frame .content .contact-profile {
		padding: 4.5px 15px !important;
	}
	.content li.contact {
		padding: 4px 6px !important;
	}
	img.fact_ding {
		height: auto;
	}
	img.abut_ins, img.how_itwork, img.fact_ding {
		height: 20vh;
		object-fit: cover;
	}
	.how-it-works-left, .how-it-four-sec-inner, .one-message-at, .how-it-six-sec, .No-more-unsolicited {
		text-align: left !important;
	}
	.how-it-works-man, .how-it-works-woman {
		text-align: left;
	}
    .position-fixed {
        position: unset !important;
        /* bottom: 80px !important; */
        padding-bottom: 0;
    }
    .not-logged-footer {
        position: unset !important;
    }
    /* .all_favr .d-flex, .srhh-page-full-sec .d-flex {
        display: block !important;
    } */
    .zyzyz .lo_w2z2, .ding-hgh .lo_w2z2 {
        margin-bottom: 3rem !important;
    }
    .ding-hght .lo_w2z2 {
        margin-bottom: 3rem !important;
    }
    .are-you-look-for label {
        justify-content: flex-start;
    }
    .rifgt_use {
        text-align: center;
        display: block !important;
    }
    .chat-app .chat .input-group.mb-0 {
        background: #fff !important;
    }
    .noUi-horizontal .noUi-tooltip {
        bottom: 104% !important;
    }
    .ti2w {
        margin-top: 4px;
    }
    .top_marq1 {
        margin-top: 20px;
    }
    .form-group .bottm_marq1 {
        margin-bottom: 8px !important;
    }
    div#MyAccountPart1 .form-group, div#MyAccountPart2 .form-group {
        margin-bottom: 20px;
    }
    div#lookingForPart1 .mb-4 {
        margin-bottom: 20px !important;
    }
    div#lookingForPart2 .form-group {
        margin-bottom: 8px;
    }
    .ding-hght {
        margin-bottom: 0;
    }
    .mobile_uplaod-profile {
        display: block !important;
        margin-bottom: 1rem;
    }
    .uplo_share-profile {
        display: none !important;
    }
    .imge_cout {
        float: left;
        width: 100%;
    }
    .imge_cout .rifgt_use {
        float: left;
        width: 100%;
        margin: 0;
        padding: 33px 0 22px;
    }
    .main_down.logged-in {
    padding-bottom: 4rem;
    float: left;
    width: 100%;
    overflow-x: hidden;
    }
    #searchFilters {
        padding: 0rem 0rem 10px !important;
    }
    .s007 .inner-form .advance-search {
        padding: 15px !important;
        float: left;
        width: 100%;
    }
    .basic-search {
    float: left;
    width: 100%;
    display: block;
    }
    .s007 .inner-form .advance-search .input-select {
        height: 40px;
    }
    .advance-search .multi-select-button:after {
    position: absolute;
    right: 5px;
    top: 10px;
    }
    body {
        min-height: fit-content !important;
    }
    .bottm_marq1.you-cust {
        padding-bottom: 2.2rem;
    }
    .dingling-facts-sec2 {
        padding: 0 15px;
    }
    .stick-head.sticky {
    width: 100% !important;
    top: 95.6px !important;
    border-top: 2px solid lightgray;
    z-index: 99999999 !important;
    }
    .logo {
        text-align: left;
        position: relative;
        z-index: 9;
    }
    #myHeader .logout-in {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9999;
    }
    .header-top .logged-in {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .header-top .logged-in .navbar-nav.mr-auto.text-right {
        margin: 0 auto;
        position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    text-align: right !important;
    }
    .header-top.sticky {
        padding: 0px 0px;
    }
    .header-top .container {
        padding: 0 10px;
    }
    .header-top .logged-in .navbar-nav.mr-auto.text-right .creditcount {
        float: none !important;
    }
    div#img_count_profile {
        padding-top: 4rem;
    }
    .mdown.logged-in {
        padding-top: unset;
    }
    .stick-head.sticky h6 {
        margin-bottom: 0;
        font-size: 22px !important;
    }
    .ms_psd {
        padding: 0;
    }
    .ner_me {
        padding-bottom: 2rem;
    }
    .all_favr ul.pagination {
        justify-content: center;
        display: block;
        padding-bottom: 1rem;
    }
    .all_favr ul.pagination li {
        width: 16.6%;
        float: left;
    }
    .all-chats_full .chat-app .people-list, .all-chats_full .card {
        height: 565px !important;
    }
    .all-chats_full .chat .chat-history {
        /* height: 390px !important; */
        height: 425px !important;
    }
    .all_favr {
        padding-bottom: 0rem;
    }
    .fav2wz12 {
        font-size: 14px;
    }
    #searchFilters .result-count {
        font-size: 18px;
    }
    #searchFilters .advance-search .input-select select {
        font-size: 14px;
        background: #ffff;
    }
    .advance-search .multi-select-container .multi-select-button {
        font-size: 14px;
        padding-left: 4px;
    }
    .rest_filet .multi-select-button {
        padding-top: 10px;
    }
    .rest_filet select#SearchByHeight {
        padding-top: 10px;
    }
    .heig_filet {
        padding-top: 10px;
    }
    div#end_pagin11 {
        padding-bottom: 1.5rem;
    }
    .rest_filet .multi-select-button::after {
        top: 16px;
    }
    .fav_remove a {
        border: 2px solid #363636 !important;
        color: #363636 !important;
        background-color: transparent !important;
        transform: scale(1.0) !important;
    }
    .mob_about-sec .useR_links-soc {
        padding: 6px !important;
    }

    #about_me .modal-dialog {
        padding: 0 0rem !important;
        max-width: 100% !important;
    }
    div#dekst_abt .useR_links-soc {
        top: 130px;
    }
    .loader-full .site-loader.message {
        display: block !important;

    }
    footer.on-notification {
        position: fixed !important;
        bottom: 80px !important;
    }
    .mx-auto.notfy_all {
       margin-bottom: 0rem;
    margin-top: 8px;
    float: left;
    width: 100%;
    }
    .edit_details {
        padding-top: 2rem !important;
    }
    .user_card {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .service p br {
        display: none;
    }
    .all_favr .container {
        padding: 0 5px !important;
    }
    .srhh-page-full-sec .container {
        padding: 0 5px !important;
    }
    .ner_me.container {
        padding: 0 0px !important;
    }
    .service .text-center {
        margin-bottom: 10px;
    }
    span.near_me-users {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .card-box-srhh {
        margin-bottom: 0;
        height: 97%;
    }
    span.aftre_body-type {
        display: none;
    }
    button.chat_clear {
    font-size: 12px !important;
    padding: 5px 5px !important;
    }
    .delte_msz {
    position: absolute;
    top: 15px;
    z-index: 9;
    }
  .all_favr ul.pagination, #end_pagin11 ul.pagination {
    max-width: 90% !important;
  	}

}

@media screen and (max-width: 470px) {
	.stick-head.sticky {
   	 top: 94.6px !important;
  }
}

@media screen and (max-width: 466px) {
	.stick-head.sticky {
   	 top: 93.6px !important;
  }
}

@media screen and (max-width: 456px) {
  .stick-head.sticky {
   	 top: 92.6px !important;
  }
}

@media screen and (max-width: 452px) {
  .stick-head.sticky {
   	 top: 91.6px !important;
  }
}

@media screen and (max-width: 442px) {
  .stick-head.sticky {
   	 top: 90.6px !important;
  }
}

@media screen and (max-width: 435px) {
  .stick-head.sticky {
   	 top: 88.6px !important;
  }
}

@media screen and (max-width: 425px) {
  .stick-head.sticky {
   	 top: 87.6px !important;
  }
}

@media screen and (max-width: 420px) {
  .stick-head.sticky {
   	 top: 86.6px !important;
  }
} 

@media screen and (max-width: 405px) {
  .stick-head.sticky {
   	 top: 84.6px !important;
  } 
}

@media screen and (max-width: 395px) {
    div#dekst_abt .useR_links-soc {
        top: 115px;
    }
    .logo img {
        width: 76%;
    }
    .creditcount p a {
        padding: 5px 15px;
        font-size: 12px;
    }
    .creditcount a {
        padding: 5px 15px !important;
        font-size: 12px !important;
    }
    .stick-head.sticky {
        top: 70px !important;
    }
    .counter .mob_about-sec div#stick-head1 h6 {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 390px) {
	.home-banner h1 {
		font-size: 24px;
	}
	.how-it-inner {
		padding: 10px 15px 24px 15px;
		width: 100%;
	}
	.how-it-second-sec {
		margin: 15px 0px;
	}
	.how-it-works-man, .how-it-works-woman {
		text-align: left;
	}
	/*img.how_itwork {
		visibility: hidden;
	}
	img.fact_ding {
		height: auto;
	}*/


} 
@media screen and (max-width: 380px) {
	.home-banner h1 {
		font-size: 28px;
	}
}

@media screen and (max-width: 372px) {
  .stick-head.sticky {
   	 top: 67.6px !important;
  } 
}

@media (max-width: 360px)
{
    ul.primary-menu.login li {
        padding: 0 5px;
        font-size: 13px;
    }
    .register button {
        width: 100%;
        float: left;
        height: 40px;
        font-size: 13px;
        color: #fff;
        border: 0;
    }
    h3 {
        font-size: 30px;
    }
    p {
        font-size: 15px;
    }
    .join-us-inner p {
        font-size: 15px !important;
    }
    .about-ding-inner-sec h3 {
        font-size: 30px;
    }
    .about-ding-inner-sec p {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .home-banner h1 {
        font-size: 30px;
    }
    .untoward-susps h2 {
        font-size: 16px;
        line-height: 25px;
    }
    .dingling-facts-main h4 {
        font-size: 22px;
        margin-bottom: 5px;
        line-height: 35px;
    }
    .sidebar a {
        width: 24%;
        flex: 0 0 24%;
    }
    div#dekst_abt .useR_links-soc {
        top: 105px;
    }
  	.stick-head.sticky {
    	top: 65px !important;  
  	}
}

@media screen and (max-width: 335px) {
	    .stick-head.sticky {
        top: 62px !important;
    }
}

/*09-06-22*/
ul.prof-icon-sec li a:hover {
	color: #fff;
    border: 2px solid #3c66db;
    background-color: #3c66db;
    transform: scale(1.2);
    transition: transform 0.5s;
}
.card-body form#profile select#looking_for {
    width: auto;
}
.social-links-srhh.prof_active a.profile-icn-active {
    background-color: #3c66db;
    border: 2px solid #3c66db;
    color: #fff;
}
ul.prof-icon-sec .list-inline-item.prof_active a.profile-icn-active {
    background-color: #3c66db;
    border: 2px solid #3c66db;
    color: #fff;
}
/*29-07-22*/
.w1z_qu {
    width: 100%;
    margin: 0;
    padding-top: 4rem;
	padding-bottom: 1rem;
}
/*.w1z_qu .e_dit1q {
    padding-left: 0;
    display: flex;
    justify-content: space-between;
}*/
.w1z_qu .e_dit1q label:nth-child(1) {
    padding-right: 20px;
}
.j1q8r {
    display: flex;
    align-items: baseline;
	line-height: 1.5;
}
.w1z_qu .e_dit1q input {
    margin-left: 5px;
    margin-right: 5px;
}
/*02-08-22*/
/* .header-top.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999;
    background: #fff;
    padding: 0;
} */
p.symbl {
    margin: 0;
    color: #3d66db;
    font-size: 34px;
    padding-left: 10px;
}
body {
	width: 100%;
	float: left;
	overflow-x: hidden;
    font-family: "Nunito", sans-serif !important;
}
/*12-09-22*/
.how-it-works-man h3:nth-child(1), .how-it-works-woman h3:nth-child(1) {
   /* color: #3d66db !important; */
}
.are-you-look-for p {
    font-family: "Nunito", sans-serif;
}
h3.gh2tv {
    font-weight: 600;
    color: #232b32 !important;
    font-size: 33px;
}
/*03-10-2022 */
.how-it-works-left > div, .how-it-works-right > div {
    display: flex;
	justify-content: center;
	align-items: center;
}
.how-it-works-left > div h1, .how-it-works-right > div h1 {
    font-weight: 600;
    text-transform: capitalize;
	font-size: 33px;
	font-family: 'latoheavy';
}
.how-it-works-man img, .how-it-works-woman img {
    width: 100%;
}
img.gender_icon {
    height: 80px;
    margin-left: 10px;
    object-fit: cover;
    width: 40px;
}
.how-it-works-man span {
    font-weight: bold;
    font-size: 33px;
    margin-bottom: 1rem;
    float: left;
    width: 100%;
	font-family: 'latoheavy';
}
.end_last {
    text-align: center;
}
.end_last h3 {
    font-size: 33px;
}
.any_he {
    padding-right: 0 !important;
	max-width: 12%;
}
.any_re {
    padding-left: 0;
}
.logi2w {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px !important;
	font-size: 13px !important;
}
.logi2w a {
    margin-top: 0;
    padding-left: 4px;
	font-size: 13px !important;
}
/*.few12y {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}*/
div#MyAccountPart2 .form-group.row.mt-12 {
    width: 100%;
}
.upload-img-link a {
    width: 100%;
    float: left;
    margin-top: 0;
}
.card-body .mt-2 {
    justify-content: center;
}
.j1q8r span {
    width: 75%;
}
.sugg_box-p {
    font-weight: 600;
    color: #232b32 !important;
    font-size: 33px;
    font-family: 'latoheavy';
}
.are-you-look-for label p {
    font-size: 0.9rem;
    padding-left: 10px;
}
.iziToast.iziToast-color-red {
	margin-top:8rem;
}
.Sbody a.sel.anim .likeButton {
    width: 150px;
    box-shadow: none !important;
}
.Sbody a.sel.anim {
    position: relative;
}
.Sbody a.sel.anim .likeButton {
	width: 85px;
    box-shadow: none !important;
    right: 60rem;
    top: 4rem;
    /*width: 85px;
    top: 20rem;
    position: fixed;
    left: 12% !important;
    bottom: 20% !important;
    padding: 6px 18px !important;
    max-width: unset;
    margin: 0; */
}
.SumoGallery.nothumbs {
    margin-top: 7rem;
}
/*28-10-22*/
.home-banner .carousel-inner .carousel-item img {
   /* height: 26.3pc; */
    height: auto;
    object-fit: cover;
}
/*14-11-2022*/
.pro_xrt23 {
    margin: 0 auto;
}
.sw_we65 .profileinfo-myaco {
    width: 96%;
    margin: 0 auto;
}
img.mas_wer {
    height: auto;
    width: auto;
}
/*21-11-22*/
.home_page-full {
    position: relative;
}
.home_page-full .register {
    z-index: 999;
}
.footer-home {
    z-index: 9999999;
}
.home_page-full .register {
    z-index: 9;
}
.dingling-facts-sec img {
   width: 45px;
    height: 40px;
    object-fit: contain;
}
.dingling-facts-sec2 img {
 width: 45px;
    height: 40px;
    object-fit: contain;
}
/*15-11-2022*/
.las_st1 {
    line-height: 1.3;
    padding-top: 12px !important;
    font-size: 13px !important;
}
.service p {
    margin-bottom: 0;
}
.imginrsec img {
    height: 230px;
    object-fit: cover;
}
.kaw3_gh {
    width: 100%;
    margin: 0 auto;
}
.any_he {
    padding: 0;
}
.any_re {
    padding-right: 15px;
}
.t_tle {
    font-family: 'patua_oneregular';
    font-size: 45px;
}
.use_ghf {
    padding: 0px 0 15px;
}
.prf_avtr .swiper-slide img {
    height: 250px;
    width: 100%;
}
.all_favr {
    background: #DCDCDC;
    background: #eff1f3;
}
/*02-12-22*/
.le_2w1 {
    font-weight: bold;
    font-size:17px;
}
.any_he label {
    padding: 0px 10px !important;
    margin-bottom: 0;
    width: 100%;
}
.any_he {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.any_he input {
    position: relative;
    width: 1em !important;
    margin-top: 1px;
}
.accordion-item .accordion-body {
    height: 350px;
    overflow: overlay;
}
.home_page-full .service p {
    padding-top: 7px;
}
.how-it-seven-sec {
    padding-bottom: 3rem;
}
.mobile-container.ham-burger {
        display: none;
}
.mobile-container.ham-burger .topnav {
  overflow: hidden;
  background-color: #5479bd30;
  /* position: relative; */
}
.mobile-container.ham-burger .topnav #myLinks {
  display: none;
  padding: 10px;
    position: absolute;
    background: #5479bd30;
    left: 0;
    z-index: 9;
    right: 0;
    width: 100%;
}
.mobile-container.ham-burger .topnav a {
  padding: 10px 8px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}
.mobile-container.ham-burger .topnav a.icon {
    display: block;
    position: absolute;
    right: 25px;
    top: 0;
    z-index: 9999;
    /* line-height: 1.3; */
}
.mobile-container.ham-burger li.clearfix img {
    width: 45px;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
}
.s007 .inner-form .advance-search {
    margin-top: -18px;
}
div#searchFilters .s007 {
   /* margin-top: -20px; */
   margin-top: -60px;
    display: grid;
    z-index: 99999999 !important;
    position: relative;
    min-height: 20vh;
}
.por_galer {
    position: relative;
}
.aft_pr8 {
    text-align: center;
}
.rifgt_use {
    display: flex;
    justify-content: space-between;
    margin: 1rem 0rem -3rem 21rem;
}
.set_imageqw {
    background: #3d66db;
}
.set_imageqw:hover {
    background-color: #000;
}
.prf_avtr .swiper-slide img {
    background: #EFF1F3;
    /* object-fit: cover; */
    object-fit: contain;
    object-position: center;
}
.aft_pr8 .fs-4, .rifgt_use .fs-4, .rifgt_use a {
    font-size: 1rem !important;
}
.set_imageqw {
    font-size: 10px;
    padding: 3px 5px;
    /* position: absolute;
    right: -140px;
    bottom: 10px; */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.shadow-lg.bg-body.rounded .accordion-body {
    height: fit-content;
}
.chat-app .chat span.m-5 {
    padding: 10px;
    width: 100%;
    float: left;
    margin: 0 !important;
    font-size: 12px;
}
.all-chats_full .card {
    margin-bottom: 4rem;
}
.form-control, button#next1, .le_2w1, .form-group select, span.heading-3, .notfy_all h5.heading-2, #next1p1, #addprofileimg, #uploadProfileImg {
    font-family: "Nunito", sans-serif !important;
}
.advance-search select, .advance-search .multi-select-button, .advance-search option, .advance-search button  {
    font-family: 'Nunito' !important;
}
/* .form-control, button#next1, .le_2w1, .form-group select, span.heading-3, .notfy_all h5.heading-2 {
    font-family: "Nunito", sans-serif !important;
} */

div#about_me div {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 50;
    -webkit-box-orient: vertical;
}
.ne_regist {
    padding-top: 1rem;
    margin-bottom: 2rem;
    text-align: right;
}
.ne_ref_btn button {
    border: navajowhite;
    background: #3d66db;
    color: #fff;
    padding: 8px 20px;
    border-radius: 4px;
    font-family: 'Nunito';
    text-transform: capitalize;
}
.just_serchz {
    display: flex;
    justify-content: space-between;
}
.ne_user_notf {
    position: fixed;
    right: 0;
    top: 5rem;
}
select#looking_for option, select#looking_for {
    font-size: 16px;
}

.use_ghf figcaption.blockquote-footer {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 50;
    -webkit-box-orient: vertical;
}
.chat-app .chat .input-group.mb-0 {
    background: #fff !important;
}
.ggl-fbb .twet {
    padding: 10px 10px;
}
.sh_prgf {
    text-align: center;
}
.msgshow{
    text-align: center;
    margin-top: 2.5rem;
}

.blur {
    filter: blur(5px);
}

.blur.active {
    filter: none;
}


.blur_we {
    filter: blur(22px);
  -webkit-filter: blur(22px);
}
.bul_load-div {
    text-align: center;
}
.bul_load-div {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 9;
}
.blur_we h6 {
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
button.clik_load {
    padding: 8px 30px;
    border: none;
    color: #ffff;
    background-color: #3d66db;
    border-radius: 4px;
}
.mobile_uplaod-profile {
    display: none;
}
.stick-head.sticky {
    position: fixed;
   top: 154.6px;
    background-color: #fff;
    z-index: 99;
    width: 90%;
    left: 0;
    margin: 0 auto;
    margin-top: 10px !important;
    right: 0;
    padding: 1rem 1rem 0.5rem 1.2rem;
}
.people-list.expanded .mob_ile {
    display: flex !important;
    justify-content: space-between;
}
.people-list .mob_ile {
    display: none;
}
.form-group .qw_12wa {
    margin-bottom: 3rem !important;
}
button#myBtntop {
    position: fixed;
    bottom: 80px;
    right: 30px;
    z-index: 99;
    font-size: 14px;
    border: none;
    outline: none;
    background-color: #3d66db;
    color: white;
    cursor: pointer;
    padding: 9px 10px;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.8;
}
button#myBtntop i {
    position: relative;
}
button#myBtntop:hover i {
    top: -5px;
    transition: all 0.3s ease;
}
.lefwslid .noUi-tooltip {
    left: -54px !important;
}
div#looking_height .noUi-handle-lower .noUi-tooltip {
    left: 0px !important;
}
div#lookingAge_slider .noUi-handle-lower .noUi-tooltip {
    left: 0 !important;
}
.age_slid .lefwslid .noUi-handle-upper .noUi-tooltip {
    left: -47px !important;
}
.stick-head.sticky div#about_me div#abt_wq21a, .stick-head.sticky figure#hed_mov {
    display: none !important;
}
.shr5w {
    margin: 0;
}
/*16-02-2023*/
div#stick-head1 .text-center.mb-3 {
    margin-bottom: 0 !important;
}
div#stick-head1 .social-links-srhh {
    margin: 0;
}
.userNamehead {
    font-size: 28px;
}
.stick-head {
    display: none;
}
.stick-head.sticky {
    display: block;
    padding-top: 0;
}
.user-detls_fxd.sticky h6 {
    display: none;
}
.mob_about-sec h6 {
    display: block !important;
}
.user-detls_fxd.sticky .useR_links-soc {
    display: none;
}
.mob_about-sec .useR_links-soc {
    display: block !important;
}
.imge_cout.sticky {
    padding-top: 5rem;
}
.stick-head.sticky .use_ghf {
    padding: 0;
}
.stick-head.sticky .social-links-srhh {
    margin-top: 0 !important;
}
.stick-head.sticky .border-bottom {
    border: none !important;
}
.mob_about-sec {
    display: none;
}
.mob_ile a.icon {
    font-size: 18px;
    padding: 5px 5px;
    transform: rotateX(20deg);
}
a.icon.back_icon:before {
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 25px;
    left: -12px;
    font-size: 21px;
}

.t_tle {
    font-size: 0;
    margin: 10px;
}

#lock {
    display: none;
}

@media screen and (min-width: 320px) and (max-width: 1000px) and (orientation: landscape) {
    #lock {
        display: block;
    }

    #app,.footer-home,.sidebar {
        display: none;
    }
}

@media screen and (min-width: 320px) and (max-width: 915px) and (orientation: portrait) {
    #lock {
        display: none;
    }

    #app,.footer-home {
        display: block;
    }

    .sidebar{
        display: flex;
    }
}

.all_favr ul.pagination, #end_pagin11 ul.pagination {
    justify-content: left;
    padding-bottom: 4rem;
    max-width: 72%;
    margin: 0 auto;
}
.all_favr .container {
    padding-bottom: 0 !important;
}

.profile_mdal {
    top: 100px;
    padding: 10px;
}
.profile_mdal .modal-body {
    text-align: center;
}
#about_me .modal-dialog {
    padding: 0 3rem;
    max-width: 50%;
}
.site-loader.gallery {
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    z-index: 9999;
    position: fixed;
    height: 100%;
    top: 0;
    background: #fff;
}
.lod_more-notf {
    font-family: 'latoregular';
    background-color: #3d66db;
    padding: 6px 7px;
    color: #ffff !important;
    border-radius: 4px;
    float: right;
    font-size: 16px !important;
}
.rounded-pill.bg-danger {
    font-size: 10px;
    margin-top: -10px;
  	right: 6px;
}
.notfy_all .notification-list {
    padding: 5px;
}
.insta_icon img {
    max-width: 25px;
}

img.in_chat {
    width: 30px;
    height: 30px;
    object-fit: cover;
}
.notification-list {
    width: 100%;
}
.my_notfy-txt {
    margin-top: 3.5rem;
}
.notfy_all {
    padding-bottom: 2rem;
}
.ghrt {
    font-family: "Nunito", sans-serif !important;
}
.che_pswrd {
 line-height: 22px;
    font-size: 18px;
    font-family: 'latoregular';
}
.creditcount a {
    background: #3d66db;
    padding: 7px 17px;
    font-size: 14px;
    border-radius: 5px;
    color: #fff !important;
    font-weight: 100 !important;
    font-family: 'Nunito';
}
.settings_user .form-switch .form-check-input {
    height: 20px;
    width: 3em;
    margin-left: -3.5em;
}
.settings_user .form-switch {
    padding-left: 3.5em;

}
.prof-file_about {
    display: none;
}
.chat-history .user-message {
    display: flex;
    flex-direction: row-reverse;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    flex-flow: wrap;
}
.chat-history .user-message .other-message {
    order: 1;
    width: fit-content;
    max-width: 100%;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
}
.chat-history .user-message .message-data {
    order: 2;
    width: 100%;
    margin-top: 5px;
}
.sebd_mssge .btn {
    font-size: 21px;
    padding-top: 11px;
}
.your-action {
    width: 100%;
    float: left;
}
.notf-height {
    height: 150px;
}
.notfy_all {
    width: 100%;
    display: block;
    margin-bottom: 6rem;
    float: left;
    padding-bottom: 4rem !important;
}
.terms-cond .accordion-body {
    height: auto;
}
.terms-cond .accordion-header button.accordion-button {
    font-weight: bold;
}
.terms-cond .accordion {
    margin-bottom: 2rem;
}
.footer-bottom a.disabled {
    pointer-events: none;
    cursor: default;
}