@media screen and (min-width: 1680px) and (max-width: 5120px) {
	#subject{
		height:200px;
	}
	.form_container{  
	 /*  top: 14%; */
	}
}
@media screen and (min-width: 1500px) and (max-width: 1680px) {
	.form_container{  
	 /*  top: 15%; */
	}
}
@media screen and (min-width: 1366px) and (max-width: 1500px) {
	.form_container{  
	  /* top: 18%; */
	}
}
@media screen and (min-width: 1300px) and (max-width: 1400px) {
	.form_container{  
	   top: 150px; 
	}
}
@media screen and (min-width: 1280px) and (max-width: 1300px) {
	.form_container{  
	  /* top: 25%; */
	}
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
	.form_container{  
	  /* top: 18%; */
	}
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
	.modal{
		padding-top: 2%; 
	}
	.modal-content {
		width: 45%;
	}
	#subject{
		height:150px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
	.modal{
		padding-top: 3%; 
	}
	.modal-content {
		width: 70%;
	}
	#subject{
		height:120px;
	}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
	.modal{
		padding-top: 5%; 
	}
	.modal-content {
		width: 60%;
	}
	#subject{
		height:100px;
	}
}


@media screen and (max-width: 480px) {
	#myModal label {
		margin-top: 8px;
		font-size: 14px;
	}
	#myModal input[type=text], #myModal select, #myModal input[type=email] {
		padding:5px;
	}
	.modal{
		padding-top:18px;
	}
}



.form_container_responsive{
  width:80%;
  position: absolute;
  top: 27%;
  left: 10%;
  right:10%;
  z-index: 2;
}


.form_pop_container{  
  position: absolute;
  left: 20%;
  top: 30%;
  z-index: 2;
}

#myPopup{
position: sticky;
}