.res_head {
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	text-align: left;
}

.text_box {
	width: 25%;
}

.text_box2 {
	width: 30%;
}

.txt2 {
	width: 95%;
	height: 35px;
}

.text_box input {
	width: 95%;
	height: 35px;
}

.check_box {
	width: 17%;
}

.cont1 {
	padding: 10px 0;
	width: 100%;
	display: flex;
}

.cont2 {
	padding: 10px 0;
	width: 100%;
	display: flex;
}

.cont3 {
	padding: 10px 0;
	width: 100%;
	display: flex;
}

.res_prev {
	display: grid;
	column-gap: 13px;
	row-gap: 14px;
	grid-template-columns: repeat(3, 1fr) !important;
}


@media only screen and (max-width: 767px) {

	.res_prev {
		display: grid;
		column-gap: 13px;
		row-gap: 14px;
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.no-js {
		width: max-content !important;
	}

	h1,
	.res_head {
		font-size: 35px !important;
	}

	.text_box {
		width: 100% !important;
		padding: 3% 0;
	}

	.cont1 {
		padding: 10px 0;
		width: 100%;
		display: block !important;
	}

	.cont2 {
		padding: 10px 0;
		width: 100%;
		display: block !important;
	}

	.cont3 {
		padding: 10px 0;
		width: 100%;
		display: block !important;
	}

	.check_box {
		width: 100% !important;
	}

	.text_box2 {
		width: 100% !important;
	}

	.text_box2 input {
		width: 100% !important;
		height: 75px !important;
		border: 3px solid !important;
		
	}

	.text_box input {
		width: 100% !important;
		height: 75px !important;
		border: 3px solid !important;
		font-size: 30px !important;
		
	}
	
	
	#photo_caption {
		border: 3px solid !important;
	}
	.check_box input {
		height: 40px;
		width: 40px;
	}

	.mainimage {
		font-size: larger;
	}

	.upload_multiples {
		font-size: larger;
	}


	.upload_files {
		 border: 1px solid #CCC;
         background: #F0F0F0 !important;
        text-align: center !important;
		font-size: 28px !important;
		border: 0 !important;
	}

	#imageButton {
		padding: 28px !important;
		background:#F0F0F0 !important;
		
	}

	.subm {
		font-size: larger;
	}

}
/*
.upload_files {
	 	border: 1px solid #CCC !important;
         background: #F0F0F0 !important;
		text-align: center !important;
		font-size: 28px !important;
		border: 0 !important;
	}

	#imageButton {
		
		padding: 28px !important;
		background:#F0F0F0 !important;

	}*/


@media (min-width: 768px) and (max-width: 1024px) {
	.cont2 {
		padding: 10px 0;
		width: 152%;
		display: flex;
	}

	.cont3 {
		padding: 10px 0;
		width: 160%;
		display: flex;
	}

	.text_box2 {
		width: 31%;
	}

	.res_prev {
		display: grid;
		column-gap: 13px;
		row-gap: 14px;
		grid-template-columns: repeat(2, 1fr) !important;
	}


}