@media screen and (max-width: 1920px) {
	div.search, .return {
		display: none;
	}
}

@media screen and (max-width: 420px) {
	div.search, .return {
		display: block;
	}

	#container_00, .chart_container {
		width: calc(100% - 10px);
	}

	.chart_50p {
		width: calc(100% - 10px);
		float: inherit;
	}

	#col3 .datatable {
		left: 0;
	}

	#col1 {
		width: 85px;
	}

	#content {
		left: 85px;
	}

	.scroll {
		left: 5px;
		right: 0;
		padding: 10px;
		padding-top: 0;
	}

	#session {
		width: 100%;
		height: 100%;
		overflow: hidden;
		padding: 0;
		border: 0;
		margin: 0;
	}

	.login_left {
		width: 100%;
		height: 100px;
		padding: 0;
		float: none;
	}

	.login_right {
		width: 100%;
		height: 100%;
		padding: 0;
		float: none;
		border: 0;
		margin: 0;
		position: absolute;
		top: 100px;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.logo {
		background-image: url(../images/logo_splash.png);
		width: 100px;
		height: 100px;
		background-repeat: no-repeat;
		background-size: 100%;
		margin: auto;
		position: absolute;
		right: 0;
		left: 0;
		top: 10px;
		z-index: 100;
		border-radius: 4px;
		overflow: hidden;
	}

	#login1 {
		width: calc(100% - 20px);
		height: calc(100% - 120px);
		border-radius: 4px;
		margin: auto;
		position: absolute;
		left: 5px;
		right: 5px;
		top: 5px;
	}

	#splash_logo {
		width: calc(100% - 128px);
	}

	#splash {
		background-position: 33% 0%;
	}

	#col2,#col3 {
		width: 100%;
	}

	table.survey_question_card {
		display: block;
	}

	table.survey_question_card tr {
		display: block;
	}

	.tr_survey_questions_column {
		display: block;
		width: 100%;
		width: 60%;
		float: left;
	}

	.tr_survey_questions_column td {
		display: block;
		width: 100%;
		height: 0;
		min-height: 120px;
	}

	.tr_survey_answer_column {
		display: block;
		width: 100%;
		width: 40%;
		float: right;
	}

	.tr_survey_answer_column td {
		display: block;
		width: 100%;
		height: 0;
		min-height: 120px;
		border-left: 0px !important;
	}

	table.survey_answers tr {
		display: block;
	}

	table.survey_answers td {
		display: block;
		display: inline-block;
		width: 20%;
	}

	table.survey_question_card td .survey_question_text {
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: scroll;
	}

	table.survey_question_card tr:nth-child(1) td {
		display: block;
		width: 100%;
	}

	table.survey_question_card tr:nth-child(2) td {
		display: block;
		width: 100%;
	}

	.survey_title .title {
		width: 90%;
		line-height: 15pt;
	}

	.survey_index_wrapper .title {
		width: 90%;
		line-height: 15pt;
		white-space: inherit;
	}

	.survey_user table {
		width: 100%;
		height: 80px;
	}

	#survey_logo {
		width: 95%;
		background-position: center top;
	}

	.survey_user_photo {
		top: 0;
	}

	.survey_user_name {
		top: 4px;
	}

	.survey_user_email {
		top: 18px;
	}

	.survey_user_logout {
		top: 60px;
		bottom: auto;
	}

	.survey_user table td:nth-child(1) {
		width: 65%;
	}

	.survey_user table td:nth-child(2) {
		width: 35%;
	}

	.datatable, .datatable th, .datatable td {
		display: block;
		width: 100%;
	}

	.datatable th {
		display: none;
	}

	table.survey_index td {
		height: auto;
	}

	.survey_user_detail {
		top: 4px;
	}

	.datatable table tr td {
		width: 50%;
		min-width: 50%;
		float: left;
	}

	.datatable table tr td:nth-child(1) {
		width: 50%;
		min-width: 50%;
		float: left;
	}

	.datatable table tr td:nth-child(2) {
		width: 50%;
		min-width: 50%;
		float: left;
	}

	.datatable table tr td:nth-child(3) {
		width: 100%;
		min-width: 100%;
	}

	.datatable table tr td:nth-child(4) {
		width: 50%;
		min-width: 50%;
		float: left;
		padding-bottom: 12px;
	}

	.datatable table tr td:nth-child(5) {
		width: 50%;
		min-width: 50%;
		float: left;
		padding-bottom: 12px;
	}

	.datatable table tr td.norecords {
		width: 100% !important;
    vertical-align: middle !important;
    line-height: 95px !important;
    max-height: 112px !important;
    height: 112px !important;
	}

	.datatable .row_detail, .datatable .row_description {
		height: auto;
		max-height: 95px;
		overflow: hidden;
	}

	.datatable table#inc_surveys_questions tr td:nth-child(2) {
		height: 100px;
	}

	.datatable table#inc_surveys_questions tr td:nth-child(3),.datatable table#inc_surveys_questions tr td:nth-child(4) {
		width: 50%;
		min-width: 50%;
		float: left;
		height: 100px;
	}

	.datatable table#inc_surveys_manual_step_1 tr td:nth-child(2) {
		height: 100px;
	}

	.datatable table#inc_surveys_manual_step_1 tr td:nth-child(3) {
		width: 50%;
		min-width: 50%;
		float: left;
		height: 100px;
	}

	.datatable table#inc_surveys_manual_step_1 tr td:nth-child(4),.datatable table#inc_surveys_manual_step_1 tr td:nth-child(5) {
		width: 50%;
		min-width: 50%;
		float: left;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.datatable table#inc_sys_users tr td:nth-child(2) {
		height: 100px;
	}

	.datatable table#inc_sys_users tr td:nth-child(3), .datatable table#inc_sys_users tr td:nth-child(4) {
		width: 50%;
		min-width: 50%;
		float: left;
		height: 100px;
	}

	.datatable table#inc_sys_users tr td:nth-child(5) {
		width: 100px;
		min-width: 100%;
		text-align: right;
		padding-right: 20px;
	}

	.datatable table#inc_address tr td:nth-child(2) {
		height: 100px;
	}

	.datatable table#inc_address tr td:nth-child(4) {
		width: 50%;
		min-width: 50%;
		float: right;
		height: 100px;
	}

	.datatable table#inc_address tr td:nth-child(3),.datatable table#inc_address tr td:nth-child(5) {
		width: 50%;
		min-width: 50%;
		float: left;
		height: 50px;
		text-align: center;
	}

	.datatable table#inc_background_promotion tr td:nth-child(2) {
		height: 100px;
	}

	.datatable table#inc_background_promotion tr td:nth-child(3) {
		width: 50%;
		min-width: 50%;
		float: left;
		height: 100px;
	}

	.datatable table#inc_background_promotion tr td:nth-child(4),.datatable table#inc_background_promotion tr td:nth-child(5) {
		width: 50%;
		min-width: 50%;
		float: left;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.datatable table#inc_surveys_manual_step_3 tr td:nth-child(2) {
		width: 50%;
		min-width: 50%;
		float: right;
		height: 95px;
	}

	.datatable table#inc_surveys_manual_step_3 tr td:nth-child(3) {
		width: 100px;
		min-width: 100%;
	}

	.datatable table#inc_surveys_manual_step_3 tr td:nth-child(4) {
		width: 100px;
		min-width: 100%;
		height: 60px;
	}

	.datatable table#inc_surveys_manual_step_3 tr td:nth-child(4) .row_file {
		height: 40px;
	}

	.datatable table#inc_surveys_manual_step_3 tr td:nth-child(4) .row_file .row_file_title {
		line-height: 15px;
	}
	
	
