/* only below 1024 desktop resolution */

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

}

/*==========================================================================================================*/

/* only ipad 1024 and bigger screen landscape screen */

@media only screen and (min-width: 1800px) {

.join-formblock {
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}

}

/* only ipad 1024 landscape screen */

@media only screen and (min-width: 1001px) and (max-width: 4000px) {

.mysearchblock {
	display: block !important;
}

}

@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1000px) {

body {
	min-width: 320px;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
}

#logo {
	font-size: 15px;
	margin: 15px 0;
}

	#logo span {
		margin-left: 40px;
		width: 75px;
		height: 24px;
		background-position: 0 -123px;
	}

	#logo em {
    	display: none;
	}

.loginform li:last-child {
	width: auto;
}

.loginform {
	padding: 17px 0 3px 0;
}

.forgot-row {
	font-size: 12px;
}

#header {
	box-shadow: 0 2px 2px rgba(0,0,0,0.22);
}

.usp-listing {
	padding-bottom: 0;
}

.usp-listing .item:first-child:after {
	display: block;
	left: -1px;
}

.welcome-info {
	padding: 0 20px;
}

	.login-trigger {
		display: block;
		line-height: 34px;
		text-align: center;
		padding: 0 34px 4px;
		color: #fff;
		background: #de479e;
		border-radius: 4px;
		font-weight: 700;
		font-size: 18px;
		margin-top: 21px;
	}

	.login-trigger:hover {
		color: #fff;
		background: #f06db9;
	}

#mainmenu {
	float: right;
}

.loginbox {
	float: right;
}

	.lines-button {
		display: block;
		width: 38px;
		height: 38px;
		margin: 21px 0 0 10px;
		padding: 0 8px;
	}

.lines {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.media-bar {
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.02);
}

.media-bar, .media-bar .wrap {
	padding-left: 0;
	padding-right: 0;
}

.join-stepform select.custom-select,.mysearchbox select.custom-select, .settingslisting select.custom-select, .formlisting select.custom-select, .sortingbox select.custom-select {
	background: url(../images/bgi/arrow.png) 98% 11px no-repeat;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	width: auto;
	padding: 2px 14px 2px 2px;
	margin-right: 4px;
	-webkit-appearance: none;
}

.select-example select.custom-select {
	width: 100%;
	background-position: 98% 8px;
}

#primary, #sidebar {
	width: auto;
	float: none;
}

.addbanner,.mysearchblock {
	display: none;
}

.addb,.mysearchblock {
	display: none;
}

#header {
	position: relative;
}

.mysearchblock {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	z-index: 66;
	padding-top: 0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22);
	background: #fff;
}

.mysearchbox {
	margin-bottom: 0;
}

.formlisting > li.emailrow, .settingslisting > li.emailrow {
	padding-bottom: 0;
}

.search-trigger {
	position: absolute;
	right: 9px;
}

.userlogin-box {
	margin-right: 46px;
}

/*.username-row a.prev-profile, .username-row a.next-profile { display:none; }*/

.username-row a.prev-profile, .username-row a.next-profile {
	top: 8px;
}

.section-title, .pagination, .sortingbox, .username-row, .user-access-row, .maillisting {
	margin-left: -10px;
	margin-right: -10px;
}

.maillisting li .mlist-col.mlist-colone {
	padding-left: 10px;
}

.profile-infobox, .section-body {
	padding-left: 0;
	padding-right: 0;
}

/*New CSS*/

.response-form h3.box-title, .response-list h3.box-title {
	margin: 0 -15px;
}

.username-row a.next-profile::after {
	margin-right: -13px;
}

.username-row a.prev-profile::after {
	margin-left: -13px;
}

#main {
	padding: 10px 0 535px;
}

.home #main {
	padding: 10px 0 502px;
}

/* 9th March 2016 Added new CSS style 
	-----------------------------------------------------------------------------*/

.tab-data .tabnav {
	display: none;
}

.tab-data .tabcontent .payment-optlist {
	margin-bottom: 20px;
}

.tab-data .tabcontent {
	padding-bottom: 20px;
}

}

@media only screen and (min-width: 768px) {

.userlogin-box {
	display: block !important;
}

}

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

.box-title span a {
	
}

}

/*==========================================================================================================*/

@media only screen and (min-width: 769px) and (max-width: 800px) {

}

