/* DESKTOP START */
@media only screen and (min-width: 991px) {
	.fa-times:before {
		color: #ff0000 !important;
	}

	.msg-sent .message-date-time {
		color: #ffffff !important;
	}
	.layout-left {
		width: 250px !important;
	}
	#account-menu .s-menu-label {
		font-size: 11pt !important;
		margin-left: 5px !important;
	}
	#sidebar .sidebar-userbox .sidebar-greetings {
		font-size: 12pt !important;
	}
	#sidebar .logo img {
		margin-bottom: 30px !important;
	}
	.sidebar-menu .s-menu-item {
		padding: 0px !important;
	}
	#sidebar .d-flex.align-items-center.align-content-center {
		margin: 3px 0 !important;
	}
	#messages .messages-messages .messages-conversation-wrapper .message-line .message.msg-sent .message-text {
		background: #7e2361 !important;
		color: #ffffff !important;
		line-height: 18px !important;
	}
	#messages .messages-messages .messages-conversation-wrapper .message-line .message .message-text {
		padding: 8px 15px !important;
		line-height: 18px !important;
	}
	.msg-sent .message-text {
		border-radius: 20px 0 20px 20px !important;
		font-size: 12pt !important;
	}
	.msg-received .message-text {
		border-radius: 0px 20px 20px 20px !important;
		font-size: 12pt !important;
	}
	#sidebar { 
/*		background: linear-gradient(to bottom right,#a22f72 0,#4c3850 30%,#0d1a2c);
*//*		background: linear-gradient(to bottom right,#554ba0 0,#4c3850 30%,#0d1a2c) !important;*/
/*		background: linear-gradient(0.25turn, #554ba0, #4c3850, #0d1a2c) !important;*/
	background: linear-gradient(0.35turn, #554ba0, #642048 30%, #0d1a2c) !important;
	}
	#mobile-nav {
		display: none !important;
	}
	#latest-users {
		padding: 0px 0 20px 0 !important;
		margin-top: 0px !important;
	}
	.card-wrapper {
		box-shadow: none !important;
	}
	.card-title a {
		font-size: 15px !important;
		font-weight: 500 !important;
	}
	.card-title {
		margin-top: 5px !important;
	}
	.card-wrapper .card-user .card-img {
		width: 150px !important;
		height: 150px !important;
		padding: 5px !important;
	}
	.site-norool .card .picwrapper {
		box-shadow: none !important;
	}
	.card-body .ng-star-inserted {
		font-size: 12px !important;
	}
	.card-wrapper .card-user {
		border-radius: 30px !important;
	}
	.filter-group {
		font-size: 11pt !important;
	}
	 .btn-secondary {
		border-radius: 30px !important;
		font-size: 14px !important;
		background: linear-gradient(120deg,#ff7531,#c53ab6) !important;
	}
	.col-md-5 {
		flex: 0 0 31.67% !important;
		max-width: 31.67% !important;
	}
	.col-md-7 {
		flex: 0 0 68.33% !important;
		max-width: 68.33% !important;
	}
	#sidebar .sidebar-userbox {
		padding: 10px !important;
	}
	#login-box .lfl-text {
		font-size: 12pt !important;
	}
	#login-box .signup-actions {
		font-size: 11pt !important;
	}
	
}
/* DESKTOP END */

@media only screen and (min-width: 376px) and (max-width: 767px) {
	.card-wrapper .card-user {
		width: 43% !important;
	}
}
/* IPAD START */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container {
		max-width: 100% !important;
		width:  100% !important;
	}
	.card-wrapper .card-user {
		width: 30% !important;
	}
}
/* IPAD END */

