@media all and (max-width: 1200px) {
	.ml-6 {
		margin-left: 1rem !important;
	}

	.mr-6 {
		margin-right: 1rem !important;
	}

	table {
		margin: 0 auto;
		width: 100%;
	}

	thead,
	tbody {
		width: 100%;
		margin: 0 auto;
	}

	.resources-form .major-headings th:first-child {
		width: 100%;
		text-align: center;
		padding: 1rem !important;
	}

	.resources-form .major-headings {
		padding: 0;
	}

	.resources-form .form-body th:first-child {
		width: 100%;
		text-align: center;
		padding-left: 1rem !important;
		color: #fff;
		background-color: #0055A5 !important;
	}

	.resources-form caption {
		width: 100%;
		margin: 0 auto;
		display: block;
		color: #fff;
		background-color: #0055A5 !important;
		padding: 2rem;
		text-align: left;
	}

	.resources-form table,
	.resources-form th,
	.resources-form tr {
		display: inline-block;
		width: 100%;
	}

	.resources-form table thead tr:nth-child(1)>th:nth-child(2),
	.resources-form table thead tr:nth-child(1)>th:nth-child(3),
	.resources-form table thead tr:nth-child(1)>th:nth-child(4),
	.resources-form table thead tr:nth-child(1)>th:nth-child(5),
	.resources-form table thead tr:nth-child(2) {
		display: none;
	}

	.resources-form table thead tr:nth-child(1) {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.resources-form td::before {
		text-align: left;
		flex: 1 0;
		width: 150px;
		font-size: 1.8rem;
		vertical-align: middle;
		font-weight: bold;
		padding-left: 1rem;
	}

	.resources-form .surveyTable .form-body tr:nth-child(odd) td:nth-child(even) {
		background-color: transparent !important;
		/*background-color: red;
     */
	}

	/* NEEDS TO BE MOVED INTO TWIG AND TRANSLATED */
	.resources-form td:nth-child(2)::before {
		content: "About ";
	}

	.resources-form td:nth-child(3)::before {
		content: "Organizational Review Worksheets* ";
	}

	.resources-form td:nth-child(4)::before {
		content: "Suggested Responses Documents* ";
	}

	.resources-form td:nth-child(5)::before {
		content: "Action Planning Worksheets* ";
	}

	.resources-form td:nth-child(6)::before {
		content: "Evaluation Worksheets* ";
	}

	.resources-form td {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	th.color-success {
		color: #fff !important;
	}
}

.survey-style-block .radioLabel {
	display: none;
	padding-left: 5%;
	min-width: 200px;
	text-align: left;
}

@media all and (max-width: 752px) {

	/* used to be 752px*/
	.survey-style-block table,
	.survey-style-block th,
	.survey-style-block tr {
		display: inline-block;
		width: 100%;
		background-color: #ffffff !important;
	}

	.survey-style-block table {
		padding: 1rem;
	}

	.survey-style-block table thead tr>th:nth-child(2),
	.survey-style-block table thead tr>th:nth-child(3),
	.survey-style-block table thead tr>th:nth-child(4),
	.survey-style-block table thead tr>th:nth-child(5),
	.survey-style-block table thead tr>th:nth-child(6) {
		display: none;
	}

	.survey-style-block .table>thead>tr>th.left-heading {
		text-align: left;
		padding-left: 2rem !important;
		min-width: 100px;
	}

	.survey-style-block .table>tbody>tr>th {
		padding-left: .5rem !important;
	}

	.survey-style-block .table>tbody>tr>th.header-with-number-block {
		display: flex;
	}

	.survey-style-block .table>tbody>tr>th.header-with-number-block>span {
		display: inline-block;
	}

	.survey-style-block .table>tbody>tr>th.header-with-number-block>span:nth-child(1) {
		display: inline-block;
		min-width: 2.5rem;
	}

	.survey-style-block .table>tbody>tr {
		display: flex;
		flex-wrap: wrap;
		padding: 0 2rem 0 1rem;
		width: 100%;
		max-width: 100vw;
		min-width: 300px;
	}

	.survey-style-block .radioLabel {
		display: inline-block;
		font-weight: normal;
	}

	.survey-style-block td {
		flex: 1 50%;
		display: flex;
		align-items: center;
		margin: 0 0 .5rem 0;
		max-width: 45vw;
		min-width: 160px;
		padding: 0 1rem 0 0;
	}

	.survey-style-block td::after {
		display: flex;
		align-items: center;
		flex: 1 0 auto;
		text-align: left;
		min-width: 14rem;
		font-size: 1.5rem;
		font-weight: bold;
		padding: 1rem 0 1rem .5rem;
		white-space: normal;
	}

	.survey-style-block tbody tr:nth-child(even) td:nth-child(even),
	.survey-style-block tbody tr:nth-child(odd) td:nth-child(even) {
		background-color: #fff !important;
		color: inherit;
		font-weight: 700;
	}

	.survey-style-block .table-striped>tbody>tr:nth-child(2n+1)>td,
	.survey-style-block .table-striped>tbody>tr:nth-child(2n+1)>th {
		background-color: #fff !important;
		color: inherit;
	}

	.survey-style-block table thead th:nth-child(odd),
	.survey-style-block table tbody td:nth-child(even) {
		background-color: #fff !important;
		color: inherit;
		font-weight: 700;
	}
}