@media (max-width: 1340px) {
	/* Statement */
	.statement_div
	{
		margin-top: 8vh;
	}
	/* End of Statement */

}

@media (max-width: 1200px) {
	/* Statement */
	.statement_div
	{
		margin-top: 3vh;
	}
	/* End of Statement */

}


@media (max-width: 767px) {
	/* Authentication */
	.authentication_body
	{
		padding:0px;
		background: linear-gradient(180deg, #02F 0%, #4D65FF 100%);
	}

	.authentication_body .header_language_btn
	{
		height: fit-content;
	}

	.authentication_modal_div
	{
		background: linear-gradient(180deg, #02F 0%, #4D65FF 100%);
	}

	.splash_screen_img
	{
		width: 80%;
	}
	/* End of Authentication */

	/* Sidebar */
	.mobile_sidebar_div
	{
		width: 85vw;
		height: 100vh;
		position: fixed;
		z-index: 3;
		background: #fff;
		transform: translateX(-100%);
	    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);

	}

	.mobile_sidebar_div.active {
	    transform: translateX(0);
	}

	.mobile_sidebar_div .sidebar_list_div
	{
		color: #9B9DB3;
	}

	.mobile_sidebar_div .sidebar_icon
	{
		width: 20px;
	}

	.mobile_sidebar_div .sidebar_list_div.active
	{
		border-radius: 12px;
		background: #EBEDFF;
		color: #02F;
	}

	.mobile_sidebar_div .sidebar_list_div:hover, .sidebar_list_div:active, .sidebar_list_div:focus
	{
		border-radius: 12px;
		background: #EBEDFF;
		color: #02F;
	}

	.mobile_sidebar_div .sidebar_below_div
	{
		border-top: 1px solid #9B9DB3;
	}

	.background_overlay
	{
		width: 100vw;
		height: 100vh;
		position: fixed;
		transition: opacity 1s;
		z-index: 2;
		visibility: hidden;
		backdrop-filter: blur(3px);
	}

	body.no_scroll{
		overflow: hidden;
	}

	.background_overlay.no_scroll {
	    background: rgba(0, 0, 0, 0.5);
	    visibility: visible;
	}
	/* End of Sidebar */

	/* Footer */
	.mobile_footer
	{
		padding-bottom: 15vh;
	}
	/* End of Footer */

	/* Mobile Nav */
	.mobile_nav_div{
		border-radius: 20px 20px 0 0;
		border-top: 1px solid #EEEFF8;
		background: #FFF;
		backdrop-filter: blur(10px);
		position: fixed;
	    bottom: 0;
	    height: 8vh;
	    width: 100vw;
	}

	.mobile_nav_btn
	{
		width: 75px;
		margin-top: -2vh;
	}

	.mobile_nav_icon
	{
		width: 20px;
	}

	.mobile_bottom_div
	{
		background: #FFF;
		border-top: 1px solid #F8F9FC;
		backdrop-filter: blur(10px);
		position: fixed;
	    bottom: 0;
	    height: 10vh;
	    width: 100vw;
	}
	/* End of Mobile Nav */

	/* Modal */
	.modal_center_img
	{
	    width: 40vw;
	    margin-top: -8vh;
	}

	.mobile_bottom_btn
	{
		position: fixed;
	    bottom: 0;
	}

	.mobile_modal_center_img
	{
		width: 40vw;
	}

	.bottom_sheet_modal .modal-dialog {
	      margin: 0;
	      position: fixed;
	      bottom: 0;
	      left: 0;
	      width: 100%;
	      max-width: 100%;
	      display: block;
	      align-items: unset;
	      min-height: unset;
  	}

  	.bottom_sheet_modal .modal-content {
	    border-radius: 16px 16px 0 0;
	    animation: slideUp 0.3s ease;
	    background: #EEEFF8;
  	}

	.bottom_sheet_modal .modal-content::before {
	    content: '';
	    width: 40px;
	    height: 5px;
	    background: #888;
	    border-radius: 10px;
	    display: block;
	    margin: 10px auto;
	}

  	@keyframes slideUp {
	    from {
	        transform: translateY(100%);
	    }
	    to {
	        transform: translateY(0);
	    }
  	}
	/* End of Modal */

	/* Dashboard */
	.dashboard_mobile_head_div
	{
		border-bottom-left-radius: 28px;
		border-bottom-right-radius: 28px;
		background: linear-gradient(180deg, #02F 0%, #6579FF 100%);
	}

	.dashboard_link_box
	{
		width: 24px;
		height: 24px;
	}

	.dashboard_link_box img 
	{
	    width: 10px;
	}


	.link_box_transfer_img
	{
		width: 15px !important;
	}


	.invitation_linear_div
	{
		background-size: cover;
	  	background-position: center;
	}

	/* End of Dashboard */

	/* Statement */
	.statement_detail
	{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 2vh 0px;
		border-bottom: 1px solid #EEEFF8;
	}

	.statement_detail_div .statement_detail:last-child
	{
		border-bottom: 0px solid #EEEFF8;
	}
	/* End of Statement */

	/* Deposit */
	.btn_return
	{
		border-radius: 50px;
		background: rgba(155, 157, 179, 0.2);
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.btn_option
	{
		border-radius: 50px;
		background: rgba(0, 34, 255, 0.10);
		width: 35px;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.payment_icon
	{
		width: 60px;
	}

	.deposit_qr
	{
		width: 180px;
	}
	/* End of Deposit */

	/* Transfer */
	.transfer_search_user_list_div
	{
		border-radius: 28px 28px 0 0;
		background: #FFF;
		display: flex;
		flex-direction: column;
		flex: 1;
		overflow: hidden;
	}

	.transfer_search_user_list_btn
	{
		color: #9B9DB3;
	}

	.transfer_search_user_list_btn.active
	{
		color: #02F;
	}

	.border_bottom .transfer_search_user_list_btn.active
	{
		border-bottom: 2px solid #02F;
	}

	.transfer_memo
	{
		border: 1px solid #EEEFF8;
	}

	.transfer_memo:focus, .transfer_memo:focus-visible
	{
		outline: none;
	}
	/* End of Transfer */

	/* Mobile History Details */
	
	/* End of Mobile History Details */

	/* Trading Account */
	.unsubscribe_modal_icon
	{
		width: 30vw;
	}

	.trading_statement_modal_bg
	{
		background-color: #EEEFF8 !important;
	}

	.trading_history_mobile_table tbody tr td
	{
		padding-top: 8px;
		padding-bottom: 5px;
		border-bottom: 1px solid #EEEFF8;
	}
	/* End of Trading Account */

	/* Network */
	.network_search_div 
	{
		width: 100%;
	}

	.network_div
	{
		min-height: 50vh;
	}
	/* End of Network */

	/* Group Analysis */
	.group_analysis_avatar
	{
		width: 45px;
		height: 45px;
	}

	.group_analysis_icon
	{
		width: 15px;
		height: 15px;
	}

	.network_search_div i
	{
		color: #9B9DB3;
	}

	.search_username_input_active
	{
		border: 1px solid rgba(0, 34, 255, 0.50) !important;
		background: #F8F9FC !important;
		color: #02F;
	}

	.search_username_input_active i
	{
		color: #02F !important;
	}

	.search_username_input_active input
	{
		color: #02F !important;
	}

	.mobile_group_analysis_rotate
	{
	    transform: rotate(90deg);
	    transform-origin: left bottom;
	    margin-top: -33vh;
	}

	/* End of Group Analysis */

	/* Referral */
	.referral_qr_mobile_div
	{
		background-image: url('../images/referral/mobile_qr_bg.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	  	background-position: center;
	  	border-radius: 28px;
	}

	.referral_ranking_title_img
	{
		width: 70px;
		margin-left: -6px;
	}

	.referral_ranking_progress.progress
	{
		background: rgba(0, 34, 255, 0.1);
		border-radius: 9px;
	}

	.referral_ranking_progress .progress-bar
	{
		border-radius: 9px;
		background: #02F;
	}

	/* End of Referral */

	/* Setting */
	.setting_mobile_bg_div
	{
		background-image: url('../images/setting/setting_mobile_bg.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	  	background-position: top;
	}

	.setting_mobile_bg_div .mobile_header_div
	{
		border: 1px solid rgba(255, 255, 255, 0.21);
		background: rgba(255, 255, 255, 0.10);
		backdrop-filter: blur(6px);
	}

	.setting_mobile_avatar
	{
		width: 60px;
	}

	.setting_ranking_badge
	{
		width: 55px;
	}

	.setting_mobile_invitation_div
	{
		background-image: url('../images/setting/setting_invitation_mobile_bg.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	  	background-position: center;
	  	border: 4px solid #fff;
	  	border-radius: 28px;
	}

	.setting_mobile_bg_div.setting_profile_mobile_div
	{
		padding-bottom: 50vh;
	}

	.btn_return_opacity
	{
		border-radius: 50px;
		background: rgba(255, 255, 255, 0.2);
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.setting_profile_mobile_normal_div
	{
		margin-top: -45vh;
	}

	.setting_profile_mobile_avatar_div
	{
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.setting_profile_mobile_avatar
	{
		width: 80px;
	}

	.setting_profile_mobile_ranking_img
	{
		width: 30px;
        margin-top: 45px;
        margin-left: -25px;
	}

	.setting_mobile_pages
	{
		display: flex;
		flex-direction: column;
		height: stretch;
	}

	.mobile_to_bottom_div
	{
		border-radius: 28px 28px 0 0;
		background: #FFF;
		display: flex;
		flex-direction: column;
		flex: 1;
		overflow: hidden;
	}

	.setting_mobile_steps_div
	{
		border-radius: 8px;
		background: rgba(155, 157, 179, 0.4);
		height: 4px;
	}

	.setting_mobile_steps_div.active
	{
		border-radius: 8px;
		background: #02F;
		height: 4px;
	}

	.setting_2fa_qr_mobile
	{
		width: 150px;
	}

	.otp_wrapper{
	    display:flex;
	    gap:4px;
	    justify-content: center;
	}

	.otp_input{
	    width:52px;
	    height:52px;

	    text-align:center;
	    font-size:14px;
	    font-weight:400;

	    outline:none;
	    box-shadow: none;
	    transition:0.2s;
	}

	.otp_input:focus{
		outline:none;
		box-shadow: none;
	}

	.setting_submitted_img
	{
		width: 140px;
	}

	.setting_submitted_div
	{
		margin-top: 20vh;
	}

	.keyboard_btn,
	.delete_btn_1,
	.delete_btn_2,
	.delete_btn_3{
	    user-select:none;
	}
	/* End of Setting */
}

@media (max-width: 560px) {
	/* Authentication */
	.splash_screen_img
	{
		width: 100%;
	}
	/* End of Authentication */
}