@charset "utf-8";

/* CSS Document */
@media (max-width:1364px) {
	/* .innerBodyCont > .innerWrapper{padding-left:0; padding-right:0;} */

}

@media (max-width:1340px) {
	.headerSearch .tl {
		display: none;
		margin: 0 0 6px 0;
		text-align: left;
	}

	.headerSearch .locat {
		width: 168px;
	}

	.srchSelect {
		width: 90px;
	}

	.headerSearch .more {
		padding-left: 7px;
		padding-right: 7px;
	}

	.profileBoxes .rw {
		margin: 0 -10px;
	}

	.profileBoxes .rw .colm {
		padding: 0 10px 20px 10px;
	}

	.headerNav ul li a {
		padding-left: 14px;
		padding-right: 14px;
	}

	.headerNav ul li {
		padding-right: 14px;
	}
	.siteLogo{
		top:45px;
		height: auto;
	}
}

@media (max-width:1280px) {

	.profileBoxes .rw .colm {
		max-width: 100%;
	}

	.radiobtnsarea {
		-moz-column-count: 5;
		-webkit-column-count: 5;
		column-count: 5;
	}

	.onlineProfileListing .rW {
		margin: 0 -8px;
	}

	.onlineProfileListing .rW .colM {
		padding: 0 8px 16px 8px;
	}

	.radiobtnsarea article:first-child:before {
		left: 18%;
	}

	.radiobtnsarea article:nth-child(2):before {
		left: 38%;
	}

	.radiobtnsarea article:nth-child(3):before {
		left: 58%;
	}

	.radiobtnsarea article:nth-child(4):before {
		left: 78%;
	}

	.radiobtnsarea article:nth-child(5):before {
		display: none;
	}

	.purchaseBody .rw .colm {
		width: 48%;
	}

	.purchaseBody .rw .colm:last-child {
		width: 52%;
	}

	.headerNav ul li a {
		padding-left: 10px;
		padding-right: 10px;
	}

}

@media (max-width:1279px) {
	.wrapper {
		max-width: 98%;
	}
}

@media (max-width:1200px) {
	.headerNav {
		padding-right: 10px;
	}

	.loginUser .name {
		display: none;
	}

	.headerNav ul li {
		padding-right: 0;
	}

	.headerRight .form-inline .form-control {
		width: 170px;
	}

	.findYourNaughtySteps .stepsBox .ico {
		width: 80px;
		height: 80px;
	}

	.findYourNaughtySteps .stepsBox .ico img {
		width: 70%;
	}

	.findYourNaughtySteps .stepsBox {
		padding: 0 0 0 94px;
	}
}

@media (min-width:1024px) {
	.headerSearch {
		display: block !important;
	}

	/*.onlineProfileBox .image {height: 166px;}	*/

}

@media (max-width: 1024px) and (min-width: 1023px) {
	.footerBottom .rw .colm:last-child {
		width: 26%;
	}

	.profileboxCont .colm {
		width: 25%;
	}

	.btnchtflirt .colm {
		width: 50%;
	}

	.headerSearch .locat {
		width: 150px;
	}

	.headerSearch .more {
		font-size: 14px;
		font-weight: 400;
	}

	.srchSelect {
		width: 100px;
	}

	.srchSelect#ageStart,
	.srchSelect#ageEnd {
		width: 60px;
	}

	/*.advanceSearchSec {max-height: calc(100vh - 134px);min-height: calc(100vh - 134px);}*/
	.sexInterestList {
		max-height: calc(100vh - 193px);
	}

	.chatFooter .typeField .type-c .type-sec {
		padding: 7px 10px;
	}

}

