@media only screen and (max-width: 1400px) 
{
	
}
@media only screen and (max-width: 1200px) 
{
	.logo
	{
		margin-left:38%;
	}
	.top-head
	{
		height:700px;
	}
	.top-text1
	{
		font-size:45px;
	}
	.top-text2
	{
		font-size:60px;
		
	}
	.top-text3
	{
		font-size:23px;
		
	}
	.top-form
	{
		margin-top: 2%;	
		width:400px;
		height:380px;
	}
	.top-form p
	{
		padding-top: 8%;
	}

	.ip
	{
		margin-top:1%;
		height:35px;
		width: 55.0%;
		
	}
	.ip-btn
	{
		height: 40px;
		width: 35%;
		margin-top: 3%;
	}
	.top-arrow
	{
		width:11%
	}
	.top-plant
	{
		margin-top:-25%;
	}
	
	
}
@media only screen and (max-width: 1000px) 
{
	.top-head
	{
		height:600px;
	}
	.pl
	{
		padding-left:0%;
	}
	.mr
	{
		padding-top:2%;
		margin-left: 0%;
		padding-left:0%;
		padding-right:0%;
	}
	.relax-man
	{
		width:70%;
		margin-top:-5%;
		margin-left:18%;	
	}
}

@media only screen and (max-width: 700px) 
{
	.logo
	{
		margin-left:5%;
	}
	.top-plant
	{
		margin-top:-145%;
		margin-left: -4%;
		float:left;
	}
	.top-head
	{
		background-image: url('images/Mortgage-head11.png');
		background-size: 100% 100%;
		height:900px;
		margin-bottom: 22%;
	}
	.top-text1
	{
		margin-left:3%;
		padding-top:45%;
		font-size:45px;
	}
	.top-text2
	{
		margin-left:3%;
		font-size:60px;
		
	}
	.top-text3
	{
		font-size:20px;
		margin-left:3%;
	}
	.top-form
	{
		margin-left:0%;
		margin-top: 2%;	
		width:500px;
		height:480px;

	}
	.top-form p
	{
		font-size:22px;
		padding-top: 12%;
	}

	.ip
	{
		margin-top:2%;
		height:35px;
		width: 60.0%;
		
	}
	.ip-btn
	{
		height: 40px;
		width: 40%;
		margin-top:6%;
	}
	.top-arrow
	{
		width:0%
	}
}
@media only screen and (max-width: 440px) 
{
	.logo
	{
		width:70%;
		margin-left:5%;
	}
	.top-plant
	{
		width:55%;
		margin-top:-160%;
		margin-left: -4%;
		float:left;
	}
	.top-head
	{
		background-image: url('images/Mortgage-head11.png');
		background-size: 100% 100%;
		height:700px;
		margin-bottom: 10%;
	}
	.top-text1
	{
		margin-left:3%;
		padding-top:75%;
		font-size:20px;
	}
	.top-text2
	{
		margin-left:3%;
		font-size:30px;
		
	}
	.top-text3
	{
		font-size:15px;
		margin-left:3%;
	}
	.top-form
	{
		margin-left:0%;
		margin-top: 2%;	
		width:300px;
		height:300px;

	}
	.top-form p
	{
		font-size:15px;
		padding-top: 12%;
	}

	.ip
	{
		margin-top:2%;
		height:25px;
		width: 60.0%;
		
	}
	.ip-btn
	{
		height: 30px;
		width: 40%;
		margin-top:4%;
	}
	.top-arrow
	{
		width:0%
	}
	.frame
	{
		width:90%;
		height:180px;
	}
}
@media only screen and (max-width: 423px) 
{
	.logo
	{
		margin-top:-20%;
		width:60%;
		margin-left:5%;
	}
	.top-plant
	{
		width:55%;
		margin-top:-170%;
		margin-left: -4%;
		float:left;
	}
	.top-head
	{
		background-image: url('images/Mortgage-head11.png');
		background-size: 100% 100%;
		height:700px;

		margin-top:-20%;
	}
	.top-text1
	{
		margin-left:3%;
		padding-top:77%;
		font-size:20px;
	}
	.top-text2
	{
		margin-left:3%;
		font-size:30px;
		
	}
	.top-text3
	{
		font-size:13px;
		margin-left:3%;
	}
	.top-form
	{
		margin-left:0%;
		margin-top: 2%;	
		width:300px;
		height:300px;

	}
	.top-form p
	{
		font-size:15px;
		padding-top: 12%;
	}

	.ip
	{
		margin-top:2%;
		height:25px;
		width: 60.0%;
		
	}
	.ip-btn
	{
		height: 30px;
		width: 40%;
		margin-top:4%;
	}
	.top-arrow
	{
		width:0%
	}
	.frame
	{
		width:90%;
		height:180px;
	}
}