/*
========================================================================
BLOG :: top call to action
========================================================================
*/

@media screen and (max-width: 1220px) {
	.HES_text {
		margin-left: 20px;
	}
	.container
	{
		max-width: 900px;
		margin:0 auto;
		padding-top:50px;
	}	
}


@media screen and (max-width: 1135px) 
{
	.cta {
		left: 32%;
		width: 68%;
		top:250px;
	}
	
	.top_text p {
		margin-left: auto;
		margin-right: auto;
	}
	
	.row_1 {
		font-weight: 700; 
		font-size: 34px; 
		color: #fff;
	}
	
	.row_2 {
		color: #1996d7;
		font-weight: 300;
		font-size: 18px;
	}
}


@media screen and (max-width: 950px) 
	
{
	
	.top-call {
		width: 100%;
		max-height: 440px;
		overflow: hidden;
		background-color: #17375d;
		position: relative;
	}

	.lght-blue {
		display: block;
		left: 0;
		max-height: 440px;


	}
}
@media screen and(max-width: 900px) {
	.container
	{
		margin:0 auto;
		padding-top:50px 10px 0;
	}	
	form {
		display: block;
		margin: 0 auto;
		float: none;
		width: 90%;
	}
	.post-content
	{
		margin: 0 auto;
		width: 90%;
	}
	.HES_text {
		margin-left: 0px;
		padding-left: 10px;
	}
	.form_container {
		padding: 0;
	}

	 .input-field{
		font-size: 11px;
		margin: 15px auto;
	}
	.input-field3 {
		font-size: 11px;
		margin-bottom: 10px;
		margin-bottom:10px;
		margin-top: 110px;
	}



}
/*medium small*/

@media screen  and (max-width: 880px)
	
{
	.top-call {
		max-height: 400px;
	}

	.lght-blue {
		max-height: 400px;
	}

	.cta {
		top:220px;
		left: 35%;
		width: 63%;
		height: 260px;
	}
	
	.top_text p {
		width: 380px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.row_1 {
		font-weight: 700; 
		font-size: 26px; 
		color: #fff;
	}
	
	.row_2 {
	
		color: #1996d7;
		font-weight: 300;
		font-size: 16px;
	}
	
    
    .btn a {
		font-size: 14px;
	}
}

/*small 1*/
@media screen and (max-width: 780px) 
	
{
	
	.top-call {
		max-height: 380px;
	}

	.lght-blue {
		max-height: 380px;
	}
	.cta {
		top: 210px;
		left: 30%;
		width: 70%;
		height: 300px;
    }
}

@media screen and(max-width: 701px) {
	.file-field.input-field_file1 {
		padding-left: 0px;
	}
}

@media screen and (max-width: 680px){
	
	.top-call {
		width: 100%;
		max-height: 350px;
		overflow: hidden;
		background-color: #17375d;
		position: relative;
	}

	.lght-blue {
		display: block;
		margin-left: -10px;
		height: 350px;
	}

	.cta {
		top: 200px;
		left: 30%;
		width: 70%;
		height: 300px;
	}
    .top_text p {
		width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.row_1 {
		font-weight: 700; 
		font-size: 24px; 
		color: #fff;
	}
	
	.row_2 {
		color: #1996d7;
		font-weight: 300;
		font-size: 14px;
	}
	
    .btn a {
		font-size: 14px;
	}
}
/*small 3*/
@media screen and (max-width: 560px){
	
	.container
	{
		max-width: 400px;
		margin:0 auto;
		padding-top:50px;
	}
	.top-call {
		width: 100%;
		max-height: 330px;
		overflow: hidden;
		background-color: #17375d;
		position: relative;
	}

	.lght-blue {
		display: block;
		margin-left: 0px;
		height: 330px;
		opacity: .2;
	}

	.cta {
		top: 200px;
		left: 0%;
		width: 100%;
		height: 150px;
    }
    .top_text p {
	width: 350px;
    margin-left: auto;
    margin-right: auto;
	}
	
	.row_1 {
		font-weight: 700; 
		font-size: 22px; 
		color: #fff;
	}
	
	.row_2 {
	
	color: #1996d7;
	font-weight: 300;
	font-size: 14px;
	
	}

	.fileUpload input.upload{
		font-size: 12px;
	}
	.HES_text {
		margin-top: 10px;
	}
	.HES_1 {
		font-size: 28px; 
	}
	.HES_2, .HES_3 {
		font-size: 12px;
	}
}
    
/*super small*/
@media screen and (max-width: 400px){
	    
	.cta {
		left: 0%;
		width: 100%;
		height: 150px;
    }

	.top_text p {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.row_1 {
		font-weight: 700; 
		font-size: 18px; 
		color: #fff;
	}
	
	.row_2 {
	
		color: #1996d7;
		font-weight: 300;
		font-size: 12px;
	
	}
	.HES_1 {
		font-size: 20px; 
	}
	.HES_2, .HES_3 {
		font-size: 11px;
	}
	.container
	{
		max-width: 300px;
		margin:0 auto;
		padding-top:30px;
	}
	form, .post-content {
		width: 98%;
	}
	.logo {
		width:80%;
	}
}