@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;}
}
@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; width:245px;}
	.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;}
	.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:10px 16px 22px 16px;}
	.headerSearch .more{width:100%; 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:#f01531;}
	.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%;}
	.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;
}
.bannerheader .headerRight .btn:first-child{    margin: 0 auto;}
.headerSearch .line{background:none;}
.headerNav ul li a{color:#000}
.headerNav ul li a span {
    color: #000;
}
.headerNav ul li a.sl span {
    color: #FFF !important;
}
.top_sticky_first {
    position: fixed;
    top: 0;
    z-index: 10;
}
.headerContainer {
    display: block;
    width: 100%;
    z-index: 1000;
}
.innerBodyCont {
    display: block;
    background-color: #f0f0f2;
    /* padding-bottom: 57px; */
    margin: 50px 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){
	.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){
	.btn-md{line-height:22px; min-height:36px;}
	
	
	.bannerheader{padding:8px 0;}
	.logo{padding-top:2px;}
	.innerLogo{margin:9px 0 0 0;}
	.logo img,
	.innerLogo a img{height:34px;}
	/* .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;}
	.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:185px;*/ width:33%; 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;}

}
@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;}
	.profileDetailsImage{float:none; max-width:100%;}
	.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 {order: 2;width: 100%;}
	.footerBottom .colm:nth-child(2) {order: 1;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%;
}
}
@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 !important}
	.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;
	}
}
@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, 
	.innerLogo a img{height:30px;}
	.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: -117px !important;
    top: -67px !important;
    left: initial;
}
}
@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;}
}
@media (max-width:500px){
	.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){
	.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:138px; */
		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;}
	.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: 107px 0 0 0;
	}
	
	
}
@media (max-width:380px){
	.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: -62px !important;
    top: -74px !important;
    left: initial;
}
.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;
}
}