/* MOBILE START */
@media only screen and (max-width: 991px) {
	.messages-dropdown-btn .dropdown-toggle {
		width: 30px;
		height: 30px;
	}
	.elite-indicator {
		top: -5px !important;
		left: -10px !important;
	}
	#page-tos, #page-privacy, #page-contact {
		margin-top: 110px;
		padding: 0 20px !important;
	}
	.modal-dialog .modal-body {
		font-size: 13pt;
	}
	.desire-report .btn.btn-sm.btn-link, .profile-report .btn.btn-sm.btn-link {
		text-align: center;
		margin: 0 auto;
		display: block;
		background: #333333;
		padding: 10px 20px 10px 20px !important;
		border-radius: 15px;
		color: #ffffff;
		box-shadow: 0 5px 15px rgb(0,0,0,0.3);
		font-size: 11pt;
	}
	.modal-dialog .modal-close {
		font-size: 24pt;
	}
	.report-description-label {
		padding: 0 0 20px 0;
		font-size: 15px;
	}
	#status-bar #top-search {
		padding: 5px 10px !important;
		width: 300px !important;
		font-size: 12pt !important;
	}
	#page-howitworks {
		margin-top: 110px;
		padding: 0 20px !important;
	}
	#page-howitworks img {
		margin: 0 auto;
		display: block;
	}
	#page-howitworks h2 {
		text-align: center;
	}
	#page-howitworks li {
		font-size: 13pt !important;
	}
	#page-howitworks p {
		font-size: 13pt !important;
	}
	#page-infos {
		margin-top: 110px;
		padding: 0 20px !important;
	}
	#page-infos li {
		font-size: 13pt !important;
	}
	#page-infos p {
		font-size: 13pt !important;
	}
	.desires-top {
		margin-top: 80px !important;
	}
	#contact-modal .modal-content {
		border-radius: 20px !important;
		box-shadow: 0 10px 15px rgb(0,0,0,0.3) !important;
	}
	.modal-dialog .modal-body {
		padding: 15px !important;
	}
	#contact-modal .cm-notice {
		font-size: 13pt !important;
	}
	.message-modal-buttons.text-center .btn.btn-lg.btn-secondary {
		font-size: 13pt !important;
	}
	h2 {
		font-size: 1.5rem !important;
	}
	.more-likes.btn.btn-sm.btn-secondary {
		font-size: 12pt	;
		margin-top: 20px;
		box-shadow: 0 5px 10px rgb(0,0,0,0.3);
	}
	.with-statusbar #account-menu {
		margin-top: 0px !important;
	}
	.likes {
		margin-top: 10px !important;
	}
	#account-menu {
		margin-top: 80px !important;
	}
	.up-action.toggle-like {
		width: 68px !important;
		height: 68px !important;
		font-size: 18pt !important;
	}
	.up-action.toggle-like.liked {
		background: #ffffff !important;
		width: 68px !important;
		height: 68px !important;
		font-size: 22pt !important;
	}
	.up-action.open-messages {
		background: #ffffff !important;
		width: 68px !important;
		height: 68px !important;
		font-size: 22pt !important;
	}
	.fa-times:before {
		color: #ff0000 !important;
	}
	#messages .messages-conversation {
		padding: 5px 10px 5px !important;
	}
	.conversation-info-members {
		color: #333333;
		font-size: 11pt !important;
	}
	#messages .messages-conversation .conversation-user .conversation-name {
		font-size: 13pt !important;
		font-weight: 600 !important;
	}
	.sidebar-menu .s-menu-item {
		margin: 2px 5px 0 0 !important;
	}
	.messages-messages {
/*		max-width: 400px !important; */
		height: calc(100vh - 160px) !important;
		overflow-y: hidden !important;
	}
	#messages {
		overflow-y: hidden !important;
	}
	.sidebar-menu .s-menu-item .s-menu-icon img {
		width: 45% !important; 
		height: 45% !important;
	}
	.sidebar-menu .s-menu-item .s-menu-icon {
		width: 35px !important;
		height: 35px !important;
	}