/*==========================================================================================================*/

@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {

#menu, .login-trigger, #mainmenu {
	display: block;
}

#mainmenu ul, .loginform {
	display: none;
}

.loginform {
	position: absolute;
	left: 0;
	top: 100%;
	background: #46403c;
	z-index: 6;
	width: 100%;
	box-shadow: 0 2px 2px rgba(0,0,0,0.22);
	padding: 10px;
	padding-top: 5px;
}

.loginform li {
	float: none;
	width: auto;
	padding: 6px 0;
}

.forgot-row {
	text-align: left;
	padding: 5px 10px 4px;
	font-size: 14px;
}

.loginform li input[type="submit"] {
	float: right;
	margin-top: -32px;
}

.loginform li:before, .loginform li:after {
	content: "";
	display: table;
}

.loginform li:after {
	clear: both;
}

.loginform li div.error {
	padding: 4px 10px 2px;
	font-size: 14px;
}

.loginform li {
	zoom: 1;
}

.banner-picture {
	display: block;
}

#header {
	position: relative;
}

#mainmenu ul {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	z-index: 6;
	box-shadow: 0 2px 2px rgba(0,0,0,0.22);
}

.join-formblock .wrap {
	padding-left: 0;
	padding-right: 0;
}

.join-stepform {
	position: relative;
	margin: 0;
	max-width: 100%;
	width: 100%;
	border-top: solid 1px #fff;
	left: 0px;
}

.media-bar strong {
	position: relative;
	top: -2px;
}

.action-menu > ul > li {
	position: static;
}

.user-trigger {
	padding: 6px;
	font-size: 12px;
	text-align: left;
}

.user-trigger:after {
	right: 6px;
	border-width: 5px;
}

.user-trigger strong {
	font-size: 14px;
	margin-top: 2px;
}

	.userlogin-box > ul {
		background: #fff;
		padding: 0;
		top: auto;
		position: static;
		border-radius: 0;
		display: block !important;
	}

.userlogin-box ul li {
	text-align: left;
	border-top: 0;
}

	.userlogin-box ul li a {
		color: #000;	
		border-bottom: 1px solid #de479e;
		font-size: 17px;
		padding: 10px 15px 13px;
		margin: 0;
	}

	.userlogin-box ul li a:hover, .userlogin-box ul li.active a {
		color: #de479e;
	}

	.userlogin-box ul li a.navtrigger {
		padding-right: 50px;
	}

.userlogin-box ul li a:before, .userlogin-box ul li a:before {
	display: none;
}

	.userlogin-box ul ul li a {
		border-top: 0;
		color: #fff;
	}

	.userlogin-box ul ul li a {
		border-bottom: 1px solid #de479e;
	}

	.userlogin-box ul ul li a:hover {
		color: #de479e;
	}

	.userlogin-box .arrowbox {
		right: 0;
		width: 48px;
		height: 48px;
		/*border-left: solid 1px #1c2e3c;*/
	}

	.userlogin-box ul ul {
		border-bottom: 0;
		border-top: solid 1px #192d39;
		background: #000;
		box-shadow: inset 0 0 3px rgba(0,0,0,0.15);
	}

.userlogin-box ul li:hover > a, userlogin-box ul li.active > a {


}

.userlogin-box .arrowbox:after, .userlogin-box .open .arrowbox:after {
	display: none;
}

	.userlogin-box .arrowbox:before {
		border-top-color: #ba1976;
		border-width: 8px;
		margin-left: -8px;
		margin-top: -3px;
	}

	.userlogin-box .open .arrowbox:before {
		border-bottom-color: #ba1976;
		border-width: 8px;
		margin-left: -8px;
		margin-top: -12px;
	}

.action-menu .subnavbox {
	width: 100%;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22);
}

.action-menu {
	margin-left: 15px;
}

.pp_expand {
	display: none !important;
}

.pricelist li {
	width: 50%;
	margin-bottom: 10px;
}

.overhundred.pay-pricebox small {
	right: auto;
}

.search-trigger {
	position: static;
	right: 0;
}

.userlogin-box {
	margin-right: 0;
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	top: 100%;
	margin: 0;
	width: 100%;
	border-radius: 0;
}

	.loggedin #menu {
		float: right;
		margin-top: 13px;
	}

.user-trigger {
	border-radius: 0;
	height: 56px;
}