@media (max-width:1023px) {
	.bannerTxts h2 {
		font-size: 64px;
		line-height: 72px;
	}

	.dateStepsHead {
		padding: 36px 0 42px 0;
	}

	.dateStepsHead h2 {
		font-size: 30px;
		line-height: 34px;
		margin: 0 0 24px 0;
		padding: 0 0 16px 0;
	}

	.dateStepsHead p {
		font-size: 15px;
		line-height: 25px;
	}

	.innerHeader {
		padding: 0;
		background-color: #fff;
		height: auto !important;
	}

	.navSrch,
	.navClick {
		margin-left: 5px;
		display: inline-block;
		padding: 2px 0;
		font-size: 16px !important;
		line-height: 28px;
		min-height: 1px;
		width: 32px;
		height: 32px !important;
	}

	.navSrch i,
	.navClick i {
		margin: 0 !important;
	}

	.headerSearch {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		background-color: rgba(0, 0, 0, 0.6);
		overflow: auto;
		padding: 20px 0;
	}

	.headerSearchBar {
		position: relative;
		max-width: 300px;
		margin: 0 auto;
		text-align: left;
		/* background-color: #f01531; */
		padding: 40px 16px 22px 16px;
	}

	.headerSearch .more {
		width: 49%;
		margin-left: 0%;
		margin-right: 0;
		text-align: center;
	}

	.headerSearch .more.sexIntrstClk {
		width: 100%;
		margin-left: 0%;
		margin-right: 0;
		text-align: center;
	}

	.headerSearch .age,
	.headerSearch .locat {
		display: inline-block;
		vertical-align: top;
		margin: 0 0px 0 0;
		width: 100% !important;
		position: relative;
		padding: 0;
	}

	.headerSearch .usernamefield {
		width: 100%;
		padding: 0;
	}

	.headerSearch .btn {
		margin: 4px auto 0 auto;
		width: 130px;
		display: block;
	}

	.srchSelect,
	.headerSearch .line,
	.headerSearch .locat .srchInput,
	.headerSearch .more,
	.usernamefield .srchInput,
	.headerSearch .newButton {
		margin-top: 3px;
		margin-bottom: 3px;
	}

	.headerSearch .line {
		width: 20%;
	}

	.headerSearch .locat .fa,
	.headerSearch .locat .fas {
		top: 10px;
	}

	.srchSelect {
		width: 100%;
	}

	.headerSearch .age .srchSelect {
		width: 41% !important;
	}

	.srchClose {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 30px;
		background: url(../images/close.svg) no-repeat center center;
		background-size: 12px auto;
	}

	.headerSearch .tl {
		display: block;
		color: #fff;
		font-size: 20px;
		line-height: 24px;
		font-weight: 500;
		margin: 0 0 14px 0;
	}

	.headerSearch .searchChklist {
		margin-top: 10px;
		padding-right: 0px;
		margin-bottom: 10px;
		width: 100%;
	}

	.advanceSearchSec {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		max-height: 100% !important;
		min-height: 1px !important;
		bottom: 0;
	}

	.advanceSearchSec .innerWrapper {
		background-color: #222222;
		position: relative;
		border-bottom: 3px solid #da0000;
		height: 100%;
	}

	.sexInterestsSrch {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		max-height: 100%;
		z-index: 99999;
	}

	.headerNav {
		position: fixed;
		top: 0;
		left: -240px;
		z-index: 1001;
		min-height: inherit !important;
		height: 100%;
		overflow: auto;
		transition: 500ms;
		padding: 0;
		background-color: #ffffff;
		width: 240px;
		text-align: left;
	}

	.headerNav ul {
		display: block;
		padding: 0;
		margin: 0;
	}

	.headerNav ul li {
		display: block;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px solid #dedede;
	}

	.headerNav ul li a {
		display: block;
		padding: 12px 12px;
		text-align: left;
	}

	.headerNav ul li a:hover {
		color: #f01531;
	}

	.headerNav ul li a.sl {
		color: #fff;
		background-color: #e21c3f;
	}

	.sidebarLeft {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1001;
		min-height: inherit !important;
		height: 100%;
		overflow: auto;
		left: -230px;
		transition: 500ms;
		width: 230px;
		padding: 0;
	}

	.sidebarLeft .sideAd {
		display: none;
	}

	.articleSection {
		padding-left: 0;
		padding-right: 0;
	}

	.navOverlay {
		display: block;
		background-color: rgba(0, 0, 0, 0.6);
		z-index: 1000;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		visibility: hidden;
		transition: 500ms;
	}

	.showNav .navOverlay {
		opacity: 1;
		visibility: visible;
	}

	.showNav .sidebarLeft {
		left: 0;
	}

	.articleSection {
		padding-left: 0;
		padding-right: 0;
	}

	.dateSteps .rw {
		margin: 0 -16px;
	}

	.dateSteps .rw .colm {
		padding: 0 16px;
	}

	/* .stepBox .ico{width:94px; height:94px;}
	.stepBox .ico img{width:42px;} */
	.cmsContainer h1 {
		font-size: 32px;
		line-height: 38px;
	}

	.headOnlineUser {
		display: none;
	}

	.innerLogo {
		position: static;
		transform: inherit;
		display: inline-block;
		vertical-align: top;
		margin: 6px 0 0 0;
	}

	.navOverlay {
		display: block;
		background-color: rgba(0, 0, 0, 0.6);
		z-index: 2;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		visibility: hidden;
		transition: 500ms;
	}

	.showNav .navOverlay {
		opacity: 1;
		visibility: visible;
	}

	.showNav .headerNav {
		left: 0;
	}

	.purchaseBody .rw .colm {
		width: 52%;
	}

	.purchaseBody .rw .colm:last-child {
		width: 48%;
	}

	.packageBotSec {
		background-position: top right;
	}

	.pggSec {
		padding-right: 0;
	}

	.creditPackages .rw {
		margin: 0 -10px;
	}

	.creditPackages .rw .colm {
		padding: 10px;
	}

	.sexInterestList .rw .colm {
		width: 33.333333%;
	}

	.innerHeader .headerRight {
		/* margin: 3px 0 0 0; */
	}

	.articleHead {
		margin-left: -10px;
		margin-right: -10px;
	}

	#giftModal .modal-body,
	.gftModal .modal-body {
		padding: 10px;
	}

	.giftlist {
		margin: 0 -5px;
	}

	.giftlist li {
		padding: 5px;
	}

	.giftlist li label .gftImg {
		height: 80px;
	}

	.navClick {
		margin-left: 15px;
	}

	.profileboxCont .colm {
		width: 33.33%;
	}

	.btnchtflirt .colm {
		width: 50%;
	}

	.footerBottom .rw {
		margin: 0;
	}

	.profileBox2 .profileFooter .likeFavBtns .lkbtn {
		font-size: 14px;
	}

	/*.onlineProfileBox .image {height: 134px;}*/
	.loginForm {
		/* display:none; */
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		background-color: rgba(0, 0, 0, 0.7);
		width: 100%;
		height: 100%;
		padding: 16px;
		overflow: auto;
		visibility: hidden;
		opacity: 0;
		transition: 500ms;
	}

	.headLogIco {
		display: inline-block;
	}

	.bannerheader .headerRight .btn {
		min-width: 124px;
		font-size: 16px !important;
	}

	.loginFormBx {
		display: block;
		width: 400px;
		max-width: 100%;
		background-color: #fff;
		padding: 22px 36px 36px 36px;
		border-radius: 20px;
		margin: 0 auto;
		position: relative;
	}

	.loginFormBx .logClose {
		display: block;
		position: absolute;
		top: 4px;
		right: 4px;
		width: 32px;
		height: 32px;
		background: url(../images/close-red.svg) no-repeat center center;
		background-size: 16px auto;
	}

	.showLogin .loginForm {
		visibility: visible;
		opacity: 1;
	}

	.findYourNaughtySteps .rw {
		margin: 0;
	}

	.findYourNaughtySteps .rw .colm {
		padding: 0 10px;
	}

	.bannerheader {
		opacity: 1 !important
	}

	.headerRight .form-inline>div {
		width: 100%;
		position: relative;
		padding-bottom: 15px;
	}

	.loginFormBx {
		padding: 36px 20px 36px 20px;
	}

	.headerRight .form-inline .form-control {
		display: block;
		width: 100%;
		margin: 10px 0 0 0 !important;
		height: 40px !important;
	}

	/* .newLoginBx{
	background-color:#fff;
} */
	.bannerheader .headerRight .btn:first-child {
		margin: 0 auto;
	}

	.headerSearch .line {
		background: none;
	}

	.headerNav ul li a {
		color: #000
	}
	.unreadCount{
		top: 13px;
    	right: 8px;
	}

	.headerNav ul li a span {
		color: #000;
	}

	.headerNav ul li a.sl span {
		color: #FFF;
	}

	.top_sticky_first {
		position: sticky;
		top: 0;
		z-index: 10;
	}

	.headerContainer {
		display: block;
		width: 100%;
		z-index: 1000;
	}

	.innerBodyCont {
		display: block;
		background-color: #f0f0f2;
		/* padding-bottom: 57px; */
		margin: 0px 0 0 0;
	}

	.userdrop-mask,
	.msgOverlay {
		background-color: rgba(0, 0, 0, 0.7);
	}

	.alter_search_panel {
		display: block;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0 10px;
		max-height: calc(100vh - 93px) !important;
	}
}

@media (max-width: 1023px) and (min-width: 768px) {
	.sexInterestList {
		max-height: calc(100vh - 128px);
		height: calc(100vh - 128px);
	}

	.headerSearchBar {
		max-width: 350px;
	}

	.innerLogo {
		margin: 12px 0 0 0;
	}

	.photosBodyCont .rw .colm {
		width: 20%;
	}

	.imageupload {
		top: 10vh;
		left: 0;
		right: 0;
	}

	.articleSection {
		padding-bottom: 1px;
	}
}

