/* 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 { width:240px; height:28px; background-position:0 -60px; }
	.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:#5ca8d2; border-radius:4px; font-weight:700; font-size:18px; margin-top:21px; }
	.login-trigger:hover { color:#fff; background:#5194b8; }
	#mainmenu { float:right; }
	.loginbox { float:right; }
	.lines-button { display:block; width:33px; height:33px; margin:21px 0 0 0; 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:#1f3745; 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:#1f3745; 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 { border-top-color:#192d39; font-size:17px; padding:10px 15px 13px; margin:0;  }
	.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 li a:hover { color:#fff; }
	.userlogin-box ul ul li a { border-top:0; }
	.userlogin-box ul ul li a { border-bottom: 1px solid #6698b5; }
	.userlogin-box ul ul li a:hover { color:#1F3745; }
	.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:#77b0d2; box-shadow:inset 0 0 3px rgba(0,0,0,0.15); }
	.userlogin-box ul li:hover > a, userlogin-box ul li.active > a { /*color:#fff; background:#ee2956;*/  }
	.userlogin-box .arrowbox:after, .userlogin-box .open .arrowbox:after { display:none; }
	.userlogin-box .arrowbox:before {  border-top-color: #ee2956; border-width: 8px; margin-left: -8px;  margin-top: -3px;}
	.userlogin-box .open .arrowbox:before {  border-bottom-color: #ee2956; 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; margin-left:5px; }
	.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:15px; /*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;  }
	.login-trigger { line-height:26px; padding:0 17px 2px; font-size:14px; margin-top:14px }
	#logo span { width:144px; height:18px;  background-position:0 -96px; margin:1px 0 0 -4px; }
	.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: #1f3745; background: #def0fb; 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: #2B5972; 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:0 -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: #f7f7f7;
		height: auto !important;
	}
	.join-stepform.step-one {
		background: #f7f7f7;
	}
	.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;	}
}