.user-trigger figure {
	margin-right: 10px;
}

.user-trigger:after {
	display: none;
}

/*New CSS*/

.maillisting li span.sprites, .maillisting li a.sprites {
	margin: 0 3px
}

.mail-listing-label {
	float: none;
	margin: 0 0 5px;
}

.maildetail-infobox .profile-thumb {
	float: left;
	margin: 0 20px 0 0;
}

.form-list li input[type="button"], .response-list .messagelisting li.even.submitrow input[type="button"], .form-list li input[type="submit"], .response-list .messagelisting li.even.submitrow button, .form-list li button {
	width: 48%;
}

.response-form h3.box-title, .response-list h3.box-title {
	margin: 0 -15px;
	font-size: 18px;
	line-height: 1.25;
	padding: 10px 45px;
}

.maildetail-infobox {
	margin: 10px 0 4px;
}

.response-form .note, .response-list .note {
	margin: 4px 0;
}

.response-form .note br {
	display: none;
}

.form-list {
	margin: 0;
}

.select-example .fieldrow {
	float: none;
	width: auto;
}

#footer {
	position: static;
}

#main {
	padding: 10px 0;
}

.home #main {
	padding: 10px 0 0;
}

/*31May2017 update*/

.footermenu-block {
	float: none;
	width: auto;
	padding-bottom: 0;
}

.footer-content-col {
	float: none;
	width: auto;
	padding-left: 0;
	margin: 30px 0 80px;
}

/* prettyPhoto styling for small screens */

.pp_pic_holder.pp_default {
	width: 100%!important;
	left: 0!important;
	overflow: hidden;
}

div.pp_default .pp_content_container .pp_left {
	padding-left: 0!important;
}

div.pp_default .pp_content_container .pp_right {
	padding-right: 0!important;
}

.pp_content {
	width: 100%!important;
	height: auto!important;
	padding-bottom: 46px;
}

.pp_fade {
	width: 100%!important;
	height: 100%!important;
}

a.pp_expand, a.pp_contract,

/* .pp_hoverContainer, .pp_gallery,.pp_top, .pp_bottom*/ {
	display: none!important;
}

#pp_full_res img {
	width: 100%!important;
	height: auto!important;
}

.pp_details {
	width: 100%!important;
	padding-left: 3%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	margin-top: -2px!important;
}

a.pp_close {
	right: 10px!important;
	top: 10px!important;
}

.formbox {
	max-width: inherit;
	width: auto;
}

.join-stepform {
	background: #f7f7f7;
	padding: 12px 12px 0 12px;
}

input.step-submitbtn {
	left: 12px;
	right: 12px;
	width: calc(100% - 24px);
	margin: 0 auto;
}

}

/*==========================================================================================================*/

/* only iphone4 landscape & portrait 300 by 480*/

@media only screen and (max-width: 300px), only screen and (max-device-width: 480px), only screen and (max-width: 567px) {

/*.loggedin #logo { display:none; }*/

.loggedin #header .wrap {
	padding-left: 0

;
/*padding-right:0;*/
}

.action-menu {
	margin-left: 0;
}

.action-menu > ul > li > a {
	padding: 19px 11px
}

.photslideouter {
	padding: 4px 0px;
	width: auto;
	overflow: hidden;
}

.photos-slider.owl-theme .owl-nav div.owl-next, .photos-slider.owl-theme .owl-nav div.owl-prev {
	padding: 0;
	height: 24px;
	margin-top: -12px;
}

.photos-slider.owl-theme .owl-nav div.owl-next:after, .photos-slider.owl-theme .owl-nav div.owl-prev:after {
	border-width: 12px 18px
}

.photos-slider.owl-theme .owl-nav div.owl-prev {
	left: -31px;
}

.photos-slider.owl-theme .owl-nav div.owl-next {
	right: -31px;
}

.footermenu-block .fmenu, .country-box, .footermenu-block .fmenu h4 {
	display: none;
}

#footer {
	padding: 0
}

.footermenu-block {
	padding: 20px 0;
}

.footermenu-block .fmenu:first-child {
	display: block;
	width: 100%;
	float: none;
}

.footermenu-block .fmenu li {
	width: 50%;
	float: left;
	padding: 6px 5px 6px 0;
}

.copyright {
	padding: 10px 0 20px
}