@media (max-width:900px) {
	.bannerarea {
        min-height: 100vh !important;
    }
	.dateSteps .rw {
		margin: 0 -15px;
	}

	.dateSteps .rw .colm {
		padding: 0 15px;
	}

	.sectionTl {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 16px;
	}

	.stepBox .details .tl {
		font-size: 20px;
		line-height: 24px;
	}

	.stepBox .details p {
		font-size: 14px;
		line-height: 20px;
	}

	.footer .copyrightSec .txt {
		padding: 0;
	}

	.footer .copyrightSec .txt .powerBy {
		position: static;
		margin: 6px 0 0 0;
		transform: inherit;
	}

	.cmsBanner {
		padding: 80px 0 36px 0;
	}

	.confirmEmailPg .changeEmailBtn>.btn-danger,
	.confirmEmailPg .buttonset>.btn-danger {
		width: 306px;
		font-size: 16px;
		line-height: 36px;
		padding: 4px 20px !important;
	}

	.aboutProfile,
	.profileNextPrevBot,
	.onlineNow {
		padding: 16px;
	}

	.pkgHead,
	.discountPackagesH h2 {
		font-size: 24px;
		line-height: 32px;
	}

	.discountPackagesH p {
		font-size: 14px;
		line-height: 22px;
	}

	.hotCupidoTxts {
		width: 64%;
		padding: 42px;
	}

	.hotCupidoSec .bkg:after {
		width: 64%;
	}

	.giftlist {
		margin: 0 -4px;
	}

	.giftlist li {
		padding: 4px;
	}

	.profileBox2 .profileFooter .likeFavBtns .lkbtn {
		font-size: 14px;
	}

	.findYourNaughtySteps .stepsBox .ico {
		width: 60px;
		height: 60px;
	}

	.findYourNaughtySteps .stepsBox {
		padding: 0 0 0 74px;
	}
}

@media (max-width:899px) {

	.boxes{
		width: 100%;
		padding: 30px;
	}
	.logRegBanner.ContactUspage{
		padding-top: 0px !important;
	}
	.Contactpage .logRegForm{
		display: block;
		margin-top: 100px;
	}
	.Contactpage .logRegForm h2{
		font-size: 26px;
		padding-bottom: 0px;
	}

	.btn-md {
		line-height: 22px;
		min-height: 36px;
	}


	.bannerheader {
		padding: 8px 0;
	}

	.logo {
		padding-top: 2px;
	}

	.innerLogo {
		margin: 9px 0 0 0;
	}

	.logo img,
	.logo2 img,
	.innerLogo a img {
		height: 45px;
	}

	/* .headerRight{margin:0;} */



	.headerRight .form-inline .form-control {
		display: block;
		width: 100%;
		margin: 10px 0 0 0 !important;
		height: 40px !important;
	}

	.headerRight .form-inline .btns {
		display: block;
		width: 100%;
		margin: 20px 0 0 0 !important;
	}

	.headerRight .form-inline .btns .btn {
		height: 44px !important;
	}

	.loginFormBx h2 {
		display: block;
		text-align: center;
		width: 100%;
		font-size: 30px;
		line-height: 36px;
		font-weight: 600;
		margin: 0 0 22px 0;
	}

	.headFrgt {
		text-align: center;
		margin: 12px 0 0 0;
	}

	.headFrgt a {
		color: #eb1d1d;
	}

	.showLogin .notifyMsgs {
		z-index: 1;
	}

	.cmsContainer {
		padding: 24px 16px;
	}

	.confirmEmailPg .cmsContainer .bootomSec {
		padding: 16px;
		margin: 20px -16px 0 -16px;
	}

	.loginUser .name {
		display: none;
	}

	.radiobtnsarea {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}

	.radiobtnsarea article:first-child:before {
		left: 22%;
	}

	.radiobtnsarea article:nth-child(2):before {
		left: 47%;
	}

	.radiobtnsarea article:nth-child(3):before {
		left: 73%;
	}

	.radiobtnsarea article:nth-child(4):before {
		display: none;
	}

	.profileTitle {
		padding: 12px 80px 12px 13px;
	}
	.profileDetailsDesc .usrDetFavbtn .colm{
		width: 100%;
	}
	/* .new-msg-btn { */
		/* margin-top: 28px !important; */
		/* width: 200% !important; */
	/* } */

	.profileTitle h2 {
		font-size: 20px;
		line-height: 26px;
	}

	.profileTopArrows a {
		display: inline-block;
		margin: 4px 0 0 8px;
		width: 26px;
	}

	.profileActions .leftSide a {
		padding: 10px 12px;
		font-size: 13px;
		line-height: 17px;
	}

	.profileActions .leftSide a i {
		font-size: 16px;
	}

	.profileDetailsSec {
		padding: 16px;
	}

	.onlineProfileListing .rW {
		margin: 0 -5px;
		text-align: center;
	}

	.onlineProfileListing .rW .colM {
		padding: 0 5px 10px 5px;
		width: 33.3%;
		max-width: 100%;
	}

	.onlineProfileBox .details .nm {
		font-size: 14px;
		line-height: 18px;
	}

	.onlineProfileBox .details .loc {
		font-size: 12px;
		line-height: 14px;
	}

	.purchaseBody .rw {
		display: block;
	}

	.purchaseBody .rw .colm,
	.purchaseBody .rw .colm:last-child {
		display: block;
		vertical-align: top;
		width: 640px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}

	.packageListCont .pkg,
	.topupBanner {
		max-width: 100%;
	}

	.crdPkgs .pkgTl {
		font-size: 24px;
		line-height: 32px;
	}

	.dateSteps .rw {
		margin: 0 -8px;
	}

	.dateSteps .rw .colm {
		padding: 0 8px;
	}

	.findNaughtyDates h2 {
		font-size: 32px;
		line-height: 38px;
		margin: 0 0 30px 0;
	}

	.stepBox .ico img {
		width: 52px;
	}
}

@media (max-width:800px) {

	/* .bannerarea .registerformCont{padding:16px 0 24px 0;} */
	.formBoxContainer {
		display: block;
		float: none;
		margin: 0 auto;
		width: 374px;
		max-width: 100%;
	}

	.formBoxContainer h2 {
		font-size: 24px;
		line-height: 30px;
	}

	.hotCupidoSec .bkg {
		background-position: top center;
	}

	.logRegBanner {
		padding: 80px 0 30px 0;
	}

	.logRegForm {
		padding: 20px;
		width: 380px;
		max-width: 100%;
	}

	.loginFooter {
		margin-left: -21px;
		margin-right: -21px;
	}

	.profileDetailsImage {
		width: 358px;
	}

	/* .profileDetailsDesc {
		padding-left: 382px;
	} */

	.profileDetailsImage .allImages .thumbnails .rW .colM a {
		max-height: 58px;
	}

	.radiobtnsarea article:before {
		display: none !important;
	}

	.photosBodyCont .rw .colm {
		width: 33.3%;
	}

	.loginUser {
		padding-right: 25px;
	}

	.new-msg-btn {
		/* margin-top: 40px !important; */
		/* margin-top: 58px !important; */
	}

}