/*	#login-box .lf-login {
		top: 50% !important;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}*/
	.acc-links {
		padding: 0px 0 !important;
	}
	.sub-state {
		font-size: 12pt !important;
	}
	.sub-state2 {
		font-size: 12pt !important;
	}
	.acc-links .notif-icon {
		width: 22px !important;
	}
	.sidebar-menu .s-menu-item {
		padding: 0px !important;
	}
	.latest-user-mobile {
		width: 56px !important;
		height: 56px !important;
	}
	#subscription-modal #subscriptions .subs-footer .sub-packages .sub-package .pkg-price {
		font-size: 16pt !important;
	}

	#subscription-modal #subscriptions .subs-footer .sub-packages .sub-package .pkg-interval {
		font-size: 17pt !important;
	}
	#subscription-modal #subscriptions .subs-footer .sub-packages .sub-package {
		margin: 3px !important;
		padding: 5px 5px 5px 5px !important;
		min-width: 92px !important;
	}
	#subscription-modal #subscriptions .appstore-logo {
		height: 100px;
	}

	#subscriptions .subs-footer .sub-packages .sub-package.active {
		box-shadow: 0 10px 15px rgb(0,0,0,0.3);
	}
	#subscriptions .subs-footer .sub-packages .sub-package  {
		margin: 5px !important;
		padding: 10px 15px 10px 15px !important;
		min-width: 105px !important;
	}
	#subscriptions .subs-footer .btn-unlock-elite {
		box-shadow: 0 10px 15px rgb(0,0,0,0.3);
	}
	#subscriptions .subs-footer .sub-disclaimer {
		font-size: 8pt !important;
	}
	#subscriptions .subs-footer {
		padding: 20px 10px 20px 10px !important;
	}
	.filter-links {
		font-size: 14pt !important;
	}
	h1 {
		font-size: 17pt !important;
	}
	.tag-separator {
		margin: 10px 0 0 0 !important;
	}
	.user-desire {
		font-size: 12pt !important;
	}
	.sender-name {
		font-size: 13pt !important;
		margin: 0 0 5px 0 !important;
		font-weight: 600 !important;
	}
	.messages-menu > a {
		padding: 8px 10px !important;
	}
	.messages-menu {
		text-align: center;
	}
	.msg-sent .message-date-time, .message-date-time {
		color: #ffffff !important;
		font-size: 9pt !important;
	}
	.message-date-time {
		margin: 5px 0 0 0 !important;
	}
	#latest-users {
		padding: 5px 5px 0 5px!important;
	}
	#latest-users h3 {
		padding-bottom: 0 !important;
		font-size: 13pt !important;
	}
	.latest-user-mobile {
		box-shadow: 0 5px 10px rgb(0,0,0,0.3) !important;
	}

	 #messages .messages-messages .messages-write .btn {
		margin-left: 10px !important;
		font-size: 11pt !important;
		padding: 8px 15px !important;
	}
	#messagebox {
		font-size: 11pt !important;
	}

	.btn-room-members {
		padding: 5px 12px !important;
		font-size: 10pt;
	}
	#messages .messages-conversation.showdata {
		padding: 10px 5px 10px 5px !important;
	}
	#messages .messages-conversation .conversation-user .conversation-lastmessage {
		font-weight: 400 !important;
		color: #333333;
		font-style: normal !important;
	}
	.msg-sent .color-normal {
		color: #ffffff !important;
	}
	#messages .messages-messages .messages-conversation-wrapper .message-line .message.msg-sent .message-text {
		background: #7e2361 !important;
		color: #ffffff !important;
		line-height: 18px !important;
	}
	#messages .messages-messages .messages-conversation-wrapper .message-line .message .message-text {
		padding: 8px 15px !important;
		line-height: 18px !important;
	}
	.msg-sent .message-text {
		border-radius: 20px 0 20px 20px !important;
		font-size: 12pt !important;
	}
	.msg-received .message-text {
		border-radius: 0px 20px 20px 20px !important;
		font-size: 12pt !important;
	}
	#messages .messages-messages .messages-conversation-wrapper .message-line .message .message-text {
		background: #dcdcdc !important;
	}

    /*	#sticky img {
		width: 25vh !important;
	}*/
	.form-control {
		font-size: 16px;
	}
	.online-indicator {
		top: 15px;
		bottom: auto;
	}
	.card-action-button.liked {
	/*	background: linear-gradient(to right, #ff7531, #e64b65, #c53ab6) !important; */
		background: none !important;
	}
	#messages {
		border: 0px solid #000 !important;
		margin: 0 10px 0 10px !important;
		margin-top: 100px !important;
		box-shadow: 0 10px 20px rgb(0,0,0,0.1);
	}
	.modal-dialog #modal-picture img {
		max-width: auto !important;
		width: 100% !important;
	}
	.modal-dialog .modal-content {
		width: -webkit-fill-available !important;
	}
	#wrapper #content-wrapper {
		padding: 0 0 0px 0 !important;
	}
	.breadcrumb-item.active {
		color: #ffffff !important;
	}
	#login-box .lfl-text {
		font-size: 12pt !important;
		line-height: 20px !important;
		max-font-xiz
	}
	#status-bar {
		padding: 10px 5px 5px 5px !important;
		display: table !important;
		align-content: center !important;
		margin: 85px auto 0 auto !important;
		align-items: center !important;
		text-align: center !important;
		width: 100% !important;
		font-size: 14pt;
	}
	#status-bar .flex-grow-1 {
		margin: 0 auto !important;
		align-content: center !important;
		align-items: center !important;
		padding: 0 0 5px 0 !important;
	}

	.sidebar-menu .s-menu-item .s-menu-label {
		margin-left: 5px !important;
		font-size: 12pt !important;
		line-height: 17px !important;
	}
	#mobile-nav {
		width: 95% !important;
		/*bottom: 10px !important;*/
		top: 10px;
		bottom: auto !important;
		box-shadow: 0px 4px 8px rgb(0,0,0,0.4);
	}
	#mobile-nav .mn-menu-item .mn-menu-icon {
	    margin: 0 10px !important;
	    padding: 10px 4vw !important;
	    border-radius: 30px !important;
    }
	#sidebar .sidebar-userbox {
		border: 0px solid !important;
		padding: 0 11vw 0 0!important;
		min-height: 40px!important;
		margin-top: 0 !important;
	}
	.fas.fa-bars {
		color: #333333 !important;
	}
	#sidebar {
		border-radius: 0 0 39% 69%/0 0 35% 47% !important;
		border-bottom: 0px solid #ffffff !important;
		box-shadow: 0px 3px 15px rgb(0,0,0,0.5) !important;
		display: none !important;
	}
	#sidebar .sidebar-userbox .sidebar-avatar-wrapper {
		display: none !important;
	}
	.sidebar-user-link {
		display: none !important;
	}
	#sidebar .sidebar-toggle {
		font-size: 5vw !important;
		background: #ffffff !important;
		border-radius: 60px !important;
		padding: 7px 14px !important;
		box-shadow: 0px 5px 15px rgb(0,0,0,0.7) !important;
		display: none !important;
	}
	.site-norool {
		background: #ededed !important;
	}
	#wrapper #outlet {
		background: none !important;
		padding: 0 !important;
	}
	.site-norool #account-menu .profile-image {
		display: none !important;
	}
	.site-norool #account-menu {
		border-bottom: 0px solid #c38685 !important;
	}

	#account-menu .d-box-label {
		display: none !important;
	}
	#account-menu .d-box {
		border: 0px solid #d1d1d1 !important;
		margin-bottom: 5px !important;
		padding: 0 !important;
	}
	#account-menu .acc-links .notif-label {
		font-size: 2.2vh !important;
		margin-top: 0px !important;
		text-transform: capitalize !important;
		float: left !important;
		padding: 7px 10px 0 4px !important;;
	}
	#account-menu .acc-links .notif-num {
		font-size: 2.5vh !important;
		font-weight: 700 !important;
		float: left !important;
		background: #ffffff !important;
		border-radius: 50px !important;
		padding: 5px 13px !important;
		color: #e45a6e !important;
		box-shadow: 0 5px 5px rgb(0,0,0,0.2) !important;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
		padding-right: 0 !important;
		padding-left: 0 !important;
	} 
	#account-menu {
		padding: 0 !important;
	}
	#account-menu .acc-links {
		min-height: 30px !important;
	}
	.layout-left {
		width: 100% !important;
		padding: 0 10px !important;
	}
	.card-wrapper {
		text-align: center !important;
		background: #ffffff !important;
		border-radius: 30px !important;
		box-shadow: 0px -9px 15px rgb(0,0,0,0.1) !important;
		padding: 5px 0 10px 0 !important;
	}
	.site-norool .card .picwrapper {
		border-radius: 30px !important;
		border: 0 !important;
	}
	.card {
		border: 0px solid rgba(0,0,0,.125);
	}
	.card-wrapper .card-user .card-img {
		width: 100% !important;
		height: 200px !important;
	}
	.site-norool .card .picwrapper {
		box-shadow: 0 5px 8px rgb(0,0,0,0.5) !important;
	}
	.card-wrapper .card-user .card-body {
		padding: 0 0 10px !important;
		margin: -60px 0 0 0 !important;
		color: #ffffff !important;
		font-size: 13pt !important;
		position: sticky !important;
	}
	.card-title a {
		color: #ffffff !important;
	}
		
	.user-desires.d-flex.flex-wrap {
		padding: 0 20px !important;
	}
	.account-content {
		padding: 0 !important;
	}
	.userheader {
		display: none !important;
	}
	.card .card-actions .card-action-button {
		box-shadow: 0 5px 10px rgb(0,0,0,0.2) !important;
	}
	.account-box.d-box {
		background: #ffffff !important;
		border: none !important;
		box-shadow: 0px -10px 15px rgb(0,0,0,0.2) !important;
	}
	.likebutton .card-action-button:not(.liked) {
		background: none !important;
	}
	.fa-heart.fas.liked {
		color: #ffffff !important;
		font-size: 3.5vw !important;
/*		padding: 13px 0 0 0 !important;*/
	}
	.site-norool .card-action-button .fa-comment {
		color: #333333 !important;
		/*padding: 14px 0 0 0 !important;*/
		font-size: auto !important;
	}
	.card .card-actions {
		/*display: block !important;*/
		margin-top: 20px !important;
	}
	#account-menu .filter-group.ng-star-inserted {
		width: 50% !important;
		display: block !important;
		float: left !important;
		padding: 0 4px !important;
	}

	.search-filters .filter-group .filter-title {
		width: 130px !important;
		text-align: center !important;
		margin: 0 auto !important;
	}
	.site-norool #account-menu {
		color: #333333 !important;
	}
	.btn-secondary {
		border-radius: 30px !important;
		font-weight: normal !important;
		background: linear-gradient(0.25turn, #ff7531, #e64b65, #c53ab6) !important;
		padding: 5px 10px !important;
	}
	#footer #footer-left {
		text-align: center !important;
		display: block !important;
	}
	.filter-group {
		font-size: 4vw !important;
		margin-bottom: 10px !important;
	}
	.acc-menu-top-right {
		padding-left: 0 !important;
	}
	#sidebar.open {
		border-radius: 0 0 50px 50px !important;
	}
	#sidebar .sidebar-userbox .sidebar-greetings {
		font-size: 2.5vh !important;
	}

	#sidebar .sidebar-menu .s-menu-item {
		display: block !important;
		margin: 0px !important;
	}
	.flex-grow-1.account-content .d-box {
		background: #ffffff !important;
		border: none !important;
		box-shadow: 0 -5px 15px rgb(0,0,0,0.2) !important;
	}
	.flex-grow-1.account-content .row {
		padding: 0 10px !important;
	}
	.site-norool .btn-primary {
		border-radius: 30px !important;
		font-size: 14px ;
	}
	#footer-right {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		align-content: center !important;
	}
	#sidebar-logo {
		padding: 0;
		width: 50vw !important;
	}
	#sidebar .s-menu-item > div {
    	justify-content: left !important;
	}
	.sidebar-menu {
    	padding: 10px 0 0 0 !important;
	}
	.mobile-profile .up-actions .up-action {
    	box-shadow: 0 10px 10px rgb(0 0 0 / 20%) !important;
	}
	.fa-long-arrow-alt-left:before {
	    content: "\f060" !important;
	}
	.floating-profile-pic .profile-back-btn {
    	box-shadow: 0 5px 15px rgb(0 0 0 / 30%) !important;
	}
	/* input.form-control.ng-untouched.ng-pristine.ng-valid {
    	border: none !important;
    	box-shadow: 0 7px 10px rgb(0 0 0 / 20%) !important;
	} */
	.mobile-profile .up-actions  .up-action  {
	    box-shadow: 0 10px 10px rgb(0 0 0 / 20%) !important;
	}
	#sidebar .sidebar-breadcrumbs {
	    margin: -17px 35px !important;
	    font-size: 3.5vw !important;
	}
	#sidebar { 