#footer #logo {
	float: none;
	display: block;
	margin: 10px auto;
	width: 75px;
}

.messagelisting li span.sprites {
	margin: 0 2px
}

.guestmember-listing {
	margin-left: 0;
	margin-right: 0;
}

.guestmember-listing li {
	width: auto;
	float: none;
	padding-left: 0;
	padding-right: 0;
}

.guestmember-listing li h4, .search-userlist li h4 {
	font-size: 21px;
}

.female h4:before, .male h4:before, .both h4:before {
	left: 10px;
	top: 6px;
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	-moz-transform-origin: left center;
	transform-origin: left center;
}

.sortingbox .sortcolumn, .sortingbox .sortcolumn.paging {
	float: none;
	width: auto;
	text-align: left;
	clear: left;
}

.sortingbox .sortcolumn.paging {
	padding-top: 8px;
}

.pagination {
	font-size: 16px;
}

/*New CSS*/

.maillisting li {
	position: relative;
	padding-right: 35px;
}

.maillisting li .mlist-col {
	padding: 0 10px;
}

.maillisting li.header .mlist-colone {
	min-height: 10px;
}

.maillisting li .mlist-colone {
	width: 30%;
	min-height: 58px;
}

.maillisting li .mlist-coltwo, .maillisting li .mlist-colthree, .maillisting li .mlist-colfour {
	width: 70%
}

.maillisting li .mlist-colfive {
	position: absolute;
	right: 2px;
	top: 7px;
	width: 30px;
}

.maillisting li.header .mlist-colfour {
	display: none;
}

.greeninfobox {
	line-height: 1.25;
}

/*31May2017 update*/

.footer-content-col {
	margin: 0 0 20px;
}

}

/*==========================================================================================================*/

/* only iphone landscape 340 by 478*/

@media only screen and (min-width: 420px) and (max-width: 480px) {

.search-userthumb {
	width: 75px;
}

.search-userthumb span {
	font-size: 12px;
	padding: 3px;
}

.search-userthumb span:before {
	margin-right: 2px;
}

.user-searchresultbody p {
	font-size: 13px;
}

.accessicon-nav a {
	margin: 0 1px;
}

.user-detailinfo {
	height: 120px;
}

}

/*==========================================================================================================*/

/* only iphone portrait 300 by 479*/

@media only screen and (min-width: 10px) and (max-width: 479px) {

.cols2, .cols3, .cols4 {
	margin-left: 0;
}

.cols .col {
	float: none;
	min-height: 1px;
	margin: 0 0 20px;
}

.cols2 .col {
	width: auto;
	margin-left: 0;
}

.cols3 .col {
	width: auto;
	margin-left: 0;
}

.cols4 .col {
	width: auto;
	margin-left: 0;
}

#logo {
	font-size: 9px;
	width: 144px;
}

.login-trigger {
	line-height: 26px;
	padding: 0 17px 2px;
	font-size: 14px;
	margin-top: 22px
}

.lines-button {
	margin-top: 11px;
}

.stepform-header {
	font-size: 15px;
}

.stepform-header h1 {
	font-size: 28px;
}

.step-form li .ideal {
	padding-left: 0;
}

.mysearchbox .step-form li .ideal {
	padding-left: 2px;
	padding-top: 0;
}

.mysearchbox .step-form li.submitrow {
	padding-left: 0;
	padding-right: 0;
}

.usp-listing .item:first-child:after {
	display: none;
}

.action-menu > ul > li > a {
	padding: 16px 15px;
}

.action-menu>ul>li>a {
	height: 58px;
}

.action-menu > ul > li a span em {
	width: 20px;
	height: 20px;
	line-height: 20px;
	right: -12px;
	top: -6px;
}

.username-row {
	font-size: 24px;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	background: #000;
	padding: 7px 10px;
	text-shadow: none;
	text-align: center;
}

.online span.sp-after:after {
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	left: -4px;
}

.username-row a.next-profile:after, .username-row a.prev-profile:after {
	border-width: 8px 13px;
	top: 2px;
}

.username-row a.prev-profile, .username-row a.next-profile {
	top: 12px
}

.profile-thumb {
	width: 90px;
	margin-bottom: 5px;
}

.profilematchbox p, .profile-infobox p {
	font-size: 16px;
	font-style: normal;
}

