@media only screen and (max-width: 480px) { 
	.header {
		padding-top: 10px !important;
		padding-bottom: 9px !important;
	}	
	.main_container	{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.main_container .main {
		flex-direction: column;
    flex-wrap: wrap;
	}
	.main_container .main .left { 
		width: 100%;
		background-image: url('../img/hans-mobile.jpg');
		background-size: cover;
		height: 320px	;
	}
	.main_container .main .right {
		padding-top: 21px;
		padding-bottom: 43px;
		max-width: 263px;
		width: 100%;
	}
	.main_container .main .right h1 {
		text-align: center;
		font-style: normal;
		font-weight: 600;
		font-size: 33px;
		line-height: 40px;
		letter-spacing: 0.7px;
		color: #2431B2;
	}
	.main_container .main .right	.contact {
		margin: 51px auto; 
		max-width: 227px;
	}
	.main_container .main .right	.contact h2 a {
		font-style: normal;
		font-weight: 300;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 2px;
		text-transform: capitalize;
		color: #2431B2;
	}
	.main_container .main .right	.social { 
		margin-top: 46px;
	}
	.top-footer {
		display: none;
	}
	.pre-footer {
		display: none;
	}
	.footer {
		padding-top: 13.5px !important;
		padding-bottom: 42.14px !important;
		background-color: #2330B2 !important;
		width: 100% !important;
	}
	.footer .footer_content {
		background-color: #2330B2 ;
		max-width: 293px ;
		margin: auto ;
 
	}
	.footer_content a , .footer_content p {
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 7px !important;
		line-height: 9px !important;
		letter-spacing: 0.7px !important;
		color: #F5F5F5 !important;
	}
	.main_container	.main .right .email {
		margin: 46px auto 0 auto;
		text-align: center;
	}
	.main_container	.main .right .email a {
		font-weight: 300;
		font-size: 18px;
		line-height: 23px;
		letter-spacing: 1px;
	}
}
@media only screen and  (min-width: 481px)  and (max-width: 820px) { 
	.header {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}	
	.main_container	{
		padding-top: 36px !important;
		padding-bottom: 36px !important;
	}
	.main_container .main {
		flex-direction: column;
		flex-wrap: wrap;
		max-width: 474px;
	}
	.main_container .main .left { 
		width: 100%;
		background-image: url('../img/hans-tablet.jpg');
		background-size: cover;
		height: 438px	;
	}
	.main_container .main .right {
		padding-top: 28px;
		padding-bottom: 39px;
		max-width: 395px;
		width: 100%;
	}
	.main_container .main .right h1 {
		text-align: center;
		font-style: normal;
		font-weight: 600;
		font-size: 40px;
		line-height: 60px;
		letter-spacing: 0.7px;
		color: #2431B2;
	}
	.main_container .main .right	.contact {
		margin: 71px auto; 
		max-width: 307px;
	}
	.main_container .main .contact h2 a {
		font-style: normal;
		font-weight: 300;
		font-size: 22px;
		line-height: 28px;
		letter-spacing: 3px;
		text-transform: capitalize;
		color: #2431B2;
	}
	.main_container .main .right	.social { 
		margin: 79px auto 0 auto;
	}
	.pre-footer{
	height: 74px !important;
	}
	.footer .footer_content {
		max-width: 504px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.main_container .main .right .email {
		margin: 56px auto 0 auto;
		text-align: center;
	}
}