.popupbox{
	background-color: #002D60;
	/* border-radius: 20px; */
	padding:10px 0 0;
	max-width: 800px;
	margin: 0 auto;
}
.popupbox .innerbox{
	background-color: #fff;
	padding: 2% 4%;
	margin: 0;
	border:4px solid #002D60;
	border-top: none;
	/* border-radius: 10px; */
	color: #333;
	text-align: center;
}
.popupbox h3{
	margin: 0 0 0.5em !important;
	color: #FFF;
	font-size: 20px !important;
	text-align: center;
}
.popupbox h4{
	line-height: 1.7;
	font-weight: bold !important;
	margin: 0 auto 15px;
	font-size: 18px   !important;
}
.popupbox h4 strong{
	color: red;
}
.popupbox h5{

	font-weight: bold !important;
	margin: 0 auto 15px;
	font-size: 16px   !important;
}
.popupbox h5 strong{
	color: red;
}
.popupbox p{

	font-weight: bold !important;
	margin: 0 auto 15px;
	font-size: 14px   !important;
}
.popupbox h4 span,
.popupbox h5 span,
.popupbox p span{
	display: inline-block;
}
.popupbox img{
	width: 100%;
	height: auto;
}
@media all and (min-width: 1000px) {
	.popupbox{
		padding:15px 0 0;
		font-size: 1.2em;
	}
}
@media all and (min-width: 769px) {
	.popupbox{
	width: 750px;
	}
}
@media all and (max-width: 768px) {
	.popupbox{
		max-width: 450px;
	}
	.popupbox .innerbox{
		padding: 15px;
	}

	.popupbox h3{
		font-size: 14px   !important;
	}
	.popupbox h4{
		margin-top: 0.8em;
		font-size: 16px   !important;
	}
	.popupbox h5{
		margin-top: 0.8em;
		font-size: 14px   !important;
	}
	.popupbox p{
		margin-top: 0.8em;
		font-size: 12px   !important;
	}
}
@media all and (max-width: 600px) {

}
@media all and (max-width: 480px) {
  .popupbox{
    font-size: 0.6em;
    max-width: 300px;
  }
  .popupbox .innerbox {
    padding: 8px;
}
  .popupbox h3{
		font-size: 10px   !important;
    text-align: left;
    padding-left: 0.8em;
	}
	.popupbox h4{
		font-size: 11px   !important;
    margin-bottom: 0.8em !important;
	}
	.popupbox h5{
		font-size: 11px   !important;
    margin-bottom: 0.8em !important;
	}
	.popupbox p{
		font-size: 11px   !important;
    margin-bottom: 0.8em !important;
	}

}