@media (max-width: 768px) {
	.photosBodyCont .rw .colm {
		width: 25%;
	}

	.profileBox2 .profileFooter .likeFavBtns .lkbtn {
		padding: 5px 6px;
	}

	.footerBottom .rw .colm:first-child {
		padding-right: 30px;
	}

	.footerBottom .rw .colm:last-child {
		width: 41%;
	}

	.chatFooter .typeField .type-c .type-sec {
		padding: 7px 10px;
	}

}

@media (max-width:767px) {
	.bannerTxts h2 {
		font-size: 48px;
		line-height: 54px;
	}

	.bannerTxts p {
		font-size: 20px;
		line-height: 24px;
	}

	.bannerTxts .btn {
		min-width: 1px;
	}

	.bannerSection {
		border-width: 8px;
	}

	.btn-xl {
		font-size: 18px;
		line-height: 30px;
	}

	.btn-lg {
		font-size: 16px;
		line-height: 20px;
		padding: 10px 14px;
	}

	.hotCupidoTxts p {
		font-size: 18px;
		line-height: 32px;
	}

	.hotCupidoSec .bkg {
		padding: 40px 0;
	}

	.footerRow .colm {
		width: 33.333333%;
		padding-bottom: 16px;
	}

	.footerRow .colm:last-child {
		width: 100%;
	}

	.logRegForm h2 {
		font-size: 22px;
		line-height: 28px;
		padding-bottom: 14px;
		margin-bottom: 0;
	}

	.cmsContainer h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.cmsContainer.txtPg h4 {
		font-size: 19px;
		line-height: 23px;
	}

	.cmsContainer.txtPg p {
		font-size: 13px;
		line-height: 21px;
		margin: 12px 0 0 0;
	}

	.cmsContainer h4 {
		font-size: 22px;
		line-height: 26px;
	}

	.cmsContainer p {
		font-size: 14px;
		line-height: 20px;
	}

	.cmsContainer h5 {
		font-size: 20px;
		line-height: 24px;
	}

	.cmsContainer h6 {
		font-size: 18px;
		line-height: 22px;
	}

	.cmsContainer .icoTxt {
		font-size: 18px;
		line-height: 28px;
	}

	.cmsContainer .icoTxt i {
		font-size: 28px;
		line-height: 28px;
	}

	.cmsContainer .postCardIco {
		max-width: 120px;
	}

	.confirmEmailPg .buttonset {
		text-align: center;
	}

	.changeEmailBtn,
	.confirmEmailPg .buttonset>.btn {
		margin: 10px 0 0 0;
		max-width: 100%;
	}

	.changeEmailForm {
		padding: 16px;
		text-align: left;
	}

	.changeEmailForm .editFormrow .tl {
		font-size: 16px;
	}

	.radiobtnsarea {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}

	.clearChecked .ico {
		background-size: 28px auto;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 2;
	}

	.welcomePopup3 h2 {
		font-size: 32px;
		line-height: 36px;
	}

	.welcomePopup3 p {
		font-size: 15px;
		line-height: 24px;
	}

	.welcomePopup3 h3 {
		font-size: 18px;
		line-height: 22px;
	}

	.welcomePopup3 .modal-body {
		padding: 36px 20px 20px 20px;
	}

	.successTipsList .list .det .tl {
		font-size: 20px;
		line-height: 24px;
	}

	.paySuccessPopup .wlcmMsgCont {
		width: 394px;
	}
	.profileDetailsSec{
		flex-flow: column;
	}
	.profileDetailsImage {
		float: none;
		max-width: 100%;
		margin: 0 auto;
	}

	.profileDetailsDesc {
		padding: 20px 0 0 0;
	}

	.userInformations li span {
		width: 210px;
		max-width: 50%;
	}

	.creditOptions .rw {
		margin: 0 -10px;
	}

	.creditOptions .rw .colm {
		padding: 0 10px 20px 10px;
		width: 160px;
	}

	.textSec h2 {
		font-size: 21px;
		line-height: 27px;
	}

	.edtWrap {
		max-width: 480px;
		margin: 0;
	}

	.edtWrap h2 {
		font-size: 26px;
		line-height: 32px;
	}

	.pkgHead br {
		display: block;
	}

	.pkgHead>.btn {
		margin-top: 10px;
	}

	.pkgHead .shadowBtn {
		display: inline-block;
		vertical-align: top;
		float: none !important;
		margin: 24px 4px 0 4px;
	}

	.creditPackages .rw {
		text-align: center;
	}

	.creditPackages .rw .colm {
		width: 236px;
	}

	.messageContainer .headr {
		padding: 14px 16px;
	}

	.msgCurntUsr {
		font-size: 20px;
	}

	.msgRightPanel .rgtHead {
		padding: 8px 10px;
		min-height: 44px;
	}

	.messageContainer .headr .allFrnds {
		display: block;
	}

	.msgRightPanel {
		padding-left: 0;
	}

	.msgLeftPanel {
		position: fixed;
		top: 0;
		left: -270px;
		z-index: 1001;
		height: 100%;
		transition: 500ms;
	}

	.showFriends .msgLeftPanel {
		left: 0;
	}

	.showFriends .navOverlay {
		opacity: 1;
		visibility: visible;
	}

	.hotCupidoSec .bkg:after {
		width: 100%;
	}

	.hotCupidoTxts {
		width: 100%;
	}

	.notificationSettings>.row {
		margin: 0;
	}

	.notificationSettings>.row .col-md-6 {
		padding: 0;
	}

	.notificationSettings>.row .col-md-6:first-child .whBx:after {
		display: none;
	}

	.sexInterestList .rw .colm {
		width: 50%;
	}

	.dateStepsFooter {
		padding: 26px 0;
	}

	.dateStepsFooter p {
		font-size: 18px;
		line-height: 26px;
	}

	.logRegForm .h_text p {
		font-size: 13px;
		line-height: 21px;
	}

	.articleHead .mmbr {
		display: none;
	}

	.sexInterestList {
		max-height: calc(100vh - 150px);
	}

	.sexInterestsSrch {
		padding: 12px 0;
	}

	.sexInterestsSrch h2 {
		font-size: 22px;
		line-height: 26px;
		padding-bottom: 14px;
	}

	.sexInterestsSrch h2 .cls {
		width: 28px;
		height: 28px;
		background-size: 21px auto;
	}

	.profileboxTab li {
		margin: 0 3px 0 0 !important;
		padding: 2px 0 0 0;
	}

	.profileboxTab li a {
		font-size: 15px;
		padding: 10px 14px;
	}

	.packageHeader {
		background-position: top left -600px !important;
	}

	.footerNav li {
		padding: 0 14px;
	}

	.footerNav li a {
		font-size: 14px;
	}

	.footerBottom .rw {
		margin: 0;
	}

	.footerBottom .rw .colm {
		width: 100%;
		text-align: center;
		padding: 5px 0;
	}

	.footerTxt,
	.copyright,
	.powerBy {
		text-align: center;
	}

	.messageContainer .headr .tl {
		font-size: 18px;
		font-weight: 600;
	}

	.discountPackages .rw {
		text-align: center;
	}

	.discountPackages .rw .colM {
		width: 33.333333%;
	}

	.profileboxCont .colm {
		width: 50%;
	}

	.btnchtflirt .colm {
		width: 50%;
	}

	.footerBottom .rw .colm:first-child {
		width: 100%;
	}

	.footerBottom .colm:nth-child(2) {
		text-align: center;
		padding-top: 20px !important;
		padding-bottom: 20px;
	}

	.footerBottom .colm:nth-child(2) a img {
		display: inline-block;
	}

	/* .footerBottom .colm:nth-child(3) {order: 3;} */
	.footerBottom .rw .colm:last-child {
		width: 100%;
	}

	.footerBottom .rw {
		flex-wrap: wrap;
	}

	.msgLeftPanel {
		-webkit-transition: 300ms ease-out;
		-moz-transition: 300ms ease-out;
		transition: 300ms ease-out;
		width: 100%;
		display: block;
		position: relative;
		left: 0;
		z-index: 2;
	}

	.msgLeftPanel.mobileverssion {
		display: none;
	}

	.msgRightPanel.mobileverssionshow {
		display: block;
	}


	.msgRightPanel {
		display: none;
	}

	.msgLeftPanel.showListF,
	.showListF {
		display: block;
		left: 0;
	}

	.photosBodyCont .rw .colm {
		width: 33.3%;
	}

	.profileTitle.sticky {
		position: fixed;
		left: 10px;
		top: 0;
		right: 10px;
		z-index: 3;
		background: #fff;
		border: 1px solid #ddd;
	}

	.profileActions.sticky {
		position: fixed;
		left: 10px;
		top: 50px;
		right: 10px;
		z-index: 3;
		border: 1px solid #ddd;
	}

	.profileTitle.sticky .sticky-image {
		display: inline-block;
	}

	.profileDetailsSec.sticky-applyed {
		margin-top: 94px;
	}

	.unreadCount {
		right: 10px;
		top: 15px;
	}

	.profileTitle.sticky h2 {
		max-width: 70%;
	}

	.findYourNaughtySteps .rw .colm {

		width: 100%;
		max-width: 500px;
		margin: auto;
		display: block;
	}

	.speech-bubble {
		height: 57px;
		width: 196px !important;
		left: -47px;
		top: -76px !important;
		z-index: 4;
		height: 60px !important;
	}

	.chatFooter .typeField .type-c .type-sec {
		padding: 7px 10px;
	}

	.headerSearch .searchChklist {
		margin: 8px 0;
		padding-right: 0px;
		width: 100%;
	}

	.question-popup-c {
		flex-flow: column;
	}

	.question-popup-c .panel-l {
		border: none;
		border-bottom: 1px solid #d8d8d8;
		max-width: 100%;
		flex: 0 0 100%;
		border-radius: 10px 10px 0 0;
	}

	.question-popup-c .panel-r {
		max-width: 100%;
		flex: 0 0 100%;
		border-radius: 0 0 10px 10px;
	}

	.card-logo {
		float: none;
		justify-content: center !important;
	}

	.new-msg-btn {
		/* margin-top: 10px !important; */
		/* width: 203% !important; */
	}
}