.user-proinfo-section {
	font-size: 16px;
	padding: 1px 8px 4px;
	margin: 0 15px 10px 0
}

.section-title {
	font-size: 24px;
	padding: 8px 10px 11px 10px;
}

.footermenu-block .fmenu li {
	font-size: 15px;
}

.messagelisting li .mes-col {
	font-size: 14px;
	padding: 0 10px;
}

.messagelisting li {
	padding: 9px 0;
}

.messagelisting li .mes-coltwo {
	width: 26.5%;
}

.messagelisting li .mes-colthree {
	line-height: 1.6;
	font-weight: 700;
}

.messagelisting li span.sprites {
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

.messagelisting li .mes-colfour {
	display: none;
}

.messagelisting li span.sprites {
	margin: 0 10px 0 0;
	transform: none;
}

.messagelisting li span.sprites.flagicon ,.messagelisting li span.sprites.mesicon {
	margin-left: -2px;
}

.copyright {
	font-size: 10px;
}

.photos-slider.owl-theme .owl-nav div.owl-next, .photos-slider.owl-theme .owl-nav div.owl-prev {
	height: 20px;
	margin-top: -10px;
}

.photos-slider.owl-theme .owl-nav div.owl-next:after, .photos-slider.owl-theme .owl-nav div.owl-prev:after {
	border-width: 10px 16px
}

.formlisting > li > label, .formlisting > li > .fieldbox, .settingslisting > li > label, .settingslisting > li > .fieldbox {
	float: none;
	width: auto;
	padding: 0
}

.formlisting > li > label, .settingslisting > li > label {
	padding-bottom: 7px;
	display: block;
}

.editprofile-form .formlisting > li, .editprofile-form .settingslisting > li {
	border-top: solid 1px #ededed;
	padding: 14px 1px;
}

.editprofile-form .formlisting > li:first-child, .editprofile-form .settingslisting > li:first-child {
	border-top: 0;
	padding-top: 0
}

.formlisting > li.smaller-mobile > label, .settingslisting > li.smaller-mobile > label {
	width: auto;
	float: none;
	padding: 7px 6px 8px 2px;
	display: inline-block;
	position: relative;
}

.formlisting > li.smaller-mobile > .fieldbox, .settingslisting > li.smaller-mobile > .fieldbox {
	width: auto;
	float: none;
	padding-right: 0;
	display: inline-block;
}

.search-userlist li {
	float: none;
	width: auto;
}

.search-tabnav {
	margin-left: 0;
	margin-right: 0;
}

.search-tabnav li:first-child {
	margin-top: 0;
}

.search-tabnav li {
	float: none;
	margin: 8px 0 0 0;
	float: none;
	padding-left: 0;
	padding-right: 2px;
	width: auto;
}

.sortingbox {
	padding: 10px;
}

.pagination {
	line-height: 1.2;
}

.pricelist {
	padding-top: 0;
	margin-bottom: 0;
}

.pricelist li {
	width: auto;
	float: none;
	margin-bottom: 10px;
}

.pricelist li p {
	margin: 0;
}

.maillisting li .mlist-col {
	padding: 0 5px;
}

.maillisting li span.sprites, .maillisting li a.sprites {
	margin: 0 1px;
}

.maillisting li .ez-checkbox {
	margin-right: 3px;
}

.checkboxlist {
	padding-left: 20px
}

.mobile-only {
	display: block;
}

.desktop-only {
	display: none;
}

/*.accessicon-nav a { margin:0 12px }*/

.footermenu-block .fmenu li:nth-child(odd) {
	width: 58%;
}

.footermenu-block .fmenu li:nth-child(even) {
	width: 42%;
}

.pagination {
	padding: 10px 47px 12px
}

.pagination a.prevpage:after, .pagination a.nextpage:after {
	border-width: 8px 13px
}

/*New Css*/

.maildetail-infobox .profile-thumb {
	float: none;
	margin: 10px 0;
	width: 100%;
}

.write-comment {
	display: block;
	text-align: center;
	padding: 8px 0;
}

.reaction {
	display: block;
	margin: 10px 0 0;
	text-align: center;
	padding: 8px 0;
}

.write-comment:before, .reaction:before {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	margin-right: 10px;
}

.reaction:before {
	vertical-align: middle;
	top: 2px
}

.form-list li input[type="button"], .response-list .messagelisting li.even.submitrow input[type="button"], .form-list li input[type="submit"], .response-list .messagelisting li.even.submitrow button, .form-list li button {
	margin: 0 0 10px;
	float: none;
	width: 100%;
}

.response-list .messagelisting li .mes-coltwo, .response-list .messagelisting li .mes-colthree {
	width: 8.98413%;
}

.response-list .messagelisting li .mes-colone {
	width: 82.0317%;
}

.response-list .messagelisting li.even.submitrow {
	margin: 26px 0;
}

.select-example select.custom-select {
	padding: 2px 14px 2px 0;
	margin: 5px 0 0 -2px;
}

.greeninfobox .box-title {
	line-height: 1.25;
}

.private::after {
	-moz-transform: scale(0.57);
	-moz-transform-origin: right top;
	-webkit-transform: scale(0.57);
	-webkit-transform-origin: right top;
	-ms-transform: scale(0.57);
	-ms-transform-origin: right top;
	transform: scale(0.57);
	transform-origin: right top;
	top: 2px;
	right: -3px;
}

iframe {
	width: 100%;
	height: 380px;
}

.lightbox-open .pp_hoverContainer {
	width: 100% !important;
	height: calc(100% - 50px) !important;
	display: block !important;
	margin-top: 50px;
}

.lightbox-open .pp_hoverContainer a {
	display: none;
}

body {
	min-width: inherit;
}

h1, h2 {
	font-size: 22px;
}

/* 9th March 2016 Added new CSS style 
	-----------------------------------------------------------------------------*/

.tab-data .tabcontent {
	padding: 0 0 20px 0;
}

.tab-data .tabcontent p label {
	width: 84%;
}

.payment-optlist li {
	padding-left: 50px;
}

.tab-data .tabnav li .tabtrigger .ez-radio, .tab-data .tabMobiletrigger .ez-radio {
	margin: 10px;
}

.tabtrigger label {
	width: 80%;
	display: inline-block;
	vertical-align: top;
	height: 40px;
	position: relative;
}

.tabtrigger label img {
	vertical-align: middle;
	position: relative;
	z-index: 1;
	height: 40px;
}

.tabtrigger label img.BWFilter {
	left: 0 !important;
	top: 0 !important;
	position: relative;
	z-index: 3;
	height: 40px;
}

.checklist li {
	padding-bottom: 0;
}

/*New css*/

.search-tabnav, .user-access-row {
	position: fixed;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background: #de479e;
	left: 0;
	right: 0;
	margin: 0;
	z-index: 100;
}

.search-tabnav li {
	width: 33.33%;
	margin: 0;
	position: relative;
}

.search-tabnav li:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 35px;
	width: 1px;
	background: #DEF0FB;
}

