@media screen and (max-width: 420px) {
    .fancybox-inner div[id^="rows"] {
        overflow-y: auto;
    }
}
@media (max-width: 440px) and (min-width: 300px) {
	.fancybox-inner .fr-table thead tr {
		display: block;
	}
	.fancybox-inner .fr-table th:nth-child(1) {
		width: 30%;
	}
	.fancybox-inner .fr-table th:nth-child(2) {
		width: 25%;
	}
	.fancybox-inner .fr-table th:nth-child(3) {
		width: 12%;
	}
	.fancybox-inner .fr-table th:nth-child(4) {
		width: 30%;
	}
	.fancybox-inner .fr-table tbody tr {
		display: block;
	}
	.fancybox-inner .fr-table td:nth-child(1) {
		width: 30%;
		overflow-wrap: anywhere;
	}
	.fancybox-inner .fr-table td:nth-child(2) {
		width: 25%;
	}
	.fancybox-inner .fr-table td:nth-child(3) {
		width: 12%;
	}
	.fancybox-inner .fr-table td:nth-child(4) {
		width: 30%;
	}
	.fancybox-inner {
		overflow: scroll !important;
	}
}