@media only screen and (max-width:1440px){
	.auth_row .left_col .img_box {
		max-width: 500px;
	}
	.auth_logo {
		max-width: 192px;
	}
	.login_form {
		max-width: 450px;
	}
	.login_form .form_group .icon {
		font-size: 16px;	
	}
	.auth_input {
		font-size: 14px;
	}
	.side_menu {
		max-width: 220px;
	}
	.u_img {
		width: 26px;
		height: 26px;
	}
	.nav_item {
		font-size: 14px;
		padding: 10px 10px;
	}
	.content_main {
		padding: 15px;
	}
	.user_info .u_name {
		font-size: 12px;
	}
	.logo_box img {
		max-width: 85px;
	}
}
@media only screen and (max-width:1280px){
	.side_nav {
		background: #5cc9e5;
		width: 220px;
		position: fixed;
		left: -220px;
		top: 0;
		height: 100vh;
		padding-top: 50px;
		transition: all 0.25s;
		z-index: 9999;
	}
	.side_nav.active {
		left: 0;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}
	.side_nav ul {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.side_nav ul li {
		width: 100%;
	}
	.nav_item {
		font-size: 14px;
		padding: 18px 20px;
		color: #fff;
		width: 100%;
	}
	.nav_item.active {
		color: #fff;
		background: #68677c;
	}
	.toggle_btn  {
		display: block;
	}
	.close_menu {
		display: flex;
	}
	.header_top {
		padding-right: 70px;
	}
}
@media only screen and (max-width:1024px){
	.auth_row {
		flex-direction: column;
		align-items: center;
	}
	.auth_row .left_col {
		display: none;
	}
	.auth_row .right_col {
		width: 100%;
	}
	.auth_logo {
		max-width: 160px;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width:575px){
	.otp_input {
		width: 40px;
		height: 40px;
		border-radius: 5px;
		font-size: 14px;
	}
	.login_form.otp_form .auth_btn {
		width: 100%;
		height: 40px;
		font-size: 15px;
	}
	.login_form .heading {
		font-size: 20px;
	}
	.gen_box {
		padding: 30px 10px;
	}
	.wrapper {
		width: 125px;
		height: 125px;
		padding: 15px;
	}
	.inner span {
		top: 16px;
	}
	.user_info .u_name {
		display: none;
	}
	.u_img {
		width: 35px;
		height: 35px;
	}
	.toggle_btn {
		top: 12px;
	}
	.filter_content .heading {
		font-size: 14px;
	}
	.edit_btn {
		height: 45px;
		font-size: 14px;
	}
	.filter_content select {
		height: 44px;
		border-radius: 15px;
		font-size: 14px;
	}
	.nav_item:hover {
		color: #fff;
	}
	.nav-link {
		width: 75px;
		height: 75px;
		font-size: 14px;
	}
	.calender_row {
		flex-direction: column;
	}
	.calender_row .col-3, 
	.calender_row .col-9 {
		width: 100%;
	}
	.calender_row .nav {
		display: flex;
		justify-content: space-between;
	}
	.calender_row .tab-content {
		padding-top: 25px;
	}
	.nav-link {
		width: 55px;
		height: 55px;
		font-size: 12px;
		border-radius: 10px!important;
	}
	.gen_box.type1 .heading {
		font-size: 25px;
	}
	.block_box .btn {
		font-size: 12px;
		color: #fff;
	}
	.recent_block_boxes .block_box .heading {
		font-size: 16px!important;
	}
	.recent_block_boxes .block_box {
		max-width: 100%;
		margin: 10px;
	}
	.membership_packages .row .col-6 {
		width: 100%;
		padding: 10px;
	}
	.btm_desc {
		padding: 60px 10px 20px 10px;
	}
	.help_img {
		max-width: 230px;
	}
	.referre_box .txt_box {
		margin: 5px 0px;
	}
	.referre_box .txt_box p {
		font-size: 14px;
	}
	.referre_box .txt_box span {
		font-size: 12px;
	}
	.link_btn {
		max-width: 100%;
		height: 50px;
	}
	.referre_box {
		padding: 20px 10px;
	}
	.settings_options .txt, .settings_options .txt2 {
		font-size: 13px;
	}
	.gen_box .desc {
		font-size: 13px;
	}
	.setting_input {
		font-size: 12px;
	}
	.genAccordian .accordion-button {
		font-size: 14px;
	}
	.social_icon .xy-center {
		max-width: 32px;
	}
	.refund_policy p, .refund_policy ol li {
		font-size: 15px;
	}
	.gen_heading {
		font-size: 33px;
	}
	.custom-modal {
		z-index: 99999;
	}
	.form-check-label {
		font-size: 13px;
	}
}