.search-tabnav li:last-child:after {
	display: none;
}

.search-tabnav li a {
	font-size: 0;
	border: 0;
	padding: 6px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-tabnav li a:before {
	content: '';
	display: block;
	margin-right: 0;
}

.search-tabnav li#showall a:before {
	background-position: -592px -98px;
	width: 27px;
	height: 32px;
}

.search-tabnav li#showall a:hover:before, .search-tabnav li#showall.active a:before {
	background-position: -592px -165px;
}

.search-tabnav li#showbuddies a:before {
	background-position: -589px -134px;
	width: 30px;
	height: 28px;
}

.search-tabnav li#showbuddies a:hover:before, .search-tabnav li#showbuddies.active a:before {
	background-position: -557px -133px;
}

.search-tabnav li#showfavorites a:before {
	background-position: -555px -203px;
	width: 32px;
	height: 32px;
}

.search-tabnav li#showfavorites a:hover:before, .search-tabnav li#showfavorites.active a:before {
	background-position: -588px -200px;
}

.search-tabnav li a img {
	display: block;
	width: auto;
}

.search-userlist {
	padding-bottom: 45px;
}

.user-access-row {
	padding: 9px 0;
}

.accessicon-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.user-access-row .accessicon-nav a {
	width: 20%;
	text-align: center;
	height: auto;
}

.accessicon-nav a img {
	display: inline-block;
	vertical-align: middle;
}

.footer-logos {
	margin-bottom: 60px;
}

.age-slider {
	font-size: 18px;
	font-weight: 700;
}

