@media only screen and (min-width: 900px)
{
#modal-header {
		background: linear-gradient(45deg, #303f9f, #7b1fa2) !important;
		border-radius: 0 0 2px 2px;
		
		padding-top:2%;
		height: 50px;
		width: 100%;
	}
#modal-header h4{
	color:white;
	text-align:center;
	font-size:24px !important;
}	
#modal_add_edit{
	width:40% !important;
}
#modal_signature_proposer{
	width:30% !important;
}
#modal_signature_supporter{
	width:30% !important;
}
#modal_signature_applicant{
	width:30% !important;
}
#modal_signature_branch{
	width:30% !important;
}
#modal_signature_hq_president{
	width:30% !important;
}
#modal_signature_hq_gs{
	width:30% !important;
}
#modal_new_history{
	width:30% !important;
}
#lampiran_modal_add_edit{
	width:70% !important;
}
#modal_signature_secretary_officer{
	width:30% !important;
}
ul.stepper .step .step-title:hover {
	background:none !important;
}

	
}
@media only screen and (min-width: 601px) and (max-width: 900px)
{
#modal_add_edit{
	width:60% !important;
}
#modal_signature_proposer{
	width:60% !important;
}
#modal_signature_secretary_officer{
	width:30% !important;
}
#modal_signature_supporter{
	width:60% !important;
}
#modal_signature_applicant{
	width:60% !important;
}
#modal_signature_branch{
	width:60% !important;
}
#modal_signature_hq_president{
	width:60% !important;
}
#modal_signature_hq_gs{
	width:60% !important;
}
#modal_new_history{
	width:60% !important;
}
#lampiran_modal_add_edit{
	width:60% !important;
}
#modal-header h4{
	color:white;
	text-align:center;
	font-size:24px !important;
}	
#modal-header {
			background: linear-gradient(45deg, #303f9f, #7b1fa2) !important;
            border-radius: 0 0 2px 2px;
            
            padding-top:3%;
            height: 56px;
            width: 100%;
		}
		
	
	ul.stepper .step .step-title:hover {
		background:none !important;
		}
}
@media only screen and (max-width: 600px)
{
	#modal_add_edit{
	width:75% !important;
}
#modal_signature_proposer{
	width:75% !important;
}
#modal_signature_secretary_officer{
	width:30% !important;
}
#modal_signature_supporter{
	width:75% !important;
}
#modal_signature_applicant{
	width:75% !important;
}
#modal_signature_branch{
	width:75% !important;
}
#modal_signature_hq_president{
	width:75% !important;
}
#modal_signature_hq_gs{
	width:75% !important;
}
#modal_new_history{
	width:75% !important;
}
#lampiran_modal_add_edit{
	width:75% !important;
}
#modal-header {
			background: linear-gradient(45deg, #303f9f, #7b1fa2) !important;
		border-radius: 0 0 2px 2px;
	   
		padding-top:3%;
		height: 50px;
		width: 100%;
	}
	#modal-header h4{
		color:white;
		text-align:center;
		font-size:24px !important;
	}	

ul.stepper .step .step-title:hover {
	background:none !important;
	}
}