.subscribe-btn{
	position: absolute;
	font-weight: 600;
	background-color: #0065FF;
	color: #FFFFFF;
}
.validation{
		color: red;
		margin-bottom: 10px;
		font-size:12px;
		text-align:left;
		padding-left:5px;
}
.modal-header {
	border-bottom: 0 none !important;
}
.subscribe-now{
	font-size: 1.5rem;
	margin-bottom: .5rem;
	font-weight: 501;
	line-height: 1.2;
	color: #172b4d;
}
.subscribe-detail{
	font-size: 1.5rem;
	margin-top: 0;
	margin-bottom: 1rem;
	margin: 10px 0 0;
	font-weight: 399;
}

/* Extra small devices (landscape phones, 320px an up) */
@media screen and (max-width: 320px) {
	.modal-dialog {
		max-width: 64% !important;
		margin: auto !important;
	}
	.img-fluid {
		max-width: 30% !important;
	}
	.subscribe-now{
		font-size: 0.563rem;
	}
	.subscribe-detail{
		font-size: 0.463rem;
	}
}

/* Small devices (landscape phones, 321px to 544px) */
@media screen and (min-width: 321px) and (max-width: 544px) {
	
	.modal-dialog {
		max-width: 64% !important;
		margin:auto !important;
	}
	.img-fluid {
		max-width: 30% !important
	}
	.subscribe-now{
		font-size: 1.5rem;
		margin-bottom: .5rem;
		font-weight: 500;
		line-height: 1.2;
		color: #172b4d;
	}
	.subscribe-now{
		font-size: 0.763rem;
	}
	.subscribe-detail{
		font-size: 0.663rem;
	}	
}
/* Medium devices (tablets, 545px to 768px) */
@media screen and (min-width: 545px) and (max-width: 768px) {
	.modal-dialog {
		max-width: 40% !important;
	}
	.subscribe-now{
		font-size: 0.963rem;
	}
	.subscribe-detail{
		font-size: 0.863rem;
	}
}

/* Medium devices (tablets, 768px and 1210px) */
@media screen and (min-width: 769px) and (max-width: 1210px) {
	.modal-dialog {
		margin: 30px auto !important;
	}
	.subscribe-now{
		font-size: 1rem;
	}
	.subscribe-detail{
		font-size: 0.9rem;
	}
}

/* Large devices (Desktops, 1211px and 1440px) */
@media screen and (min-width: 1211px) and (max-width: 1440px) {
	.modal-dialog {
		margin: 20px auto !important;
	}
	.subscribe-now{
		font-size: 1.2rem;
	}
	.subscribe-detail{
		font-size: 1.1rem;
	}
}		
		
/* Extra Large devices (Desktops, greater than 1441px width) */
@media (min-width: 1441px) {	
	.modal-dialog {
		margin: 15px auto !important;
	}
	.subscribe-now{
		font-size: 1.4rem;
	}
	.subscribe-detail{
		font-size: 1.3rem;
	}
}