@media only screen and (max-width: 1400px) 
{
	.black-text-left
	{
		font-size:15px;
	}
	.black-text-right
	{
		font-size:15px;
	}
	.text-vs
	{
		font-size:20px;
	}
	.point1, .point2, .point3, .point4, .point5 
	{
		padding-top:18%;
		padding-bottom:18%;
		width:65%;	
	}
}
@media only screen and (max-width: 1200px) 
{
	.point1, .point2, .point3, .point4, .point5 
	{
		padding-top:15%;
		padding-bottom:15%;
		width:63%;
		margin-bottom: 10%;	
	}
	.dot
	{
		height:250px;
	}
	.a-m-t
	{
		margin-top:12%;	
	}
	.top-head
	{
		height:750px;
	}
	.top-text1
	{
		font-size:45px;
	}
	.top-text2
	{
		font-size:30px;
	}
	.top-text3
	{
	
		font-size:50px;
	 	margin-top:7%;
	}
	.top-form
	{
		margin-top: 2%;
		width:80%;
	}
	.ipp
	{
		height: 50px;
		width: 20.0%;
		margin-left:2%; 
	}
	.ip
	{
		height: 50px;
		width: 20.0%;
		margin-left:2%; 
	}
	.ipc
	{
		height: 70px;
	}
	
	.black-text-left
	{
		font-size:14px;
	}
	.black-text-right
	{
		font-size:14px;
	}
	.blue-back
	{
		background-image:url('images/blue-back11.png'); 
		background-size:100% 100%;
		height: 700px; 
	}
}
@media only screen and (max-width: 1100px) 
{
	.point1
	{
		margin-left:0%;
		padding-top:10%;
		padding-bottom:10%;
		width:27%;
		margin-bottom: 5%;	
		margin-top: 5%;	
	}
	.point2, .point3, .point4, .point5 
	{
		margin-left:0%;
		padding-top:10%;
		padding-bottom:10%;
		width:27%;
		margin-bottom: 0%;	
		margin-top: 8%;
	}
	.tp1
	{
		margin-left: 0%;
		margin-top: -5%;
	}
	.ab
	{
		margin-top: 1800px;
	}
	.dot
	{
		margin-bottom: -400px;
		background-size: 0% 0%;
	}
	.top-head
	{
		height:700px;
	}
	.top-text1
	{
		font-size:42px;
	}
	.top-text2
	{
		font-size:28px;
	}
	.top-text3
	{
	
		font-size:50px;
	 	margin-top:6%;
	}
	.top-form
	{
		margin-top: 1%;
	}
	.ipp
	{
		height: 45px;
	}
	.ip
	{
		height: 45px;
	}
	.ipc
	{
		height: 45px;
	}
	
	.black-text-left
	{
		font-size:15px;
	}
	.black-text-right
	{
		font-size:15px;
	}
	
}
@media only screen and (max-width: 900px) 
{
    .left-f
    {
        width:100%;
        float:none;
    }
    #pt3
    {
        margin-top:2%;
    }
	.point1
	{
		margin-left:0%;
		padding-top:10%;
		padding-bottom:10%;
		width:31%;
		margin-bottom: 5%;	
		margin-top: 5%;	
	}
	.point2, .point3, .point4, .point5 
	{
		margin-left:0%;
		padding-top:10%;
		padding-bottom:10%;
		width:32%;
		margin-bottom: 0%;	
		margin-top: 8%;
	}
	.tp1
	{
		margin-left: 0%;
		margin-top: -5%;
	}
	.ab
	{
		margin-top: 1700px;
	}
	.dot
	{
		background-size: 0% 0%;
	}
	.top-head
	{
		padding-top: 0%;
		height:600px;
	}
	.top-text1
	{
		font-size:35px;
	}
	.top-text2
	{
		font-size:23px;
	}
	.top-form
	{
		margin-top: 2%;
	}
	.ipp
	{
		font-size: 10px;
		height: 50px;
	}
	.ip
	{
		font-size: 10px;
		height: 50px;
	}
	.ipc
	{
		height: 50px;
	}
	.ip-btn
	{
		height: 50px; 
		width:50%;
	}
	.black-mid1
	{
		display: none;
	}
	.black-mid2
	{
		display: none;
	}
	.black-text-left
	{
		width:60%;
		font-size:18px;
		padding-top:10px;
		padding-right:0%;
		margin-left:20%;
		margin-right:0%;
		text-align:center;
		margin-bottom: -4%;
	}
	.black-text-right
	{
		width:60%;
		font-size:18px;
		padding-top:10px;
		padding-left:0%;
		margin-right:0%;
		margin-left:20%;
		margin-bottom: 4%;
		text-align:center; 
	}
	.blue-back
	{
		background-image:url('images/mobile-blue-back.png'); 
		background-size:100% 100%;
		height: 700px; 
	}
	.house
	{
		width:65%;
	}
}
@media only screen and (max-width: 700px) 
{
	.a-m-t
	{
		margin-bottom:8%;	
		margin-top:6%;
	}
	.logo
	{
		margin-top: -10%;
		width:85%;
		margin-left:10%;
	}
	
	.top-head
	{
		background-image: url('images/Mortgage-head11.png');
		background-size: 100% 100%;
		height:850px;
		padding-top: 2%;
	}
	.top-text1
	{
		margin-top: 10%;
		font-size:35px;
	}
	.top-text2
	{
		font-size:25px;
	}
	.top-form
	{
		margin-top: 1%;	
		box-shadow: 0px 0px 0px 0px lightgray;
		width:90%;
		border-radius: 0px;
	}
	.ipp
	{
		border-radius:10px;
		height: 50px;
		width: 70%;
		margin-left:0px; 
		background-color:rgba(255,255,255, .8);
		margin-bottom:5%; 
	}
	.ip
	{
		border-radius:10px;
		margin-bottom:5%;
		height: 50px;
		width: 70%;
		margin-left:0px; 
		background-color:rgba(255,255,255, .8);
	}
	
	.ip-btn
	{
		height: 45px;
		width: 50%;
		margin-left: 0px;
		box-shadow: none;
	}
	.blue-back
	{
		background-image:url('images/mob-blue-back.png'); 
		background-size:100% 100%;
		height: 700px; 
	}
	.black-text-left
	{
		font-size:15px;
		width:80%;
		margin-left:10%; 
	}
	.black-text-right
	{
		font-size:15px;
		width:80%;
		margin-left:10%; 
	}
}
@media only screen and (max-width: 550px) 
{
	.point1
	{
		margin-left:0%;
		padding-top:10%;
		padding-bottom:10%;
		width:31%;
		margin-bottom: 5%;	
		margin-top: 5%;	
	}
	.point2, .point3, .point4, .point5 
	{
		margin-left:0%;
		padding-top:10%;
		padding-bottom:10%;
		width:32%;
		margin-bottom: 0%;	
		margin-top: 8%;
	}
	.tp1
	{
		margin-left: 0%;
		margin-top: -5%;
	}
	.ab
	{
		margin-top: 1350px;
	}
	.dot
	{
		background-size: 0% 0%;
	}
	.logo
	{
		width:90%;
		margin-left:2%;
	}
	
	
	.top-head
	{
		height:770px;
		padding-top: 2%;
	}
	.top-text1
	{
		font-size:22px;
	}
	.top-text2
	{
		font-size:18px;
	}
	.top-text3
	{
		font-size:30px;
	}
	.top-form
	{
		width:95%;
	}
	.ipp
	{
		padding-left:3%;
		width: 80%;
	}
	.ip
	{
		padding-left:3%;
		width: 80%;
	}
	
	.ip-btn
	{
		width: 75%;
	}
	.top2
	{
		margin-top: -20%;
		height: 300px;
	}
	.top2 p
	{

		font-size: 40px;
	}
	.black-text-left
	{
		font-size:14px;
		width:90%; 
		margin-left:6%; 
	}
	.black-text-right
	{
		font-size:14px;
		width:90%;
		margin-left:6%; 
		margin-bottom: 10%;
	}
	.black-mid1
	{
		display: block;
		text-align: center;
	}
	.black-mid2
	{
		text-align: center;
		display: block;
	}
	.text-vs1
	{
		display: block;
		font-size:18px;
	}
	.blue-back
	{
		height: 1000px;
		padding-top: 45%; 
	}
	.house
	{
		width:99%;
	}
	.frame
	{
		width:90%;
		height:180px;
	}
}
@media only screen and (max-width: 450px) 
{
	.point1
	{
		margin-left:0%;
		padding-top:11%;
		padding-bottom:11%;
		width:35%;
		margin-bottom: 5%;	
		margin-top: 5%;	
	}
	.point2, .point3, .point4, .point5 
	{
		margin-left:0%;
		padding-top:10%;
		padding-bottom:10%;
		width:35%;
		margin-bottom: 0%;	
		margin-top: 8%;
	}
	.tp1
	{
		margin-left: 0%;
		margin-top: -5%;
	}
	.ab
	{
		margin-top: 1280px;
	}
	.dot
	{
		background-size: 0% 0%;
	}
}
@media only screen and (max-width: 400px) 
{
	.point1
	{
		margin-left:0%;
		padding-top:12%;
		padding-bottom:12%;
		width:38%;
		margin-bottom: 5%;	
		margin-top: 5%;	
	}
	.point2, .point3, .point4, .point5 
	{
		margin-left:0%;
		padding-top:10%;
		padding-bottom:10%;
		width:38%;
		margin-bottom: 0%;	
		margin-top: 8%;
	}
	.tp1
	{
		margin-left: 0%;
		margin-top: -5%;
	}
	.ab
	{
		margin-top: 1180px;
	}
	.dot
	{
		background-size: 0% 0%;
	}
}