/*		background: linear-gradient(to bottom right,#a22f72 0,#4c3850 30%,#0d1a2c);
		background: linear-gradient(to bottom right,#554ba0 0,#4c3850 30%,#0d1a2c) !important;*/
		background: linear-gradient(0.40turn, #554ba0, #642048 35%, #0d1a2c) !important;
	}
	.d-box-label {
   		text-align: center !important;
	}
}

/* MOBILE END */
	

/* MOBILE START */
@media only screen and (min-width: 321px) and (max-width: 376px) {
	.messages-dropdown-btn .dropdown-toggle {
		width: 30px !important;
		height: 30px !important;
	}
	.elite-indicator {
		top: -9px !important;
		left: -16px !important;
	}
	#page-tos, #page-privacy, #page-contact {
		margin-top: 100px !important;
		padding: 0 20px !important;
	}
	.modal-dialog .modal-body {
		font-size: 11pt;
	}
	.desire-report .btn.btn-sm.btn-link, .profile-report .btn.btn-sm.btn-link {
		text-align: center;
		margin: 0 auto;
		display: block;
		background: #333333;
		padding: 8px 20px 8px 20px !important;
		border-radius: 15px;
		color: #ffffff;
		box-shadow: 0 5px 15px rgb(0,0,0,0.3);
		font-size: 10pt;
	}
	.modal-dialog .modal-close {
		font-size: 22pt;
	}
	.site-norool .btn-primary {
		padding: 8px 17px;
		font-size: 13px;
	}
	.report-description-label {
		padding: 0 0 15px 0;
		font-size: 13.5px;
	}
	#status-bar #top-search {
		padding: 3px 10px !important;
		width: 250px !important;
		font-size: 11pt !important;
	}
	#page-howitworks {
		margin-top: 100px;
		padding: 0 20px !important;
	}
	#page-howitworks img {
		margin: 0 auto;
		display: block;
	}
	#page-howitworks h2 {
		text-align: center;
	}
	#page-howitworks li {
		font-size: 12pt !important;
	}
	#page-howitworks p {
		font-size: 12pt !important;
	}
	#page-infos {
		margin-top: 100px;
		padding: 0 20px !important;
	}
	#page-infos li {
		font-size: 12pt !important;
	}
	#page-infos p {
		font-size: 12pt !important;
	}
	.card-wrapper .card-user {
		width: 43% !important;
	}
	.card-wrapper .card-user .card-body {
		font-size: 12pt !important;
	}
	.desires-top {
		margin-top: 70px !important;
	}
	#contact-modal .cm-notice {
		font-size: 12pt !important;
	}
	.message-modal-buttons.text-center .btn.btn-lg.btn-secondary {
		font-size: 12pt !important;
	}
	h2 {
		font-size: 1.3rem !important;
	}
	.with-statusbar #account-menu {
		margin-top: 0px !important;
	}
	.likes {
		margin-top: 10px !important;
	}
	#account-menu {
		margin-top: 70px !important;
	}
	.up-action.toggle-like {
		width: 65px !important;
		height: 65px !important;
		font-size: 18pt !important;
	}
	.up-action.toggle-like.liked {
		background: #ffffff !important;
		width: 65px !important;
		height: 65px !important;
		font-size: 20pt !important;
	}
	.up-action.open-messages {
		background: #ffffff !important;
		width: 65px !important;
		height: 65px !important;
		font-size: 20pt !important;
	}
	.conversation-info-members {
		color: #333333;
		font-size: 10pt !important;
	}
	#messages .messages-conversation .conversation-user .conversation-name {
		font-size: 12pt !important;
		font-weight: 600 !important;
	}
	.sidebar-menu .s-menu-item {
		margin: 2px 5px 0 0 !important;
	}
	.sidebar-menu .s-menu-item .s-menu-icon img {
		width: 45% !important;
		height: 45% !important;
	}
	.sidebar-menu .s-menu-item .s-menu-icon {
		width: 32px !important;
		height: 32px !important;
	}
	.sidebar-menu .s-menu-item .s-menu-label {
		font-size: 11pt !important;
	}
	#messages .messages-messages .messages-conversation-wrapper .message-line .message.msg-sent .message-text {
		line-height: 14px !important;
	}
	#messages .messages-messages .messages-conversation-wrapper .message-line .message .message-text {
		padding: 8px 15px !important;
		line-height: 18px !important;
	}
	#messages .messages-conversation .userinfo {
		font-size: 11pt !important;
	}
	#messages .messages-conversation .userinfo .card-icon {
		height: 22px !important;
	}
	.sub-state {
		font-size: 11pt !important;
	}
	.sub-state2 {
		font-size: 11pt !important;
	}
	.sidebar-menu .s-menu-item {
		padding: 0px !important;
	}
	.acc-links .notif-icon {
		width: 20px !important;
	}
	.latest-user-mobile {
		width: 53px !important;
		height: 53px !important;
	}
	#subscription-modal #subscriptions .subs-footer .sub-packages .sub-package .pkg-price {
		font-size: 13pt !important;
	}

	#subscription-modal #subscriptions .subs-footer .sub-packages .sub-package .pkg-interval {
		font-size: 16pt !important;
	}
	#subscription-modal #subscriptions .subs-footer .sub-packages .sub-package .pkg-unit {
		font-size: 11pt !important;
	}
	#subscription-modal #subscriptions .subs-footer .sub-packages .sub-package {
		margin: 3px !important;
		padding: 5px 5px 5px 5px !important;
		min-width: 70px !important;
	}
	#subscription-modal #subscriptions .appstore-logo {
		height: 90px;
	}


	h3 {
		font-size: 14pt !important;
	}
	#subscriptions h2 {
		font-size: 16pt !important;
	}
	#subscriptions .subs-footer .sub-packages .sub-package.active {
		box-shadow: 0 10px 15px rgb(0,0,0,0.3);
	}
	#subscriptions .subs-footer .sub-packages .sub-package  {
		margin: 3px !important;
		padding: 10px !important;
		min-width: 90px !important;
	}
	#subscriptions .subs-footer .btn-unlock-elite {
		box-shadow: 0 10px 15px rgb(0,0,0,0.3);
	}
	#subscriptions .subs-footer .sub-disclaimer {
		font-size: 8pt !important;
	}
	#subscriptions .subs-footer {
		padding: 20px 10px 20px 10px !important;
	}
	#subscriptions .subs-footer .sub-packages .sub-package .pkg-price {
		font-size: 16pt !important;
	}
	#subscriptions .subs-footer .sub-packages .sub-package .pkg-unit {
		font-size: 13pt !important;
	}
	#subscriptions .subs-footer .sub-packages .sub-package .pkg-interval {
		font-size: 17pt !important;
	}
	#subscriptions .plan-selector .active  > h3 {
		border-bottom: 8px solid #a22c74 !important;
	}
	#subscriptions .features .feature img {
		width: 18px !important;
	}
	#subscriptions .subs-footer .btn-unlock-elite {
		margin: 10px auto auto !important;
		padding: 5px 10px 5px 10px !important;
		font-size: 11pt !important;
	}
	#subscriptions .subs-footer .btn-unlock-elite img {
		height: 28px !important;
	}
	.msg-sent .message-text {
		border-radius: 20px 0 20px 20px !important;
		font-size: 11pt !important;
	}
	.msg-received .message-text {
		border-radius: 0px 20px 20px 20px !important;
		font-size: 11pt !important;
	}
	.filter-links {
		font-size: 13pt !important;
	}
	h1 {
		font-size: 15pt !important;
	}
	.tag-separator {
		margin: 10px 0 0 0 !important;
	}
	.user-desire {
		font-size: 11pt !important;
	}
	.sender-name {
		font-size: 11pt !important;
		font-weight: 600 !important;
	}
	.messages-menu {
		font-size: 11pt !important;
	}
	.messages-menu .mm2 {
		font-size: 11pt !important;
	}
	#status-bar {
		margin: 75px auto 0 auto !important;
	}
	.msg-sent .message-date-time, .message-date-time {
		color: #ffffff !important;
		font-size: 9pt !important;
	}
	#latest-users {
		padding: 5px 5px 0 5px!important;
	}
	#latest-users h3 {
		padding-bottom: 0 !important;
		font-size: 12pt !important;
	}
	.latest-user-mobile {
		box-shadow: 0 5px 10px rgb(0,0,0,0.3) !important;
	}


	.message-text.flex-shrink-0 {
		font-size: 10pt;
	}
	.btn-room-members {
		font-size: 9pt !important;
	}
	#messages .messages-back {
		font-size: 16pt !important;
		padding: 0 10px !important;
	}
	.conversation-member-avatar {
		width: 20px !important;
		height: 20px !important;
	}
	#mobile-nav .mn-menu-item .mn-menu-icon {
	    margin: 0 5px !important;
	    padding: 5px 4.5vw !important;
	    
    }
    #messages .messages-messages .messages-write .btn {
		margin-left: 5px !important;
		font-size: 10pt !important;
		padding: 7px 15px !important;
	}
	#messagebox {
		font-size: 10pt !important;
		height: calc(1.5em + 0.6rem + 2px) !important;
	}
	#messages .messages-messages .messages-write {
		height: 55px !important;
	}
}

