@media only screen and (max-width:1660px) {
	.select-user-card {
		height: 730px;
		padding: 100px 0 30px 0;
	}
	.auth-form .verify-code-group input {
		height: 60px;
		width: 60px;
	}
	.pre-login-card {
	    min-height: 750px;
	    max-height: 750px;
	}
	.auth-card {
    	padding: 100px 70px 30px 70px;
	}
	.pre-login-card.forgot-auth-card {
		min-height: 500px;
	    max-height: 500px;
	}
	.auth-form .verify-code-group {
		gap: 25px;
	}
	.profile-img-wrap {
	    width: 130px;
	    height: 130px;
	    margin-bottom: 30px;
	}
	.profile-img-wrap .img-box {
	    width: 118px;
	    height: 118px;
	}
	.profile-img-wrap .upload-btn {
	    width: 40px;
	    height: 40px;
	    padding: 9px;
	}
	.pre-login-card.scroll-auth-card {
	    min-height: 850px;
	    max-height: 870px;
	}
	.auth-card .form-scroll,
	.profile-card .form-scroll {
    	max-height: 500px;
    }
    .auth-card .form-scroll.form-scroll-2 {
    	max-height: 470px;
	}
	.notification-dropdown .inner-wrap {
    	padding: 20px;
	}
	.notification-dropdown .top-row p {
    	font-size: 20px;
	}
	.notification-dropdown .top-row p span img {
		max-width: 20px;
	}
	.notification-dropdown .top-row {
    	padding-bottom: 15px;
	}
	.notification-dropdown .notification-msg {
    	padding: 10px 0;
	}
	.notification-dropdown .notification-msg .title {
	    font-size: 16px;
	    margin-bottom: 7px;
	}
	.notification-dropdown .notification-msg .text {
    	font-size: 14px;
	}
	.notification-dropdown .bottom-row {
		padding-top: 15px;
	}
	.friends-slider-card {
		max-width: 450px;
	}
	.friends-slider-card .button-box .card-btn,
	.buy-req-wrap .free-swipe-btn {
    	height: 60px;
	}
	.buy-req-bg-card {
    	padding: 30px;
	}
	.buy-req-wrap .buy-req-box {
    	padding: 10px 15px;
	}
	.buy-req-wrap .buy-req-box .purple-grad {
    	height: 45px;
	}
	.buy-req-wrap .buy-req-box .det .icon {
	    width: 56px;
	    height: 56px;
	    margin-right: 10px;
	}
	.buy-req-wrap .buy-req-box .det p,
	.buy-req-wrap .buy-more a {
    	font-size: 18px;
	}
}
@media only screen and (max-width:1460px) {
	.auth-form .verify-code-group {
		gap: 15px;
	}
	.chat-window .top-row,
	.chat-window .mid-row,
	.chat-window .bottom-row {
    	padding: 20px;
	}
	.chat-window .top-row .title {
    	padding-bottom: 10px;
	}
	.chat-window .mid-row {
		height: calc(100% - 165px);
	}
	.invite-card {
    	padding: 20px;
	}
	.invite-card .text-box .name {
	    font-size: 22px;
	    margin-bottom: 10px;
	}
	.invite-card .text-box .invite-btn {
    	height: 45px;
	}
	.invite-card .text-box .desc {
	    font-size: 14px;
	    font-weight: 400;
	}
	.invite-wrap .search-row input {
    	height: 55px;
    	padding-left: 50px;
	}
	.lg-gen-modal .modal-content .btn-close,
	.md-gen-modal .modal-content .btn-close {
	    width: 40px;
	    height: 40px;
	    font-size: 22px;
    }
    .invite-wrap .search-row .icon {
    	width: 50px;
	}	
}
@media only screen and (max-width:1260px) {
	.select-user-card {
    	height: auto;
	}
	.select-user-card .card-top .heading-1,
	.auth-card .card-top .heading-1 {
	    font-size: 40px;
	    margin-bottom: 15px;
    }
    .select-user-card .select-user {
	    margin-top: 70px;
	    margin-bottom: 100px;
	}
	.select-user-card .select-user a {
    	width: 170px;
    	margin: 0 20px;
	}
	.select-user-card .select-user a .icon {
    	width: 170px;
    	height: 150px;
	}
	.select-user-card .select-user a p {
    	font-size: 16px;
	}
	.select-user-card .card-bottom p, .pre-login-card .card-bottom p,
	.select-user-card .card-bottom p a, .pre-login-card .card-bottom p a,
	.link-btn-text {
    	font-size: 16px;
	}
	.auth-card {
    	padding: 80px 50px 30px 50px;
	}
	.auth-card .back-btn {
	    width: 35px;
	    height: 35px;
	}
	.auth-card .pre-login-btn {
	    height: 60px;
	    font-size: 16px;
	    margin-bottom: 20px;
	}
	.auth-form .form-group {
    	margin-bottom: 20px;
	}
	.auth-form .form-group .c-input {
    	height: 60px
	}
	.pre-login-card.login-auth-card {
    	min-height: 750px;
	}
	.auth-form .form-switch .form-check-label {
    	font-size: 16px;
	}
	.auth-form .form-switch .form-check-input {
		top: -2px;
	}
	.pre-login-card.reset-auth-card{
		min-height: 520px;
	    max-height: 520px;	
	}
	.pre-login-card.verify-card {
		min-height: 530px;
	    max-height: 530px;	
	}
	.auth-form .verify-code-group {
		gap: 15px;
	}
	.auth-form .verify-code-group input {
	    height: 50px;
	    width: 50px;
	}
	.pre-login-card.scroll-auth-card {
	    min-height: 750px;
	    max-height: 750px;
	}
	.auth-card .form-scroll,
	.profile-card .form-scroll {
    	max-height: 440px;
    }
    .auth-card .form-scroll.form-scroll-2 {
    	max-height: 420px;
	}
	.interest-wrap .interest-pill {
    	margin: 0 10px 15px 0;
	}
	.interest-wrap .interest-pill input ~ div {
		font-size: 15px;
		padding: 0px 30px 0 15px;
	}
	.interest-wrap .interest-pill input ~ div:after {
		top: 14.5px;
	}
	.header .user-actions .notification-btn,
	.header .user-actions .dropdown-toggle .icon {
	    height: 50px;
	    width: 50px;
	}
	.header .user-actions .user-info .name {
		font-size: 16px;
	}
	.header .user-actions .user-info .email {
    	font-size: 14px;
	}
	.header .user-actions .dropdown-menu li a {
	    font-size: 16px;
	    font-weight: 400;
	    padding: 6px 0;
	}
	.header .user-actions .dropdown-menu {
    	padding: 10px 0 20px 0;
	}
	.nav-box > ul li a, .nav-box .dropdown-toggle {
		font-size: 16px;
	}
	.nav-box .dropdown-menu li a {
		font-weight: 400;
		font-size: 15px;
	}
	.header .user-actions .action-list >  li {
		padding: 0 20px;
	}
	.notification-dropdown {
    	right: 20px;
	}
	.friends-slider-card {
		max-width: 400px;
	}
	.friends-slider-card .button-box .card-btn,
	.buy-req-wrap .free-swipe-btn {
    	height: 50px;
    	font-size: 16px;
	}
	.friends-slider-card .attribute-wrap span {
	    padding: 0 20px;
	    margin: 0 8px 8px 0;
	    font-size: 15px;
   }
   .friends-slider-card .text .light-text {
    	font-size: 20px;
	}
	.friends-slider-card .attribute-wrap {
		margin-top: 20px;
	}
	.friends-slider-card .text .name {
    	font-size: 26px;
	}
	.event-pg-r-card {
		padding: 20px;
	}
	.event-pg-r-card .calendar-box {
    	margin-bottom: 20px;
	}
	.event-search .top-row .icon, 
	.event-search .top-row .filters-toggle,
	.event-search .top-row input,
	.event-search .top-row .create-btn {
    	height: 50px;
	}
	.events-pg-slider {
    	margin-bottom: 10px;
	}
	.event-det-box .top-box .evt-date {
    	font-size: 18px;
	}
	.event-det-box .top-box .evt-name {
    	font-size: 26px;
	}
	.event-det-box .top-box .address {
	    font-size: 16px;
	}
	.event-det-box .top-box .type img {
    	max-width: 20px;
	}
	.interested-btn input ~ span {
	    height: 45px;
	    font-size: 15px;
	    padding: 0 15px
	}
	.event-det-box .top-box .invite-btn, .event-det-box .top-box .join-btn {
	    height: 45px;
	    font-size: 15px;
	    padding: 0 15px;
	    margin-left: 15px;
	}
	.event-det-box .top-box .invite-btn img, .event-det-box .top-box .join-btn img {
    	margin-right: 7px;
	}
	.more-det-tab .nav-link {
	    font-size: 18px;
	    padding: 0 0 4px 0;
	}
	.more-det-tab .nav-link.active:before {
	    border-radius: 10px;
	    height: 3px;
    }
    .more-det-tab .nav-pills {
    	margin-bottom: 25px;
	}
	.evt-about-tab .det-box .title {
    	font-size: 20px;
	}
	.evt-about-tab .det-box ul li,
	.evt-about-tab .det-box .desc-text,
	.discuss-card .discuss-text {
	    font-size: 15px;
	    font-weight: 400;
	}
	.evt-discuss-tab .title {
	    font-size: 20px;
	    margin-bottom: 15px;
	}
	.discuss-card .top-row .user-info .name {
    	font-size: 16px;
    	margin-bottom: 5px;
	}
	.discuss-card .btn-box .action-btn {
    	font-size: 14px;
    	font-weight: 500;
	}
	.discuss-card .btn-box .action-btn img {
	    margin-right: 8px;
	    max-width: 20px;
	}
	.message-box input {
    	height: 50px;
	}
	.message-box .send-btn {
	    width: 38px;
	    height: 38px;
	}
	.chat-wrap .chat-msg-box .icon,
	.chat-wrap .chat-msg-box .icon div {
	    height: 50px;
	    width: 50px;
	    margin-right: 10px;
	}
	.chat-wrap .chat-msg-box.sent .icon {
		margin-right: 0;
		margin-left: 10px;
	}
	.chat-wrap .chat-msg-box .chat-msg {
	    max-width: calc(100% - 60px);
	}
	.back-btn-row .back-btn {
	    width: 35px;
	    height: 35px;
	}
	.img-feed-upload .jquery-uploader-card,
	.img-feed-upload .jquery-uploader-select-card {
		width: 140px;
		height: 140px;
	}
	.jquery-uploader-select > .upload-button a {
    	font-size: 14px;
	}
	.chat-msgs-col .chat-window .mid-row {
    	height: calc(100% - 170px);
	}
	.chat-msgs-col .chat-window .top-row {
	    padding: 15px 0;
	    margin: 0 20px;
	}
	.chat-msgs-col .chat-window .bottom-row {
    	padding: 15px 20px;
	}
	.chat-users-col .chat-user-search .icon {
    	height: 50px;
    	width: 45px;
	}
	.chat-users-col .chat-user-search input {
		height: 50px;
		width: calc(100% - 45px);
	}
	.chat-pg .chat-users-col {
    	padding: 20px;
	}
}
@media only screen and (max-width:1160px) {
	.chat-pg .chat-users-col {
    	width: 35%;
	}
	.chat-pg .chat-msgs-col {
    	width: 65%;
	}
}
@media only screen and (max-width:1024px) {
	.auth-scrn-sec {
	    padding: 40px 0;
	}
	.auth-scrn-sec .col-left,
	.auth-scrn-sec .col-right {
		flex: 0 0 auto;
		width: 100%;
	}
	.auth-scrn-sec .col-right {
		display: flex;
		justify-content: center;
	}
	.auth-scrn-sec .logo-box img {
		max-width: 250px;
		margin-bottom: 25px;
	}
	.auth-card-wrap {
	    width: 100%;
	    max-width: 550px;
	    max-height: 100%;
	}
	.pre-auth-slide .text .title {
    	font-size: 20px;
	}
	.pre-auth-slide .text .s-text {
    	font-size: 16px;
	}
	.pre-auth-slider-end {
    	margin-top: 20px;
	}
	.pre-auth-slider-end .btn-box.active {
    	width: 230px;
	}
	.pre-auth-slider-end .gen-btn {
	    max-width: 110px;
	    height: 45px;
	}
	.pre-auth-slider-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
    	width: 30px;
	}
	.pre-auth-slider-end .btn-box {
	    gap: 10px;
	}
	.pre-auth-slide .img {
		max-height: 280px;
		height: 280px;
	}
	.select-user-card {
    	padding: 50px 0 30px 0;
	}
	.select-user-card .card-top .heading-1,
	.auth-card .card-top .heading-1 {
    	font-size: 34px;
	}
	.select-user-card .card-top .heading-2,
	.auth-card .card-top .heading-2 {
	    font-size: 20px;
	    font-weight: 300;
	}
	.select-user-card .select-user a {
	    width: 150px;
	    margin: 0 15px;
	}
	.select-user-card .select-user a .icon {
	    width: 150px;
	    height: 130px;
	}
	.select-user-card .select-user a p {
    	font-size: 15px;
	}
	.auth-card .card-top .card-content {
    	padding-top: 40px;
	}
	.pre-login-card,
	.pre-login-card.login-auth-card,
	.pre-login-card.forgot-auth-card,
	.pre-login-card.reset-auth-card,
	.pre-login-card.verify-card,
	.pre-login-card.scroll-auth-card {
	    min-height: auto;
	    max-height: 100%;
	}
	.pre-login-card .card-bottom {
		padding-top: 30px;
	}
	.auth-card .pre-login-btn {
	    height: 50px;
	    margin-bottom: 15px;
	    font-weight: 500;
	}
	.auth-form .form-group {
		margin-bottom: 15px;
	}
	.auth-form .form-group .c-input {
    	height: 50px;
	}
	.login-hor-line {
    	margin: 40px auto;
	}
	.pre-login-card.scroll-auth-card .card-bottom {
    	padding-top: 0px;
	}
	.auth-card .form-scroll {
    	max-height: 100%;
    	overflow-y: hidden;
	}
	.auth-form .form-group select.c-input,
	.auth-form .form-group .c-input {
		padding: 0 15px;
	}
	.auth-form .password-field .pass-toggle {
    	right: 15px;
	}
	.auth-form .form-group.icon-form-group .icon {
    	width: 45px;
	}
	.auth-form .form-group.icon-form-group .icon img {
		max-width: 20px;
	}
	.auth-form .form-group.icon-form-group .c-input {
    	padding-left: 40px;
    	padding-right: 30px;
	}
	.auth-form textarea {
		height: 150px;
	}
	.auth-card .form-scroll.form-scroll-2 {
    	overflow-y: auto;
	}
	.friends-card-buy-sec {
		padding-top: 20px;
	}
	.friends-card-buy-sec .col-left,
	.friends-card-buy-sec .col-right {
		flex: 0 0 auto;
		width: 100%;
	}
	.friends-card-slider .swiper-slide {
		display: flex;
		justify-content: center;
	}
	.buy-req-bg-card {
		margin: 0 auto;
	}
	.create-evt-card {
    	padding: 15px 15px 50px 15px;
	}
	.create-evt-card .c-input,
	.create-evt-card .custom-select .select-selected,
	.create-evt-card .custom-select,
	.create-evt-card .submit-btn {
		height: 50px;
	}
	.create-evt-card .c-input,
	.create-evt-card .custom-select .select-selected,
	.create-evt-card .submit-btn  {
		padding: 0 20px;
	}
	.create-evt-card .c-textarea {
	    padding: 15px 20px;
	    height: 130px;
    }
	.create-evt-card .icon-label-group {
	    height: 70px;
	}
	.create-evt-card .icon-label-group span {
    	margin-bottom: 2px;
	}
	.term-text-wrap p {
		font-size: 16px;
		line-height: 1.3;
	}
	/*Old request limit modal styling
	#requestModal .limit-title {
		height: 70px;
		font-size: 16px;
	}
	*/
}
@media only screen and (max-width:991px) {
	.event-pg-r-card {
    	margin-top: 15px;
	}
	.event-pg-r-card .cards-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.event-pg-r-card .event-card {
		width: calc(33% - 10px);
		max-width: 100%;
	}
	.events-slider-wrap {
    	padding-top: 10px;
	}
	.event-search .filter-row .select-box {
	    margin-right: 15px;
	    margin-bottom: 10px;
	}
	.chat-window {
		/*height: calc(100vh - 40px);*/
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
		border-radius: 0;
		display: none;
	}
	.chat-window-toggle {
		display: flex;
	}
	.event-detail-sec {
		padding: 30px 0;
	}
	.back-btn-row .title {
    	font-size: 26px;
	}
	.back-btn-row {
    	margin-bottom: 20px;
	}
	.event-search .top-row {
		padding-bottom: 20px;
	}
	.event-search .filter-row {
		padding-top: 0;
	}
	.chat-window .top-row .close-box-btn {
		display: block;
	}
	.chat-window .top-row .title {
    	font-size: 22px;
	}
	.chat-window .top-row .close-box-btn {
    	font-size: 24px;
	}
	.chat-window .mid-row {
    	height: calc(100% - 163px);
	}
	.group-about-tab .box-card .title {
    	font-size: 18px;
    	padding-bottom: 15px;
    	margin-bottom: 15px;
	}
	.grp-people-tab .box-card .title {
		font-size: 18px;
	}
	.group-about-tab .box-card .group-det .icon {
		width: 35px;
	}
	.group-about-tab .box-card .group-det .text-box {
    	width: calc(100% - 35px);
	}
	.group-about-tab .box-card .group-det .icon img {
		max-width: 20px;
	}
	.group-about-tab .box-card .group-det .name {
	    font-size: 16px;
	    margin-bottom: 5px;
	}
	.group-about-tab .box-card .group-det .desc {
	    font-weight: 400;
	    font-size: 14px;
	}
	.group-about-tab .member-row .icon,
	.grp-people-tab .member-row .icon,
	.chat-user .icon {
	    height: 50px;
	    width: 50px;
	}
	.group-about-tab .member-row .user-info,
	.grp-people-tab .member-row .user-info,
	.chat-user .user-info {
		width: calc(100% - 60px)
	}
	.group-about-tab .member-row .user-info .name,
	.grp-people-tab .member-row .user-info .name {
    	font-size: 16px;
	}
	.group-about-tab .member-row,
	.grp-people-tab .member-row {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.group-about-tab .members-box-card {
    	padding: 20px 20px 15px 20px;
	}
	.group-about-tab .members-wrap .see-all {
    	font-size: 16px;
	}
	.discuss-card,
	.group-about-tab .box-card {
    	margin-bottom: 20px;
	}
	.header-row .nav-box {
		position: fixed;
	    background: #fff;
	    top: 0;
	    right: -350px;
	    width: 300px;
	    height: 100vh;
	    z-index: 10;
	    box-shadow: -15px 6px 12px #E4EBF680;
	    opacity: 0;
	    transition: all 0.4s;
	}
	.header-row .nav-box.active {
		transform: translateX(-350px);
		opacity: 1;
	}
	.nav-box .nav-top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: transparent linear-gradient(180deg, #D500F9 0%, #511391 100%);
		padding: 20px;
		height: 95px;
	}
	.nav-box .nav-top .close-nav {
		font-size: 26px;
		background: transparent;
		border: none;
		outline: none;
		color: #fff;
	}
	.nav-box .nav-top .logo-box img {
    	max-width: 120px;
	}
	.nav-box > ul {
		max-height: calc(100vh - 95px);
		overflow-y: auto;
		padding-top: 20px;
	}
	.nav-box > ul li {
		width: 100%;
		padding: 10px 20px;
	}
	.nav-box > ul li a, .nav-box .dropdown-toggle {
		color: #1A3F51 !important;
		font-size: 18px;
	}
	.nav-box .dropdown-toggle:after {
		filter: invert(1);
	}
	.nav-box .dropdown-menu.show {
		position: relative !important;
		transform: none !important;
    	top: 10px !important;
	}
	.nav-toggle-li {
		display: flex;
		position: relative !important;
		z-index: 5;
	}
	.header .user-actions .user-info .email {
		display: none;
	}
	.header .user-actions .user-action-dropdown,
	.header .user-actions .action-list .user-action-dropdown { 
		order: 1;
		padding: 0 20px 0 0 !important;
		border-right: 1px solid #fff !important;
		margin-right: 20px;
	}
	.header .user-actions .notif-li {
		order: 2;
		border: none !important;
	}
	.header .user-actions .nav-toggle-li {
		order: 3;
		padding-left: 5px !important;
	}
	.header .user-actions .action-list > li {
		padding: 0 20px; 
	}
	.create-grp-btn {
		margin-top: 50px;
	}
	.profile-card {
		max-width: 750px;
		width: 100%;
		margin: 0 auto 30px auto;
	}
	.profile-card .profile-img-wrap {
    	margin-top: 0px;
	}
	.profile-card .user-top .name {
    	font-size: 22px;
	}
	.profile-card .user-info {
    	padding-top: 30px;
	}
	.profile-card .user-info li {
    	padding: 10px 0;
	}
	.profile-card .user-info li .title,
	.profile-card .user-info li .text {
    	font-size: 16px;
	}
	.profile-card .user-info li .title span {
    	width: 30px;
	}
	.profile-card .user-info li .title span img {
		max-width: 22px;
	}
	.profile-card .interest-pill {
    	font-size: 15px;
	}
	.profile-card .user-top .email a img {
    	max-width: 20px;
	}
	.profile-card .user-info li .text .verified,
	.profile-card .user-info li .text .flag {
    	padding-right: 10px;
	}
	.profile-card .send-req {
	    height: 50px;
	    font-size: 16px;
	}
	.profile-card .form-scroll {
    	max-height: 100%;
    	overflow-y: hidden;
	}
	.chat-pg .chat-msgs-col .chat-window {
		background: transparent;
    	box-shadow: none;
    	border: none;
    	border-radius: 0px;
    	width: 100%;
    	position: relative;
    	top: 0px;
    	height: 100%;
    	display: block;
	}
	.chat-pg .chat-msgs-col {
    	width: 100%;
	}
	.chat-pg .chat-users-col{
		position: fixed;
		width: 300px;
		left: -301px;
		transform-origin: left;
		/*background: #fff;*/
		top: 0;
		height: 100%;
		z-index: 4;
	}
	.chat-pg .chat-users-col.active{
		transform: translate(301px);
		box-shadow: rgb(0 0 0 / 34%) 7px 0px 15px;
	}
	.chat-pg .chat-users-col .toggle-users,
	.chat-pg .chat-users-col .closebtn {
	    display: flex;
	}
	.chat-pg .chat-users-col {
    	padding: 15px;
	}
	.chat-user {
    	padding: 15px 10px;
	}
	.chat-user .user-info .name,
	.chat-user .user-info .time {
    	font-size: 14px;
	}
	.chat-user .user-info .top {
    	margin-bottom: 5px;
	}
	.chat-user .user-info .msg {
    	font-size: 13px;
	}
	.chat-users-col .heading {
	    font-size: 24px;
	    margin-bottom: 10px;
	}
	.chat-user {
    	margin-bottom: 10px;
	}
	.notification-msg.chat-user .user-info .name,
	.notification-msg.chat-user .user-info .msg {
		font-size: 16px
	}
	.all-notif .notification-msg .title {
    	font-size: 16px;
	}
	.all-notif .notification-msg .text {
    	font-size: 14px;
	}
	.all-notif .notification-msg .time {
	    font-size: 14px;
	    margin-top: 8px;
	}
	.all-notif .notification-msg,
	.notification-msg.chat-user {
    	padding: 10px 0;
	}
	.notif-wrap {
    	padding: 20px;
	}
	.notif-tab .nav-pills .nav-link {
    	font-size: 18px;
	}
	.notif-tab .nav-item {
    	margin-right: 25px;
	}
	.notif-tab .nav-pills {
    	padding-bottom: 15px;
    }
}
@media only screen and (max-width:767px) {
	.friends-slider-card .button-box .card-btn {
		font-weight: 600;
		font-size: 15px;
	}
	.friends-slider-card .attribute-wrap span {
	    padding: 0 12px;
	    height: 35px;
	}
	.friends-slider-card .text .light-text {
	    font-size: 16px;
	    line-height: 1.3;
	}
	.friends-slider-card .text .name {
    	font-size: 22px;
    	margin-bottom: 5px;
	}
	.friends-slider-card .button-box {
    	padding: 15px 0;
	}
	.friends-slider-card .button-box .card-btn {
		height: 45px;
	}
	.friends-slider-card .button-box .card-btn {
    	width: calc(50% - 8px);
	}
	.buy-req-wrap .buy-req-box .purple-grad {
    	width: 135px;
    	font-size: 16px;
	}
	.buy-req-wrap .buy-req-box .det .icon {
		padding: 3px;
	}
	.buy-req-wrap .buy-req-box {
    	padding: 10px;
	}
	.buy-req-wrap .buy-req-box .det p, .buy-req-wrap .buy-more a {
    	font-size: 16px;
	}
	.event-pg-r-card .event-card {
		width: calc(50% - 10px);
	}
	.lg-gen-modal .modal-content,
	.md-gen-modal .modal-content {
    	padding: 30px 25px;
	}
	.invite-wrap .search-row input {
	    height: 50px;
	    font-size: 15px;
    }
    .invite-card {
    	padding: 15px;
    	margin-bottom: 15px;
	}
	.invite-card .icon {
	    height: 50px;
	    width: 50px;
	    margin-right: 10px;
    }
    .invite-card .text-box {
    	width: calc(100% - 60px);
	}
	.invite-card .text-box .name {
	    font-size: 20px;
	    font-weight: 500;
	    margin-bottom: 8px;
	}
	.invite-card .text-box .desc {
		margin-bottom: 15px;
	}
	.cp-wrap .form-group .c-input {
    	height: 55px;
	}
	.cp-wrap .submit-btn {
	    height: 55px;
	    font-size: 16px;
	    border-radius: 35px;
	    margin-top: 30px;
	}
	.help-wrap .submit-btn,
	.help-wrap .c-input,
	.payment-wrap .c-input,
	.payment-wrap .submit-btn {
		height: 55px;
		font-size: 16px;
	}
	.help-wrap textarea {
    	height: 150px;
	}
	.img-feed-upload .jquery-uploader-card,
	.img-feed-upload .jquery-uploader-select-card {
		width: 110px;
		height: 110px;
	}
	.jquery-uploader-preview-action .file-delete {
	    width: 35px;
	    height: 35px;
	    border: 3px solid #fff;
	}
	.empty-pg-sec .desc {
    	font-size: 16px;
	}
	.payment-wrap .form-check-input {
	    width: 20px;
	    height: 20px;
	}
	.payment-wrap .form-check-label {
    	font-size: 15px;
	}
	.payment-wrap .payment-type input ~ .checkmark {
    	width: 20px;
    	height: 20px;
	}
	.payment-wrap .payment-type input:checked ~ .checkmark:before {
	    width: 14px;
	    height: 14px;
	}
	.payment-wrap .payment-type .icon {
	    width: 55px;
	    height: 40px;
	    padding: 8px;
	    margin-left: 10px;
	}
	.payment-wrap .payment-type {
    	margin-right: 10px;
	}
	.friends-card-slider .swiper-slide {
    	padding: 40px 20px;
	}
	.chat-wrap .chat-msg-box .chat-msg {
    	padding: 7px 10px;
	}
	.chat-wrap .chat-msg-box .chat-msg .time {
    	font-size: 12px;
	}
	.chat-wrap .chat-msg-box {
    	padding: 5px 0;
	}
	.notification-msg.chat-user .user-info .name {
		flex-wrap: wrap;
	}
	.notification-msg.chat-user .user-info .msg {
		width: 100%;
		padding-left: 0;
		font-size: 14px;
	}
	.all-notif .notification-msg .title {
    	margin-bottom: 5px;
	}
}
@media only screen and (max-width:660px) {
	.pre-auth-slide .img {
    	max-height: 200px;
    	height: 200px;
    }
    .pre-auth-slide .img img {
    	height: 100%;
    	object-fit: cover;
    	width: 100%;
    }
	.auth-scrn-sec .logo-box img {
    	max-width: 180px;
    }
	.select-user-card .select-user a {
	    width: 135px;
	    margin: 0px 10px;
	}
	.select-user-card .select-user a .icon {
	    width: 135px;
	    height: 125px;
	    padding: 15px 5px;
	    margin-bottom: 10px;
	}
	.select-user-card .card-top .heading-1,
	.auth-card .card-top .heading-1 {
    	font-size: 28px;
    	margin-bottom: 10px;
	}
	.select-user-card .card-top .heading-2,
	.auth-card .card-top .heading-2 {
    	font-size: 18px;
	}
	.select-user-card {
    	padding: 40px 0 20px 0;
	}
	.select-user-card .select-user {
	    margin-top: 40px;
	    margin-bottom: 70px;
	}
	.select-user-card .select-user li a .icon img {
	    max-width: 70px;
	}
	.select-user-card .select-user li:last-of-type a .icon img {
	    max-width: 90px;
	}
	.select-user-card .card-bottom p, .pre-login-card .card-bottom p,
	.select-user-card .card-bottom p a, .pre-login-card .card-bottom p a,
	.link-btn-text {
    	font-size: 15px;
	}
	.pre-auth-slider-wrap .swiper-pagination {
    	margin-top: 15px;
	}
	.pre-auth-slider-end {
		flex-wrap: wrap;
	}
	.pre-auth-slider-end .pagi-wrap {
		order: 1;
		width: 100%;
	}
	.pre-auth-slider-end .skip-btn {
		order: 2;
	}
	.pre-auth-slider-end .btn-box {
		order: 3;
	}
	.pre-auth-slider-end .gen-btn {
	    max-width: 80px;
	    font-size: 14px;
	    font-weight: 500;
	}
	.auth-card {
    	padding: 80px 30px 30px 30px;
	}
	.pre-login-card .card-bottom {
    	padding-top: 35px;
	}
	.interest-wrap .interest-pill input ~ div {
    	height: 40px;
	}
	.interest-wrap .interest-pill input ~ div:after {
    	top: 13.5px;
	}
	.evt-about-tab .left-col {
		flex: 0 0 auto;
    	width: 100%;
    	margin-bottom: 25px;
	}
	.evt-about-tab .right-col {
		flex: 0 0 auto;
    	width: 100%;
	}
	.evt-about-tab .map-box {
    	height: 350px;
	}
	.message-box input {
		font-size: 15px;
	}
	.event-det-box .top-box {
	    padding-bottom: 20px;
	    margin-bottom: 20px;
	}
	.event-det-box .top-box .info-box-wrap {
		width: 100%;
	}
	.event-det-box .top-box .action-btns {
		width: 100%;
		justify-content: flex-start;
		margin-top: 10px;
	}
	.event-det-box .top-box .evt-date {
    	font-size: 16px;
	}
	.event-det-box .top-box .evt-name {
	    font-size: 24px;
	}
	.event-det-box .top-box .invite-btn, 
	.event-det-box .top-box .join-btn,
	.event-det-box .top-box .interested-btn {
    	margin-left: 0px;
    	margin-right: 15px;
	}
}
@media only screen and (max-width:575px) {
	.gen-modal .btn-box {
    	margin-top: 10px;
	}
	.header {
    	padding: 15px 0;
	}
	.header-row > .logo-box img {
		max-width: 100px;
	}
	.notification-dropdown {
		position: fixed;
		top: 0;
		left: 0;
		border-radius: 0;
		border: none;
		width: 100%;
		height: 100vh;
		z-index: 10;
	}
	.notification-dropdown .inner-wrap {
		height: 100%;
	}
	.notification-dropdown .top-row {
    	height: 40px;
	}
	.notification-dropdown .bottom-row {
    	height: 30px;
    	border-top: 1px solid #5113911A;
	}
	.notification-dropdown .mid-row {
		height: calc(100vh - 110px);
		max-height: calc(100vh - 110px);
	}
	.resp-nav-toggle {
    	font-size: 26px;
	}
	.header .user-actions .notification-btn, 
	.header .user-actions .dropdown-toggle .icon {
    	height: 40px;
    	width: 40px;
	}
	.header .user-actions .notification-btn .icon img {
		max-width: 18px;
	}
	.header .user-actions .notification-btn span {
	    top: 2px;
	    right: -5px;
	}
	.header .user-actions .user-info .name {
    	font-size: 14px;
	}
}
@media only screen and (max-width:525px) {
	.auth-form .verify-code-group {
		gap: 10px;
	}
	.auth-form .verify-code-group input {
	    height: 40px;
	    width: 40px;
	}
	.buy-req-wrap .buy-req-box .purple-grad {
    	width: 110px;
	}
	.buy-req-wrap .buy-req-box .det .icon {
	    width: 50px;
	    height: 50px;
	}
	.buy-req-wrap .buy-req-box .det .icon span {
    	padding: 7px;
	}
	.friends-slider-card .attribute-wrap span {
	    padding: 0px 10px;
	    height: 30px;
	    font-size: 14px;
	}
	.friends-slider-card {
    	padding: 10px 10px 5px 10px;
	}
	.friends-slider-card .button-box .card-btn {
    	font-size: 14px;
    	padding: 0 8px;
    	line-height: 1;
	}
	.friends-slider-card .button-box .card-btn img {
    	margin-right: 5px;
	}
	.event-pg-r-card .event-card {
		width: 100%;
	}
	.event-search .top-row {
		flex-wrap: wrap;
	}
	.event-search .top-row .input-box {
		width: 100%;
		order: 2;
	}
	.event-search .top-row .create-btn {
		width: 100%;
		margin-bottom: 15px;
		order: 1;
	}
	.event-search .filter-row {
		padding-top: 15px;
	}
	.more-det-tab .nav-link {
    	margin-right: 25px;
	}
	.profile-card .user-info li .title {
		width: 100%;
		padding-bottom: 5px;
	} 
	.profile-card .user-info li .text {
		width: 100%;
		text-align: left;
		padding-left: 0;
		line-height: 1.2;
	}
}
@media only screen and (max-width:380px) {
	.select-user-card .select-user a {
	    width: 120px;
	    margin: 0px 7px;
	}
	.select-user-card .select-user a .icon {
	    width: 120px;
	    height: 105px;
	    padding: 15px 5px;
	    margin-bottom: 10px;
	}
	.select-user-card .select-user li a .icon img {
	    max-width: 50px;
	}
	.select-user-card .select-user li:last-of-type a .icon img {
	    max-width: 70px;
	}
	.auth-form .verify-code-group {
		gap: 15px;
	}
	.auth-form .verify-code-group input {
	    height: 50px;
	    width: 50px;
	}
	.buy-req-wrap .buy-req-box .purple-grad {
    	width: 75px;
	}
	.buy-req-wrap .buy-req-box .det {
		width: calc(100% - 75px);
		padding-right: 5px;
		flex-wrap: nowrap;
    	justify-content: flex-start;
	}
	.sm-gen-modal .modal-content,
	.lg-gen-modal .modal-content,
	.md-gen-modal .modal-content {
    	padding: 30px;
	}
	.header .user-actions .user-action-dropdown, 
	.header .user-actions .action-list .user-action-dropdown {
	    padding: 0 15px 0 0 !important;
	    margin-right: 15px;
	}
	.header .user-actions .nav-toggle-li {
    	padding-left: 2px !important;
	}
	.header-row > .logo-box img {
    	max-width: 60px;
	}
}