.form-infoblock.last strong {
	font-weight: 700;
	font-size: 18px;
}

.select2-container {
	width: 100%!important;
}

.checkbox-action {
	font-size: 18px;
	font-weight: 700;
}

.mysearchbox .step-form li input[type="submit"] {
	width: 100%;
	font-weight: 700;
	font-size: 24px;
}

.name-selbox {
	font-weight: 700;
	font-size: 18px;
}

.top-action-bar {
	margin: 0 -10px 0;
	width: auto;
	display: block;
	padding: 10px 10px 9px;
}

.username-row a.next-profile:after, .username-row a.prev-profile:after {
	display: none;
}

.profile-infobox {
	padding: 10px 0 0;
	margin-bottom: 0;
}

.section-title {
	margin-top: 3px;
	margin-bottom: 0;
}

.messagelisting {
	margin: 0 -10px;
}

.commanbox  strong {
	font-size: 18px;
}

div.cometchat_ccmobiletab_redirect {
	content: '';
	text-shadow: none;
	background: transparent;
	border: 0;
	z-index: 111;
	width: 59px!important;
	right: 5%;
	bottom: 10%;
	font-size: 0;
	height: 59px;
	background: url(../images/chat-icon.png)no-repeat center top;
}

.loggedin #header .wrap {
	padding: 0 10px;
}

.mobile-hide {
	display: block;
	padding-bottom: 0;
}

.mobile-hide li {
	width: 100%!important;
}

.loggedin #menu {
	padding: 0;
}

.loggedin #logo {
	display: none;
}

#header {
	box-shadow: none;
}

.search-userlist {
	margin: 2px -10px 0;
}

.search-userlist li {
	padding: 0 0 10px;
}

#main {
	padding: 0;
}

.accessicon-nav a {
	margin: 0 12px;
}

.user-detailinfo {
	height: 185px;
}

.user-detailinfo p {
	margin-bottom: 16px;
}

.loggedin header {
	height: 58px;
}

.wrap {
	padding: 0 10px;
}

.photobox {
	margin-bottom: 0;
}

.messagelistbox {
	padding-top: 0;
}

.accobox.profile-infobox .user-access-row {
	display: none;
}

.mobile-show {
	display: block!important;
}

.mobile-show .accessicon-nav a.message-icon {
	background-position: -561px -241px;
	width: 26px;
	height: 22px;
	margin: 0 auto;
}

.mobile-show .accessicon-nav a.message-icon.active {
	background-position: -453px -212px;
}

.mobile-show .accessicon-nav a.view-icon {
	background-position: -550px -270px;
	width: 37px;
	height: 24px;
	margin: 0 auto;
}

.mobile-show .accessicon-nav a.view-icon.active {
	background-position: -474px -269px;
}

.mobile-show .accessicon-nav a.buddy-icon {
	background-position: -589px -133px;
	width: 30px;
	height: 28px;
	margin: 0 auto;
}

.mobile-show .accessicon-nav a.buddy-icon.active {
	background-position: -557px -133px;
}

.mobile-show .accessicon-nav a.favorite-icon {
	background-position: -555px -203px;
	width: 32px;
	height: 32px;
	margin: 0 auto;
}

.mobile-show .accessicon-nav a.favorite-icon.active {
	background-position: -588px -201px;
}

.mobile-show .accessicon-nav a.delete-icon {
	background-position: -555px -165px;
	width: 32px;
	height: 32px;
	margin: 0 auto;
}

.mobile-show .accessicon-nav a.delete-icon.active {
	background-position: -588px -236px;
}

.profilematchbox .user-proinfo-section {
	margin: 0 7px 10px 0;
}

.search-trigger {
	margin: 8px 0 0 0;
}

.loggedin #menu {
	margin-top: 10px;
}

/* 	 .action-menu > ul > li.hassubnav:first-child > a { padding-left:0; }
	 .action-menu > ul > li.hassubnav.active:first-child > a { padding-left:15px; } */

#header .search-trigger {
	transform: scale(1.3);
	transform-origin: center center;
}

.accordionStyle .top-action-bar {
	display: none;
}

.loggedin #header .wrap {
	padding-left: 0;
}

}

@media (min-width:480px) {

.swipe-arrows {
	justify-content: flex-end;
	max-width: 70px;
	margin: 0 0 0 auto;
}

.desktop-none {
	display: none;
}

}

