/* Responsive - Only applies when screen width < 970px */
@media (max-width: 969px) {
	body {
		padding: 20px;
	}

	#WTDcard_warp {
		position: static;
		top: auto;
		left: auto;
		transform: none;
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 0;
	}

	#WTDcard_warp .contents_warp {
		flex-direction: column;
		padding: 20px 16px;
		gap: 20px;
	}

	.left_panel {
		flex: 1 1 auto;
		max-width: none;
		width: 100%;
		padding-right: 0;
		border-right: 0;
		padding-bottom: 16px;
		border-bottom: 1px solid #ddd;
	}

	.right_panel {
		padding-left: 0;
	}

	.preview_box {
		margin-top: 16px;
	}

	.receiver_list_wrap {
		max-height: none;
	}
}

@media (max-width: 768px) {
	body {
		padding: 16px;
	}

	.panel_title {
		font-size: 14px;
	}

	.position_wrap {
		flex-direction: column;
	}

	.position_wrap ul.input_Box,
	.position_wrap ul.attach_ch {
		width: 100%;
		float: none;
		display: block;
	}

	.position_wrap ul.attach_ch {
		display: flex;
		justify-content: flex-start;
	}

	.input_attach_img {
		width: 100%;
		height: 48px;
	}

	.preview_btns {
		flex-direction: column;
	}

	.preview_btns button {
		height: 38px;
	}

	.send_form_row {
		flex-direction: column;
		align-items: stretch;
	}

	.send_form_row button.btn_add {
		width: 100%;
		height: 40px;
	}

	.receiver_list_head,
	.receiver_list_row {
		grid-template-columns: 40px 1fr 1.3fr 36px;
		padding: 6px 8px;
		font-size: 12px;
	}

	.receiver_list_body {
		max-height: 200px;
	}
}

@media (max-width: 480px) {
	body {
		padding: 0px;
	}

    #WTDcard_warp .contents_warp {
        padding: 10px;
        gap: 10px;
    }

	#WTDcard_warp {
		border-radius: 10px;
	}

	.mycard_info .name {
		font-size: 16px;
	}

	.btn_save,
	.btn_send_all {
		height: 42px;
		font-size: 14px;
	}

	.send_textarea_wrap {
		min-height: 100px;
	}

	.receiver_list_head,
	.receiver_list_row {
		grid-template-columns: 36px 1fr 1.2fr 32px;
	}

	.modal_overlay {
		padding-top: 40px;
	}

	.mycard_box {
		border: none;
		padding: 0;
		overflow-x: auto;
	}
}