/* MOBILE END */

/* MOBILE START */
@media only screen and (max-width: 320px) {
	.messages-dropdown-btn .dropdown-toggle {
		width: 30px !important;
		height: 30px !important;
	}
	.elite-indicator {
		top: -10px !important;
		left: -22px !important;
	}
	#page-tos p, #page-privacy p, #page-contact p {
		font-size: 10pt !important;
	}
	#page-tos, #page-privacy, #page-contact {
		margin-top: 90px !important;
		padding: 0 20px !important;
	}
	.modal-dialog .modal-body {
		font-size: 10pt;
	}
	.desire-report .btn.btn-sm.btn-link, .profile-report .btn.btn-sm.btn-link {
		text-align: center;
		margin: 0 auto;
		display: block;
		background: #333333;
		padding: 6px 15px 6px 15px !important;
		border-radius: 15px;
		color: #ffffff;
		box-shadow: 0 5px 15px rgb(0,0,0,0.3);
		font-size: 9pt;
	}
	.modal-dialog .modal-close {
		font-size: 20pt;
	}
	.site-norool .btn-primary {
		padding: 6px 15px;
		font-size: 12px;
	}
	.report-description-label {
		padding: 0 0 10px 0;
		font-size: 12px;
	}
	#page-howitworks {
		margin-top: 90px;
		padding: 0 20px !important;
		font-size: 10pt !important;
	}
	#page-howitworks img {
		margin: 0 auto;
		display: block;
	}
	#page-howitworks h2 {
		text-align: center;
	}
	#page-howitworks li {
		font-size: 10pt !important;
	}
	#page-howitworks p {
		font-size: 10pt !important;
	}
	#page-infos {
		margin-top: 90px;
		padding: 0 20px !important;
	}
	#page-infos li {
		font-size: 10pt !important;
	}
	#page-infos p {
		font-size: 10pt !important;
	}
	.card-wrapper .card-user {
		width: 43% !important;
	}
	.card-wrapper .card-user .card-body {
		font-size: 10pt !important;
	}
	.card-icon {
		width: 18px !important;
		margin-right: 3px !important;
	}
	.card-wrapper .card-user .card-img {
		height: 150px !important;
	}
	.desires-top {
		margin-top: 60px !important;
	}
	#contact-modal .cm-notice {
		font-size: 11pt !important;
	}
	.message-modal-buttons.text-center .btn.btn-lg.btn-secondary {
		font-size: 11pt !important;
	}
	h2 {
		font-size: 1.1rem !important;
	}
	
	.with-statusbar #account-menu {
		margin-top: 0px !important;
	}
	.likes {
		margin-top: 5px !important;
	}
	#account-menu {
		margin-top: 60px !important;
	}
	.up-action.toggle-like {
		width: 55px !important;
		height: 55px !important;
		font-size: 18pt !important;
	}
	.up-action.toggle-like.liked {
		background: #ffffff !important;
		width: 55px !important;
		height: 55px !important;
		font-size: 18pt !important;
	}
	.up-action.open-messages {
		background: #ffffff !important;
		width: 55px !important;
		height: 55px !important;
		font-size: 18pt !important;
	}
	.conversation-info-members {
		color: #333333;
		font-size: 9pt !important;
	}
	.sidebar-menu .s-menu-item {
		margin: 2px 5px 0 0 !important;
	}
	.sidebar-menu .s-menu-item .s-menu-icon img {
		width: 45% !important;
		height: 45% !important;
	}
	.sidebar-menu .s-menu-item .s-menu-icon {
		width: 30px !important;
		height: 30px !important;
	}
	.sidebar-menu .s-menu-item .s-menu-label {
		font-size: 9pt !important;
	}
	.btn-secondary {
		padding: 3px 13px !important;
		font-size: 10pt !important;
	}
	#toggle-filters {
		font-size: 10pt !important;
	}
	#messages .messages-messages .messages-conversation-wrapper .message-line .message.msg-sent .message-text {
		line-height: 14px !important;
	}
	#messages .messages-messages .messages-conversation-wrapper .message-line .message .message-text {
		padding: 8px 15px !important;
		line-height: 14px !important;
	}
	#messages .messages-conversation .userinfo {
		font-size: 10pt !important;
	}
	#messages .messages-conversation .userinfo .card-icon {
		height: 20px !important;
	}
	.sub-state {
		font-size: 9pt !important;
	}
	.sub-state2 {
		font-size: 9pt !important;
	}
	.sidebar-menu .s-menu-item {
		padding: 0px !important;
	}
	#top-search {
		height: 28px !important;
		font-size: 8pt !important;
	}
	.acc-links .notif-icon {
		width: 18px !important;
	}
	.latest-user-mobile {
		width: 50px !important;
		height: 50px !important;
	}
	.card .card-actions .card-action-button {
		width: 40px !important;
		height: 40px !important;
	}
	#subscription-modal #subscriptions .subs-footer .sub-packages .sub-package .pkg-price {
		font-size: 11pt !important;
	}

	#subscription-modal #subscriptions .subs-footer .sub-packages .sub-package .pkg-interval {
		font-size: 13pt !important;
	}
	#subscription-modal #subscriptions .subs-footer .sub-packages .sub-package .pkg-unit {
		font-size: 9pt !important;
	}
	#subscription-modal #subscriptions .subs-footer .sub-packages .sub-package {
		margin: 2px !important;
		padding: 5px 5px 5px 5px !important;
		min-width: 68px !important;
	}
	#subscription-modal #subscriptions .appstore-logo {
		height: 80px;
	}


	h3 {
		font-size: 12pt !important;
	}
	#subscriptions h2 {
		font-size: 13pt !important;
	}
	#subscriptions .subs-footer .sub-packages .sub-package.active {
		box-shadow: 0 10px 15px rgb(0,0,0,0.3);
	}
	#subscriptions .subs-footer .sub-packages .sub-package  {
		margin: 5px !important;
		padding: 10px !important;
		min-width: 85px !important;
	}
	#subscriptions .subs-footer .btn-unlock-elite {
		box-shadow: 0 10px 15px rgb(0,0,0,0.3);
	}
	#subscriptions .subs-footer .sub-disclaimer {
		font-size: 7pt !important;
	}
	#subscriptions .subs-footer {
		padding: 20px 10px 20px 10px !important;
	}
	#subscriptions .subs-footer .sub-packages .sub-package .pkg-price {
		font-size: 14pt !important;
	}
	#subscriptions .subs-footer .sub-packages .sub-package .pkg-unit {
		font-size: 11pt !important;
	}
	#subscriptions .subs-footer .sub-packages .sub-package .pkg-interval {
		font-size: 14pt !important;
	}
	#subscriptions .features {
		padding: 15px !important;
		font-size: 10pt !important;
	}
	#subscriptions .plan-selector .active  > h3 {
		border-bottom: 6px solid #a22c74 !important;
	}
	#subscriptions .features .feature img {
		width: 16px !important;
	}
	#subscriptions .subs-footer .btn-unlock-elite {
		margin: 10px auto auto !important;
		padding: 5px 10px 5px 10px !important;
		font-size: 10pt !important;
	}
	#subscriptions .subs-footer .btn-unlock-elite img {
		height: 25px !important;
	}
	.filterbox-title {
		font-size: 11pt !important;
	}
	.msg-sent .message-text {
		border-radius: 20px 0 20px 20px !important;
		font-size: 10pt !important;
	}
	.msg-received .message-text {
		border-radius: 0px 20px 20px 20px !important;
		font-size: 10pt !important;
	}
	input {
		height: 40px !important;
		font-size: 10pt !important;
	}
	.desire-filter {
		max-width: 250px !important;
	}
	.filter-links {
		font-size: 11pt !important;
	}
	h1 {
		font-size: 14pt !important;
	}
	.tag-separator {
		margin: 10px 0 0 0 !important;
	}
	.user-desire {
		font-size: 10pt !important;
	}
	.sender-name {
		font-size: 10pt !important;
		font-weight: 600 !important;
	}
	#messages .messages-conversation .conversation-user .conversation-name {
		font-size: 10pt !important;
		font-weight: 600 !important;
	}
	#messages .messages-conversation .conversation-user .conversation-lastmessage {
		font-size: 9pt !important;
	}
	.messages-menu {
		font-size: 10pt !important;
	}
	.messages-menu .mm2 {
		font-size: 10pt !important;
	}
	.msg-sent .message-date-time, .message-date-time {
		color: #ffffff !important;
		font-size: 8pt !important;
	}
	#status-bar #top-search {
		padding: 7px 10px !important;
		width: 240px !important;
	}
	#status-bar {
		margin: 65px auto 0 auto !important;
	}
	#latest-users {
		padding: 5px 5px 0 5px!important;
	}
	#latest-users h3 {
		padding-bottom: 0 !important;
		font-size: 11pt !important;
	}
	.latest-user-mobile {
		box-shadow: 0 5px 10px rgb(0,0,0,0.3) !important;
	}

	#mobile-nav .mn-menu-item .mn-menu-icon {
	    margin: 0 10px !important;
	    padding: 4px 2.5vw !important;
	    border-radius: 30px !important;
    }
    #mobile-nav .mn-menu-item .mn-menu-label {
		font-size: 7pt !important;
	}
	#messages .messages-conversation .conversation-profile {
		width: 40px !important;
		height: 40px !important;
	}
	#messages .messages-back {
		font-size: 15pt !important;
		padding: 0 10px !important;
	}
	.conversation-member-avatar {
		width: 20px !important;
		height: 20px !important;
		margin-right: 2px !important;
	}
	.btn-room-members {
		padding: 5px 10px !important;
		font-size: 7.5pt !important;
		margin-left: 5px !important;
	}
	.message-text{
		font-size: 9pt !important;
	}
	#messages .messages-messages .messages-write .btn {
		margin-left: 5px !important;
		font-size: 9pt !important;
		padding: 5px 10px !important;
	}
	#messagebox {
		font-size: 9pt !important;
		height: calc(1.5em + 0.5rem + 2px) !important;
	}
	#messages .messages-messages .messages-write {
		height: 50px !important;
	}

}

/* MOBILE END */