@media (max-width:640px) {
	.giftlist li label .gftImg {
		height: 62px;
	}

	.chatPopup:nth-child(1) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(2) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(3) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(4) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(5) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(6) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(7) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(8) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(9) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(10) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(11) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(12) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(13) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(14) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(15) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(16) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(17) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(18) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(19) {
		display: block;
		right: 0;
	}

	.chatPopup:nth-child(20) {
		display: block;
		right: 0;
	}

}

@media (max-width:639px) {
	.innerHeader {
		padding: 6px 0;
	}

	.headLogIco {
		padding-left: 10px;
		padding-right: 10px;
	}

	.inrHeadCont {
		min-height: 50px;
	}

	.innerLogo {
		width: 100%;
		text-align: center;
		float: none;
	}

	/* .logo img,
	.innerLogo a img{height:30px;} */
	.headerRight {
		margin-top: 1px;
	}

	.innerWrapper .headerRight {
		margin-top: 6px;
		width: 100%;
		text-align: center;
		float: none;
	}

	.dateSteps .rw {
		display: block;
	}

	.dateSteps .rw .colm {
		width: 100%;
		display: block;
	}

	.dateSteps .rw:before,
	.dateSteps .rw:after {
		display: none;
	}

	.stepBox {
		max-width: 100%;
	}

	.findNaughtyDates h2 {
		font-size: 28px;
	}

	.formBoxContainer {
		padding: 16px;
	}

	.notifyMsgs {
		right: 0;
		padding: 0 8px;
		top: 4px;
		bottom: initial;
	}

	.notyfiMsg {
		margin-bottom: 8px;
	}

	.loginFormBx h2 {
		font-size: 26px;
		line-height: 30px;
	}

	.headaddcredit {
		min-width: 1px;
	}

	.notificationSettings {
		padding: 16px 16px 0 16px;
	}

	#flirtModal .modal-body {
		padding: 10px;
	}

	.flirtMsglist li label span {
		padding: 9px 10px 9px 14px;
		font-size: 14px;
		line-height: 18px;
	}

	.flirtMsglist li label span .fas {
		top: 9px;
		left: 7px;
	}

	.modal-header {
		padding-right: 56px;
		font-size: 18px;
		line-height: 22px;
	}

	.profileActions .leftSide a {
		font-size: 0px;
		text-align: center;
		width: 58px;
		max-width: 20%;
	}

	.profileActions .leftSide a i {
		font-size: 16px;
		margin: 0;
	}

	.pkgHead .shadowBtn.lg {
		font-size: 15px !important;
		line-height: 18px !important;
	}

	.profileboxTabView {
		padding: 14px 0 90px;
	}

	.confirmEmailPg .cmsContainer .bootomSec {
		text-align: center;
	}

	.cmsBanner {
		padding: 66px 0 24px 0;
	}

	.giftlist li {
		width: 14.28%;
	}

	.navClick {
		position: static;
		bottom: 5px;
		left: 0;
		margin: 0 0 0 6px;
	}

	#notyfybtn {
		position: relative;
		bottom: 0px;
		right: 0;
	}

	.notification {
		position: static;
		top: 5px;
		right: 0;
		margin: 0 8px 0 0;
	}

	.bannerarea .registerformCont {
		padding-top: 140px;
	}

	.findYourNaughtySteps .rw .colm {
		width: 100%;
	}

	.findYourNaughtySteps .stepsBox {
		margin-bottom: 30px;
	}

	.headerNav ul li a span {
		color: #000
	}

	.headerNav ul li a.sl span {
		color: #FFF
	}

	.notification .notifybox {
		right: 0
	}

	/* For Chat Popup*/
	.chatPopup {
		width: 100%;
	}

	.chatPopups {
		right: 10px;
		left: 10px;
	}

	.chatPopup .chatUsr {
		display: flex;
		align-items: center;
	}

	.chatFooter .typeField .type-c .type-sec {
		padding: 7px 10px;
	}

	.question-popup-c .panel-l,
	.question-popup-c .panel-r {
		padding: 50px 20px;
	}
}