.datatable table#matrix{
    position: relative;
    width: calc(100% - 20px);
    height: auto;
    margin: 15px;
    margin-top: 0;
    }
	.datatable table#matrix tr.matrix_person td:nth-child(1),.datatable table#matrix tr.matrix_person td:nth-child(2) {max-height: 74px;height: 74px;}
	.datatable table#matrix tr.matrix_person td:nth-child(1){min-width:20%;width:20%;}
	.datatable table#matrix tr.matrix_person td:nth-child(2){min-width:80%;width:80%;}
	.datatable table#matrix tr.matrix_person td:nth-child(3){min-width:100%;width:100%;}
	.datatable table#matrix tr.matrix_person td:nth-child(4), .datatable table#matrix tr.matrix_person td:nth-child(5){padding:5px;}
	
	.datatable table#matrix tr.matrix_header td:nth-child(1){min-width:100%;width:100%;}
	
	
	.datatable table#matrix tr.matrix_header td:nth-child(1){min-width:100%;width:100%;}
	
	.datatable table#matrix tr.matrix_header_01 td, .datatable table#matrix tr.matrix_data td{min-width:50%;width:50%;}
	.datatable table#matrix tr.matrix_header_01 td:nth-child(1){display:none;}
	
	.datatable table#matrix tr.matrix_header_01, .datatable table#matrix tr.matrix_data{display:none;}
	
	.datatable table#matrix tr.matrix_count td{min-width:50%;width:50%;}
	.datatable table#matrix tr.matrix_count td:nth-child(1){min-width:100%;width:100%;min-height:80px;}
	
	.matrix_dual{display: block;
    width: 70%;
    overflow: hidden;
    float: left;
    text-align: left;
    font: 500 7.5pt/13pt "Montserrat";
    padding: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
	}
	.matrix_dual:nth-child(2){  width: 30%;text-align:center;}
	
	.datatable table#matrix tr.matrix_blank, .datatable table#matrix tr.matrix_blank{border:0; height:30px;}
	.datatable table#matrix tr.matrix_blank:nth-child(1){display:none;}
	
	
	.matrix_cell{text-align: center;font: 500 7.5pt/13pt "Montserrat";text-overflow: ellipsis;width:0;min-width:100%;max-width:100%;white-space: nowrap;margin:auto;}
}