@charset "utf-8";
/* CSS Document */
/* ONLY FOR CHAT POPUP (start) */
/* @media (max-width:1910px){
	.chatPopup:nth-child(6){display:none;}
} */
@media (max-width:1632px){
	.chatPopup:nth-child(6){display:none;}
}
@media (max-width:1360px){
	.chatPopup:nth-child(5){display:none;}
}
@media (max-width:1100px){
	.chatPopup:nth-child(4){display:none;}
}
@media (max-width:860px){
	.chatPopup:nth-child(3){display:none;}
}
@media (max-width:590px){
	.chatPopup:nth-child(2){display:none;}
	.usrDetFavbtn .colm .btn {white-space: pre-wrap;}
	/* .chatPopups{right:58px;} */
}
/* ONLY FOR CHAT POPUP (end) */

@media (max-width:1340px){
	.headerSearch .tl{display:none; margin:0 0 6px 0; text-align:left;}
	.srchSelect{width:80px; padding-left:7px;}
	.headerSearch .more{padding-left:7px; padding-right:7px;}
	.profileBoxes .rw{margin:0 -10px;}
	.profileBoxes .rw .colm{padding:0 10px 20px 10px;}
	.onlineProfileBox .details .nm label {margin-bottom: 0;}
	.onlineProfileBox .details .loc {margin-bottom: 10px;}
}
@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;}
	.purchaseBody .rw .colm{width:54%;}
	.purchaseBody .rw .colm:last-child{width:46%;}
	.headerSearch .newButton{width:112px; padding-left:6px; padding-right:6px;}
	.headerSearch .age .srchSelect{width:60px;}
}
@media (max-width:1160px){
	.headerSearch .newButton{font-size:16px !important;}
	.usernamefield .srchInput{width:136px;}
	.srchSelect,
	.srchInput,
	.headerSearch .more,
	.srchCheck{font-size:14px;}
	.photosBodyCont .rw .colm {width: 25%;}
	.profileBox .picBx .pic {height: 198px;}
	.onlineProfileBox .image .photo {height: 162px;}
	.onlineProfileListing .rW .colM {max-width: 20%;}
}
@media (min-width:1024px){
	.headerSearch{display:block !important;}
	.innerLogo a img {height: 50px;}
}
@media (max-width:1023px){
	.alter_search_panel {
		display: block;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0 10px;
		max-height: calc(100vh - 73px)!important;
	}
	.sexInterestsSrch h2 {
		display: block;
		position: relative;
		padding: 0 40px 8px 30px;
		color: #e9e9e9;
		font-size: 22px;
		line-height: 32px;
		font-weight: 500;
	}
	.edtWrap {
		max-width: 100%;
	}
	.textSec h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.innerHeader{padding:2px 0;}
	.cmsContainer h1{font-size:32px; line-height:38px;}
	.headOnlineUser{display:none;}
	.innerLogo{position:static; transform:inherit; display:inline-block; vertical-align:top; margin:12px 0 0 0;}
	.navSrch,
	.navSrch, .navClick {
		display: inline-block;
		padding: 2px 10px;
		font-size: 16px !important;
		line-height: 28px;
		margin-left: 5px;
	}	
	/* .navClick.showit */
	.navClick {
		display: inline-block;
		margin-left: 6px;
	}
	.navSrch i,
	.navClick i{margin: 0 !important;}
	/* .headerSearch{display:none; position:absolute; top:0;left:0; width:100%; z-index:2;} */
	
	.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:#e0e3ed; padding:10px 16px 22px 16px;}
	.headerSearch .more{width:53%; margin-left:2%; margin-right:0; text-align:center;}
	.headerSearch .more.sexIntrstClk{width:53%; margin-left:0; margin-right:0; text-align:center;}
	.headerSearch .age,
	.headerSearch .locat{width:100%; padding-left:0; padding-right:0; font-size:0px;}
	.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:6px;}
	.srchSelect{width:45%; padding-left:11px;}
	.headerSearch .age .srchSelect{width:40%;}
	.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:#222;font-size: 20px;line-height: 24px;font-weight:500;margin: 0 0 14px 0;}
	.headerSearch .searchChklist{
		margin:8px 0;
		padding: 11px 10px;
		background: #40424a;
		width: 100%;
		border-radius: 4px;
	}
	.advanceSearchSec{position:fixed; top:0; left:0; width:100%; height:auto; max-height:100% !important; min-height:1px !important;}	
	.srchInput{padding-left:11px; padding-right:11px; width:100%;}	
	.sexInterestsSrch{position:fixed; top:0; left:0; width:100%; height:auto; max-height:100%; z-index:999;}
	.sexInterestList {height: calc(100vh - 150px);}
	.clearChecked{position:fixed;}
	.usernamefield .srchInput{width:100% !important;}
	.headerSearch .newButton{margin:6px auto 0 auto; float:none; display:block;}
	
	.sidebarLeft{position:fixed; top:0; left:0; z-index:9999; min-height:inherit !important; height:auto; overflow:auto; left:-230px; transition:500ms;}
	.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;}
	.advanceSearchSec{top: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%;}
	#giftModal .modal-body, 
	.gftModal .modal-body{padding:10px;}
	.giftlist{margin:0 -5px;}
	.giftlist li{padding:5px;}
	.giftlist li label .gftImg{height:80px;}
	.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;}
	/*.loginUser {display: none;}*/
	.loginUser {}
	.top_sticky_first {
		position: sticky;
		top: 0;
		z-index: 5;
	}
	.imageupload {		
		width: 100% !important;
		left: 50% !important;
	}
	.creditPg .sidebarLeft{
		display: block;
	}
}
@media (max-width:900px){
	.dateSteps .rw{margin:0 -15px;}
	.dateSteps .rw .colm{padding:0 15px;}
	.stepBox .ico img{width:180px;}
	.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{padding:16px;}
	.pkgHead{font-size:24px; line-height:32px;}
	.giftlist{margin:0 -4px;}
	.giftlist li{padding:4px;}
}
@media (max-width:899px){
	.showLogin header {opacity:1 !important;}
	.loginFormBx form {display:block;}
	.bannerheader{padding:8px 0;}
	.logo{padding-top:6px;}
	.logo img,
	.innerLogo a img{height:34px;}
	.headLogIco{display:inline-block;}
	.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;}
	.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: -1px;right: 4px;width: 32px;height: 32px;background:url(../images/close-red.svg) no-repeat center center;background-size: 12px auto;}
	.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 .loginForm{visibility:visible; opacity:1;}
	.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;}
	.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:172px; 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;}	
	.crdPkgs .pkgTl{font-size:24px; line-height:32px;}
	.packageListCont .pkg {
		max-width: 100%;
	}
	.notifyMsgs {
		left: 8px;
		top: 14px;
		height: 20%;
	}
}
@media (max-width:800px){
	.bannerarea .registerformCont{padding:80px 0 24px 0;}
	.formBoxContainer{display:block; float:none; margin:0 auto; width:374px; max-width:100%;}
	.formBoxContainer h2{font-size:24px; line-height:30px;}
	.findNaughtyDates{padding:30px 0;}
	.hotCupidoSec .bkg{background-position:top center;}
	.logRegBanner{padding:80px 0 30px 0;}
	.logRegForm{padding:20px; width:380px; max-width:100%;}
	.profileDetailsImage{width:358px;}
	.profileDetailsDesc{padding-left:382px;}
	.profileDetailsImage .allImages .thumbnails .rW .colM a{max-height:58px;}
	.newImgUpload .inside .btn {margin: 8px 0 0 0;}
	.newImgUpload .inside img {margin: 0 0 1px 0;}	
	.userDrop:after {right: 27px;}
	.loginUser {padding-right: 25px;}
	.inrHeadCont {min-height: 50px;}
	.headerRight {margin: 3px 0 0;}
	.logo img, .innerLogo a img {height: 25px;}
	.bg-coin {background-image: url(../images/coin_banner_bg_2.jpg);background-repeat: no-repeat;}
}
@media (min-width: 768px) {
	.close-onlyMobile, .onlyMobile {display: none;}

}
@media (max-width:767px){	
	.btn-xl{font-size:18px; line-height:30px;}
	.btn-lg{font-size:16px;}
	.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:24px; line-height:30px;}
	.cmsContainer h1{font-size:26px; line-height:30px;}
	.cmsContainer.txtPg h4{font-size:19px; line-height:23px;}
	.cmsContainer.txtPg p{font-size:13px; line-height:23px;}	
	.cmsContainer h4{font-size:28px; line-height:36px;}
	.cmsContainer p{font-size:16px; line-height:24px;}
	.cmsContainer h5{font-size:22px; line-height:26px;}
	.cmsContainer h6{font-size:20px; line-height:24px;}
	.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:38px auto;}
	.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;}
	.textSec h2 span {display: block;}
	.textSec h2 a {float: none !important; margin:10px 4px 0;}
	.edtWrap{max-width:100%; margin:0;}
	.edtWrap h2{font-size:26px; line-height:32px;}
	.pkgHead br{display:block;}
	.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:-232px; z-index:9991; height:100%; transition:500ms;}
	.showFriends .msgLeftPanel{left:0;}
	.showFriends .navOverlay{opacity:1; visibility:visible;}
	.sexInterestList .rw .colm{width:50%;}
	.registerbox {width: 100%;}
	.photosBodyCont .rw .colm {width: 25%;}
	.msgLeftPanel {position: relative;
		top: 5vh;
		width: 100%;
		left: 0%;
		right: 0%;
		height: auto;
		z-index: 1;
	}
	.msgRightPanel {
		display: none;
	}
	.mobileverssionshow{
		display: block;
	 }
	 .mobileverssion{
		display: none !important;
	 }
	.msgMembers {max-height: calc(90vh - 82px);min-height: 300px;}
	.close-onlyMobile {display: none;}

	.profileDetailsSec.sticky-applyed {margin-top: 94px;}
	.profileTitle.sticky {position: fixed;
		left: 10px;
		top: 112px;
		right: 10px;
		z-index: 5;
		background: #fff;}
	.profileTitle.sticky .sticky-image {display: inline-block;}
	.profileActions.sticky {position: fixed;
		left: 10px;
		top: 162px;
		right: 10px;
		z-index: 5;}
	.userdrop-mask {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.6);z-index: 1000;display: none;}
	.userdrop-mask.on {display: block;}
	.profileTitle.sticky h2 {max-width: 70%;}