/*20Dec2019 update*/

@media (max-width:767px) {

.stepform-header {
	padding: 8px 10px 12px;
}

.stepform-header br {
	display: none;
}

.next-step-header, .age-slider-box {
	display: none;
}

input.step-submitbtn {
	position: static;
	width: 100%;
	margin: 15px 0;
}

.join-stepform {
	background: #e7dbe1;
	height: auto !important;
}

.join-stepform.step-one {
	background: #e7dbe1;
}

.join-stepform, .join-formblock {
	min-height: 1px;
}

.join-stepform .stepform-body {
	padding-bottom: 8px;
}

.step-two .stepform-body, .step-three .stepform-body {
	padding-top: 0;
}

.stepform-body .gender-sel-list {
	margin-bottom: 0;
}

.step-three .stepform-body .step-form {
	margin-top: -5px;
}

.step-three .stepform-body .step-form li:first-child {
	padding-top: 0;
}

.step-three  .form-infoblock {
	padding-bottom: 10px;
}

}

/*==========================================================================================================*/

/* only Small tablet portrait 600 by 800*/

@media only screen and (min-width: 599px) and (max-width: 600px) {

}

/*==========================================================================================================*/

/* Small tablet Landscape 800 by 600*/

@media only screen and (min-width: 799px) and (max-width: 800px) {

}

/*==========================================================================================================*/

@media only screen and (min-width: 481px) and (max-width: 568px) {

}

/* Retina css */

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {

.sprites, .sp-after:after, .sp-before:before, .sbToggle, .sbToggleOpen, .action-menu .subnavbox li a:before, .testimonials-slider .item:before, .flag-icon, .trash-icon, .close-btn, .back-to, .manage-reaction a:before, .edit-icon, .delicon, .response-list .messagelisting li.even.submitrow button:before, .form-list li button:before, .checklist li:before, .pop-close:before, .msg-icon:before, .action-btn-box a, .plus-icon, .back-icon, .mail-info-box .favorite-icon, .action-btn-box .golinkarrow-icon, .expand-icon, .fav-icon, .shipping-btn:before, .reply-btn:before, .mailthread-header .favorite-icon, .flipper .back:after, .action-btn-box-msg .golink-icon {
	background-image: url(../images/bgi/sprites@2x.png?v=3.2);
	-moz-background-size: 620px 298px;
	-ms-background-size: 620px 298px;
	-o-background-size: 620px 298px;
	-webkit-background-size: 620px 298px;
	background-size: 620px 298px;
}

.ez-checkbox,.ez-radio, .maillisting li.header .ez-checkbox, .maillisting li.header .ez-checkbox.ez-checked, .tab-data .tabcontent .ez-checkbox, .tab-data .tabcontent .ez-checkbox.ez-checked, .tab-data .tabnav li .tabtrigger .ez-radio, .tab-data .tabMobiletrigger .ez-radio, .tab-data .tabnav li.active .tabtrigger .ez-radio, .tab-data .tabMobiletrigger.active .ez-radio {
	background-image: url(../images/bgi/checkbox@2x.png);
	-moz-background-size: 100px 40px;
	-ms-background-size: 100px 40px;
	-o-background-size: 100px 40px;
	-webkit-background-size: 100px 40px;
	background-size: 100px 40px;
}

.join-stepform select.custom-select, .mysearchbox select.custom-select, .formlisting select.custom-select, .settingslisting select.custom-select, .sortingbox select.custom-select, select.custom-select {
	background: url(../images/bgi/arrow@2x.png) 97% 7px no-repeat;
	-moz-background-size: 12px 8px;
	-ms-background-size: 12px 8px;
	-o-background-size: 12px 8px;
	-webkit-background-size: 12px 8px;
	background-size: 12px 8px;
}

/*08March2019 update*/

.gender-sel .ez-checkbox {
	background-image: url("../images/bgi/gender-select-sprites@2x.png");
	background-size: 260px 170px;
}

}

/* Mail Application CSS style start 
-----------------------------------------------------------------------------*/

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

.mailapp #main .wrap {
	padding-left: 0;
	padding-right: 0;
}

.mail-thread .reply-btn, .mail-message .reply-btn {
	position: fixed;
	bottom: 0;
	z-index: 99;
	left: 0;
}

.hidden-device {
	display: none !important;
}

}