@media (max-width:599px) {
	.bannerheader {
		padding: 10px 0;
	}

	.bannerTxts h2 {
		font-size: 34px;
		line-height: 38px;
	}

	.bannerTxts p {
		font-size: 18px;
		line-height: 22px;
		margin: 12px 0 0 0;
	}

	.logo,
	.headerRight {
		display: block;
		width: 100%;
		margin: 0;
		text-align: center;
	}

	.headerRight {
		margin: 12px 0 0 0;
	}

	.logo img,
	.logo2 img,
	.innerLogo a img {
		height: 44px;
	}

	.bannerheader .headerRight .btn {
		padding: 4px 10px 6px 10px;
		min-width: 1px;
		min-height: auto;
		line-height: 20px;
		max-width: 250px;
		padding: 5px !important;
	}

	.radiobtnsarea {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}

	.notificationSettings {
		padding: 14px 10px 0 14px;
	}

	.notifiSetBox h2 {
		padding: 9px 10px;
		width: 160px;
	}

	.notifiSetBox h2:after {
		border-top-width: 37px;
	}

	.whBx {
		padding: 11px 10px;
	}

	.settingsList li {
		padding-left: 0;
	}

	.editForm .form-group label {
		padding-top: 0;
	}

	.welcomePopup2 .modal-dialog {
		max-width: 398px;
		margin: 16p auto 0 auto !important;
	}

	.modal-dialog {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.welcomePopup3 .modal-body {
		padding: 36px 16px 16px 16px;
	}

	.welcomePopup3 h2 {
		font-size: 26px;
		line-height: 32px;
	}

	.wlcmCont {
		text-align: center;
	}

	.wlcmCont .wlcmModel {
		display: inline-block;
		float: none;
		margin: -66px 0 0 0;
		width: 216px;
	}

	.wlcmTxts {
		padding: 40px 20px;
		background-color: rgba(255, 255, 255, 0.6);
	}

	.wlcmFooter {
		padding: 14px;
	}

	.wlcmMsgCont2 {
		text-align: center;
	}

	.successTipsList .list>img,
	.successTipsList .list .uPhotobx {
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	.successTipsList .list .det {
		padding: 16px 0 0 0;
	}

	.successTipsList .list .det .tl {
		font-size: 19px;
		line-height: 23px;
	}

	.paySuccessPopup .wlcmMsgCont {
		width: 100%;
		float: none;
		padding-left: 0;
		padding-right: 0;
	}

	.paySuccessPopup .modal-body {
		background-position: top center;
	}

	.paySuccessPopup .modal-body {
		background-position: top center;
		background-size: 152px auto;
		padding-top: 246px;
		text-align: center;
	}

	.paySuccessPopup .wlcmMsgCont h2 {
		font-size: 28px;
		line-height: 32px;
	}

	.paySuccessPopup .wlcmMsgCont p {
		font-size: 17px;
		line-height: 26px;
	}

	.paySuccessPopup .buttonset {
		text-align: center;
	}

	.packageBotSec {
		background-position: top right -358px;
	}

	.profileDetailsSec {
		padding: 10px;
	}

	.messageChatBody {
		padding-left: 10px;
		padding-right: 10px;
	}

	.messageChatFootr {
		padding: 12px 12px;
		height: auto;
	}

	.messageChatBody {
		height: 306px;
	}

	.sexintBx .boxC {
		min-height: 56px;
	}

	.sexintBx .catgImg {
		top: 2px;
		left: 2px;
		width: 50px;
		height: 50px;
	}

	.sexintBx .txt {
		padding-left: 68px;
	}

	.loadingBtn {
		font-size: 12px;
	}

	.giftlist li {
		width: 16.666666%;
	}

	.giftlist li label .gftImg {
		height: 72px;
	}

	.footerNav li {
		margin: 3px 0;
	}

	.footerNav li a {
		font-size: 13px;
	}

	.cmsBanner,
	.logRegBanner {
		padding-top: 112px;
	}

	.cmsContainer.txtPg h1 {
		font-size: 28px;
		line-height: 36px;
	}

	.welcomeVipPopup .modal-dialog {
		max-width: 370px;
	}

	.welcomeVipPopup .wlcmMsgCont {
		width: 100%;
		text-align: center;
		background-color: rgba(255, 255, 255, 0.7);
	}

	.lowCredits .warningIco {
		max-height: 74px;
	}

	.lowCredits h2 {
		font-size: 24px;
		line-height: 28px;
		margin: 18px 0 0 0;
	}

	.lowCredits h4 {
		font-size: 18px;
		line-height: 22px;
		margin: 20px 0 0 0;
	}

	.lowCreditsCont .footerC {
		text-align: center;
		padding: 16px 20px;
	}

	.lowCreditsCont .footerC .btn,
	.lowCreditsCont .footerC .btn:first-child {
		font-size: 18px;
		line-height: 22px;
		min-width: 1px;
	}

	.chatFooter .speech-bubble {
		right: -50px !important;
		top: -66px !important;
		left: initial;
	}

	.messageChatFootr .speech-bubble {
	    right: -75px !important;
    top: -67px !important;
    left: initial;
    width: 170px !important;
	}
}

@media (max-width:575px) {
	.logRegForm.regForm {
		width: 352px;
		max-width: 100%;
	}

	.logRegForm.regForm .form-group {
		margin-bottom: 10px;
	}

	.logRegForm .form-group label {
		font-size: 13px;
	}

	.editForm .col-sm-4:last-child {
		padding-top: 10px;
	}

	.purchaseBody .rw .colm {
		max-width: 280px;
	}

	.packageListCont .pkg .leftS {
		width: 100%;
		padding: 18px 18px 70px 18px;
	}

	.packageListCont .pkg .rightS {
		position: relative;
		width: 100%;
	}

	.packageListCont .rightBxCont {
		position: relative;
		text-align: center;
		padding: 10px 10px 38px 10px;
		background: #e72324;
		background: -webkit-linear-gradient(top, #e72324, #fb5066);
		background: -o-linear-gradient(top, #e72324, #fb5066);
		background: -moz-linear-gradient(top, #e72324, #fb5066);
	}

	.packageListCont .pkg .leftS .t {
		text-align: center;
	}

	.packageListCont .ofrsList {
		max-width: 190px;
		margin: 0 auto;
		padding-top: 10px;
	}

	.packageListCont .pkg .rightS:before {
		border-radius: 600px 600px 0 0;
		left: 50%;
		top: -38px;
		transform: translate(-50%, 0);
		width: 200%;
		height: 300px;
	}

	.packageListCont .pkg .c-ico {
		border-color: #e72324;
	}

	.packageListCont .pkg .c-ico:after {
		background-color: #e72324;
	}

	.tableVw table tr td,
	.tableVw table tr td:first-child {
		padding-left: 10px;
		padding-right: 10px;
	}

	.tableVw table tr th .t {
		padding-left: 10px;
	}

	.packageListCont .pkgbox {
		padding: 68px 12px 40px 12px;
	}

	.packageListCont .pkgbox .pkgTime {
		left: 50%;
		transform: translate(-50%, 0);
	}

	.pkgtxtCont .colmLi {
		float: none;
		padding: 6px 0;
	}

	.pkgtxtCont .colmLi:nth-child(3) {
		float: none;
		text-align: center;
	}

	.pkgtxtCont .colmLi ul {
		display: inline-block;
	}

	.messageChatBody ul li {
		padding-left: 56px;
		margin-top: 14px;
	}

	.messageChatBody ul li .uPhoto {
		width: 40px;
		height: 40px;
	}

	.messageChatBody ul li.me {
		padding-right: 56px;
	}

	.messageChatBody ul li .msgTxt:before {
		top: 12px;
	}

	.messageChatBody ul li .msgTxt {
		padding: 8px 10px;
	}

	.messageChatBody ul li p {
		font-size: 13px;
		line-height: 17px;
	}

	.hotCupidoTxts {
		padding: 0;
	}

	.cmsContainer,
	.logRegForm {
		padding: 14px;
	}

	.loginFooter {
		margin-left: -15px;
		margin-right: -15px;
	}

	.confirmEmailPg .cmsContainer .bootomSec {
		margin-left: -14px;
		margin-right: -14px;
	}

	.cmsContainer.txtPg h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.cmsContainer.txtPg h2 {
		font-size: 22px;
		line-height: 26px;
		margin: 16px 0 0 0;
	}

	.giftlist li {
		width: 20%;
	}

	.profileboxTab li a {
		font-size: 14px;
		padding: 8px 12px;
		min-width: 160px;
	}

	.card-logo img{
		width: 40px;
	}
	.siteLogo{
		bottom: 80px;
        top: unset;
		width: 100px;
		right: 10px;
	}

}

@media (max-width:500px) {
	.front_page_logo img{
		height: 30px !important;
	}
	.innerHeader {
		padding: 10px 0 8px 0;
	}

	.innerLogo {
		display: block;
		float: none;
		text-align: center;
		margin: 0;
		padding: 4px 0 0 0;
	}

	.innerWrapper .headerRight {
		display: block;
		float: none;
		text-align: center;
		margin: 10px 0 0 0;
	}

	.usrHeadr {
		float: none;
		margin: 0;
	}

	.secureSec ul li {
		padding: 6px 9px;
	}

	.paysecureico li {
		padding: 6px;
	}

	.headerNav {
		width: 100%;
		padding-top: 34px;
		left: -100%;
	}

	.showNav .headerNav {
		left: 0;
	}

	.headerNav .navClose {
		display: block;
		position: absolute;
		top: 2px;
		right: 2px;
		width: 24px;
		height: 24px;
		background: url(../images/close-white.svg) no-repeat center center;
		background-size: 16px auto;
	}
}

@media (max-width:480px) {

	/* .logRegForm h2 {
		font-size: 18px;
	}
	.logRegForm h2 .mmbr {
		font-size: 13px;
		margin: 5px 0 0 0;
	} */
	.notification .notifybox {
		right: 0px;
		left: 103px;
		top: 93%;
	}

	.notifybox:before {
		right: auto;
		left: 44px;
	}

	.userDrop {
		top: 0;
		position: fixed;
		right: -100%;
		bottom: 0;
		border-radius: 0;
	}

	.userDrop.on {
		right: 0;
		top: 0;
	}

	.userDrop:after {
		left: 142px;
		right: auto;
	}

	/*.head-m-line{display:block; margin:6px 0 0 0;}*/
	.stepBox {
		padding-left: 16px;
		padding-right: 16px;
	}

	.formBoxContainer {
		width: 100%;
	}

	.formBoxContainer .row .col-xs-3 {
		width: 50% !important;
		padding-bottom: 8px;
	}

	.formBoxContainer .row .col-xs-6 {
		width: 100% !important;
		padding-bottom: 8px;
	}

	.formBoxContainer .row .col-xs-3:last-child,
	.formBoxContainer .row .col-xs-6:last-child {
		padding-bottom: 0px;
	}

	.footerRow .colm {
		width: 50%;
		padding-bottom: 16px;
	}

	.footerRow .colm:nth-child(3) {
		width: 100%;
	}

	/* .headerSearchBar{max-width:300px; margin:0 auto;} */
	.srchSelect {
		width: 100%;
	}

	.radiobtnsarea {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

	.radiobtnsarea article {
		display: block;
		width: 100%;
	}

	.delAcBody {
		padding: 10px 0px;
	}

	.paySuccessPopup .wlcmMsgCont h2 {
		font-size: 24px;
		line-height: 28px;
	}

	.paySuccessPopup .wlcmMsgCont p {
		font-size: 16px;
		line-height: 24px;
	}

	.shadowBtn.lg {
		font-size: 16px !important;
		line-height: 22px !important;
	}

	.onlineProfileListing .rW .colM {
		width: 50%;
	}

	.editProfilePic {
		text-align: center;
	}

	.editProfilePic .pic {
		margin: 0 auto;
		float: none;
		width: 180px;
		max-width: 100%;
	}

	.editProfilePic .btns {
		padding: 10px 0 0 0;
	}

	.editProfilePic .btns .btn {
		width: 180px;
		max-width: 100%;
	}

	.purchaseBody .tableVw.mbrtbl table tr th {
		width: 60px;
	}

	.purchaseBody .tableVw.mbrtbl table tr th:first-child {
		width: 120px;
	}

	.tableVw table tr th {
		min-width: 20px;
	}

	.tableVw table tr td {
		padding: 8px;
	}

	.packageHeader {
		padding: 20px 0;
		min-height: 480px;
	}

	.creditheadList li {
		width: 100%;
	}

	.creditPackages .rw .colm {
		width: 272px;
	}

	.tableVw table tr th .t {
		padding-bottom: 10px;
	}

	.sexInterestList .rw .colm {
		width: 100%;
	}

	/* .headerSearch .locat .fa, 
	.headerSearch .locat .fas{top:10px;} */
	.giftlist li {
		width: 25%;
	}

	.giftlist li label .gftImg {
		height: 60px;
	}

	.bkBtn .btn-md,
	.pkgHead>.btn {
		width: auto;
	}

	.purchaseBody {
		padding: 20px 0;
	}

	.purchaseBody .bkBtn {
		padding-bottom: 0;
	}

	.discountPackages .rw {
		max-width: 240px;
		margin: 0 auto;
	}

	.discountPackages .rw .colM {
		width: 100%;
		padding: 4px 0;
	}

	.profileboxCont .colm {
		width: 50%;
		padding: 0 4px 8px 4px;
	}

	.btnflirt {
		padding: .375rem .35rem !important;
	}

	.manWomenCounter .countBox {
		padding: 15px 0;
		width: 100%;
		text-align: left;
	}

	.manWomenCounter .countBox img {
		width: 50%;
	}

	/* .footer {
		border-top: 1px solid #e21c3f;
	} */

	.findYourNaughtySteps .stepsBox p {
		margin-bottom: 5px;
	}

	.bannerheader .headerRight .btn {
		padding: 4px 10px 6px 10px !important;
	}

	.findYourNaughtySteps .rw {
		margin: 0 -10px;
	}

	.findYourNaughtySteps .rw .colm {
		padding: 0 10px;
	}

	html {
		overflow-x: hidden;
	}

	.domain-sec:before {
		display: none;
	}

	.cover-bg-domain {
		width: 100%;
		background-size: cover;
	}

	.footerBottom .rw .colm:first-child {
		padding-right: 0;
	}

	.sectionTl span {
		font-size: 22px;
	}

	.sectionTl {
		margin: 0 0 70px 0;
	}

	.bannerheader {
		z-index: 99;
	}

	.confirmEmailPg .cmsContainer .bootomSec .btn {
		margin: 6px 0px;
		font-size: 14px;
	}

	.profileActions .leftSide {
		display: flex;
		width: 100%;
	}

	.profileActions .leftSide a {
		width: 100%;
		max-width: 100%;
	}

	.onlineProfileBox .details {
		border-radius: 0 0 2px 2px;
	}

	/*.onlineProfileBox .image {height: 126px;}*/
	.loginUser {
		padding-right: 25px;
	}

	.editProfileCont {
		margin-top: 10px;
	}

	.userDrop li a {
		padding: 5px 0;
	}

	.photosBodyCont .rw .colm {
		width: 50%;
		padding: 5px;
	}

	.notifyMsgs {
		left: 0;
	}

	.registerbox {
		width: 100%;
	}

	.imageupload {
		top: 10vh;
		left: 5%;
		right: 5%;
	}

	.btns {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.btns .btn {
		margin: 3px auto;
		font-size: 13px;
		max-width: 250px;
		min-width: 200px;
	}

	.sexInterestList {
		height: calc(100vh - 64px);
		max-height: calc(100vh - 64px);
	}

	.profileboxTab li a,
	.profileboxTab li.sl a {
		font-size: 14px;
	}

	.innerBodyCont {
		display: block;
		background-color: #f0f0f2;
		/* padding-bottom: 57px; */
		margin: 0px 0 0 0;
	}



}

@media (max-width:380px) {
	.siteLogo{
		top:85px;
	}
	.safeInfo .li {
		display: block;
		margin: 8px 0 0 0;
		text-align: left;
	}

	.profileboxCont .colm {
		width: 95%;
	}

	.btnchtflirt .colm {
		width: 50%;
	}

	.sectionTl span {
		font-size: 18px;
	}

	.findYourNaughty p {
		font-size: 14px;
	}

	.newImgUpload .inside img {
		margin-bottom: 0;
	}

	.newImgUpload .inside p {
		font-size: 12px;
		line-height: 13px;
	}

	.notification .notifybox {
		right: 0px;
		left: 60px;
		top: 93%;
	}

	.notifybox:before {
		right: auto;
		left: 67px;
	}

	.messageChatFootr .speech-bubble {
		right: -106px !important;
		top: -74px !important;
		left: initial;
		width: 168px !important;
	}

	.sexInterestList {
		max-height: calc(100vh - 200px);
		bottom: 0;
	}
}

@media (max-width:320px) {
	.notifybox:before {
		right: auto;
		left: 95px;
	}

	.notification .notifybox {
		right: 0px;
		left: 4px;
		top: 93%;
	}

	.profileboxTab li a {
		font-size: 14px;
		padding: 8px 12px !important;
		min-width: 135px;
		margin: 0 0px 0 0 !important;
	}

	.messageChatFootr .speech-bubble {
		right: -116px !important;
		top: -67px !important;
		left: initial;
	}
}




/* custom credit sectiond */

@media (max-width: 1199px) {}

@media (max-width: 1024px) {
    .custom-credit-pricing-table table {
        min-width: 767px;
    }

    .custom-credit-pricing-table table .th-title-w-price .th-title {
        height: 55px;
        font-size: 16px;
        line-height: 22px;
    }

    .custom-credit-pricing-table table .th-title-w-price .th-price {
        font-size: 16px;
    }

    .custom-credit-pricing-table table tbody tr td {
        font-size: 14px;
        padding: 10px 10px;
    }

    .custom-credit-pricing-table table .w-165px {
        width: 120px;
    }
	.custom-credit-pricing-table table .w-360px {
		width: 220px;
	}
    .custom-credit-pricing-table table tbody tr td .td-submit-actioins .buy-btn {
        font-size: 14px;
        height: 32px;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {
    .custom-why-buy-credit-sec .ses-title h2 {
        font-size: 20px;
        line-height: 26px;
    }.custom-why-buy-credit-sec .ses-title h5{
        margin-top: 8px;
    }
}

@media (max-width: 420px) {}


/* custom credit sectiond */