.messageChatFootr .speech-bubble {
    height: 80px !important;
    width: 195px !important;
    left: -84px;
    top: -83px !important;
    z-index: 4;
    border: #CCC 1px solid;
}
.imageupload {		
	width: 100% !important;
	left: 0% !important;
}
}
@media (max-width:640px){
	.giftlist li label .gftImg{height:62px;}
	.photosBodyCont .rw .colm {width: 33.3%;}
	.uploadPicBtn {
		font-size: 13px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.doneCropBtn {
		font-size: 13px !important;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 132px !important;
	}
	
}
@media (max-width:639px){
	.headLogIco{padding-left:10px; padding-right:10px;}
	.inrHeadCont{min-height:50px;}
	.logo img,
	.headerRight{margin-top:7px;}
	.innerWrapper .headerRight{margin-top:3px;}
	.dateSteps .rw .colm{width:100%;}
	.formBoxContainer{padding:16px;}
	.notifyMsgs{left:8px;}
	.notyfiMsg{margin-bottom:8px;}
	.loginFormBx h2{font-size:26px; line-height:30px;}
	.loginFormBx{padding:16px 20px 36px 20px;}
	.headaddcredit{min-width:1px;}
	.notificationSettings{padding:16px 16px 0 16px;}
	#flirtModal .modal-body{padding:10px;}
	.flirtMsglist li label span{padding:9px 10px 9px 34px; 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;}
	.giftlist li{width:14.28%;}
}
@media (max-width:599px){	
	.radiobtnsarea{-moz-column-count:2; -webkit-column-count:2; column-count:2;}
	.profileboxTab li{padding-top:3px;margin-left: 0;}
	.profileboxTab li a{padding:7px 16px; font-size:13px;}
	.profileboxTab li a{padding-top:10px;min-width: 160px;}
	.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: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:20px;}
	.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;}
	.giftlist li{width:16.666666%;}
	.giftlist li label .gftImg{height:72px;}
	.profileActions .leftSide {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;width: 100%;justify-content: space-between;}
	.profileActions .leftSide a {max-width: inherit;float: none;display: block;width: 100%;}
	.chatPopups {
		width: 100%;
	}
	.chatPopup {
		width: 95%;
	}
	.chatPopup:nth-child(2) {
		display: block;
		right: 0;
	}
	.chatPopup:nth-child(3) {
		display: block;
		right: 0;
	}
}
@media (max-width:576px){
	.welcomePopup2 .modal-body{padding-top:78px;}
	.footerSocialList li a {font-size: 26px;}
	.uploadActions a {width: 26px;height: 26px;line-height: 26px;font-size: 16px;}
}
@media (max-width:575px){
	.editForm .col-sm-4:last-child{padding-top:10px;}
	/* .purchaseBody .rw .colm{max-width:280px; text-align:center;} */
	.packageListCont .pkgbox{padding:68px 12px 40px 12px;}
	.packageListCont .pkgbox .pkgTime{left:50%; transform:translate(-50%,0);}
	.pkgtxtCont .colmLi{float:none; padding:6px 0; max-width:100% !important;}
	.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;}
	.giftlist li{width:20%;}
	.footerlinkList li a {font-size: 12px;}
	.btns {text-align: center;}
	.btns .btn {float: none;margin-left: 0 !important;margin-bottom: 5px;}
}
@media (max-width:500px){
	.innerHeader{padding:10px 0 8px 0;}
	.innerLogo{display:block; float:none; text-align:center; margin:0;}
	.innerWrapper .headerRight{display:block; float:none; text-align:center; margin:10px 0 0 0;}
	.notification .notifybox{right:auto; left:-90px;}
	.notifybox:before{right:auto; left:92px;}
	.secureSec ul li{padding:6px 9px;}
	.paysecureico li{padding:6px;}
	.profileboxTab li a {padding: 11px 16px;font-size: 12px;}
	.doneCropBtn {
		font-size: 13px !important;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100% !important;
		margin-top: 15px;
	}
	.imageupload .btns {
		flex-direction: column;
	}
	.btns .btn {
		float: none;
		margin-left: 0 !important;
		margin: 5px 0px !important;
	}
}
@media (min-width: 481px) {
	ul.sidenav_account {display: none;}
}
@media (max-width:480px){
	.formBoxContainer{width:100%;}
	.formBoxContainer .row .col-xs-3{width:50% !important; padding-bottom:3px;}
	.formBoxContainer .row .col-xs-6{width:100% !important; padding-bottom:3px;}
	.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%;}
	.srchSelect{width:45%;}
	.confirmEmailPg .cmsContainer .bootomSec{text-align:center;}
	.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:154px;}
	.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%;font-size: 14px;}
	.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;}
	.creditheadList li{width:100%;}
	.creditPackages .rw .colm{width:272px;}
	.tableVw table tr th .t{padding-bottom:10px;}
	.sexInterestList .rw .colm{width:100%;}
	.giftlist li{width:25%;}
	.giftlist li label .gftImg{height:60px;}
	.profileBoxes .rw .colm {max-width: 50%;}
	.innerLogo {padding-top: 5px;}
	.logo img, .innerLogo a img {height: 35px;}
	/*.navSrch {}*/
	.notification .notifybox {right: -165px;left: inherit;}
	.notification .notifybox:before {right: auto;left: 100px;}
	.inrHeadCont {min-height: 35px;}
	.not-view-mob {display: none;}
	.loginUser img {max-width: 100%;}	
	.userDrop {right: -100%;top: 0;height: 100vh;border-radius: 0;width: 200px;-webkit-transition: 500ms ease-out;-moz-transition: 500ms ease-out;transition: 500ms ease-out;position: fixed;}
	.userDrop.on {right: 0;height: 100vh;width: 200px;}
	.userDrop:after {display: none;}
	.innerLogo a {position: relative;right: 15px;}
	.not-view-mob {display: none !important;}
	.navSrch {min-height: 30px;}
	.scrollup {width: 25px;height: 25px;right: 10px;}
	.bg-coin {background: url(../images/coin_banner_bg.jpg);background-size: 100% auto !important;}
	.bg-coin:before {
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );
	}

	.headerRight .form-inline .form-control {margin-top: 20px !important;}
	.onlineProfileBox .image .photo {height: 144px;}
	.mobileverssion{display:none;}
	.msgLeftPanel {
		position: relative;
		padding: 4px 0 0 0;		
		width: 100%;
		top: 0;
		display: block;
	}
	.msgRightPanel{display:none;}
	.msgRightPanel.mobileverssionshow{display:block}
	.msgLeftPanel .selFld{position:inherit;    padding: 4px 0px;}
	.profileboxTab{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media (max-width:479px){
	.logo img {height: 21px;}
	.textSec h2 {font-size: 15px;line-height: 21px;}
	.photosBodyCont .rw .colm {width: 50%;max-width: 50%;}

}

@media (max-width: 380px){
	.profileBoxes .rw .colm {max-width: 300px;width: 300px;}
	.profileBox .picBx .pic {height: 280px;}
	.footerRow .colm {width: 100%;padding-bottom: 16px;position: relative;}
	/*.footerRow .colm h3:after {content: "";height: 10px;width: 10px;display: block;position: absolute;right: 20px;transform: rotate(45deg);border-right: 2px solid #fff;border-bottom: 2px solid #fff;top: 5px;}*/
	.newImgUpload .inside .btn {padding: 2px 14px;min-height: 28px;}
	.footer {padding: 30px 0 0 0;}	
	.bg-coin {background-size: 100% auto !important;}
	
}
@media (max-width: 360px) {
	.profileboxTab li a {padding: 11px 10px;min-width: 145px;}	
}
@media (max-width: 320px) {
	.notification .notifybox {right: -180px;left: inherit;}
	.notification .notifybox:before {right: auto;left: 90px;}
}