body
{
	 font-family: 'Poppins';
}
.logo
{
	width:220px;
}
.collapse ul
{
	margin-top: 20px;
	margin-right: 10px;
	font-size: 16px;
}
.back-banner
{
	margin-top:-90px;
	padding-top:95px;
	background-image:url('../images/header.png');
	height:800px;
	background-size:100% 100%;
}
.top-text1
{
	margin-top: 10%;
	margin-left:5%;
	color:#fff;
	letter-spacing: 2px;
	line-height: 85px;
	font-size: 80px;
	font-weight:bolder;
	font-family: Time New Roman;
}

.top-text2
{
	margin-left:5%;
	margin-top: 10px;
	color:#fffc00;
	font-size: 28px;
	font-weight:bolder;
	font-family: poppins;
}
.text-head
{
	word-spacing: 3px;
	font-size: 38px;
	font-weight:bolder;
 	font-family: "Helvetica";
 	color:#2cb2ff;
}
.text-subhead
{
	color:#ffc000;
	font-size: 28px;
	font-weight:bolder;
 	font-family: 'Poppins';
}
.text-para
{
	color:#444444;
	font-family: 'Poppins'; 
	font-size:19px;
	line-height:33px;
	letter-spacing: 1px;
}
.text-para1
{
	color:#000;
	font-family: 'Poppins'; 
	font-size:23px;
	font-weight:500px;
}
.app{
	width:30%;
	margin-left:5%;
	margin-bottom: 20px;
}
.top-form
{
	background-color:#fff;
	width:75%;
	height:auto;
	margin-top:20px;
	padding-bottom: 1%;
	padding-top: 3%;
	padding-right: 8%;
	padding-left:2%;
	margin-left:6%;
	border-radius:10px;
	box-shadow: -2px 1px 7px 2px lightgray;
}
.ip1
{
	padding-left: 10px;
	margin:1%;
	width:45%;
	height:48px;
	border:1px solid lightgray;
}
.cleaner
{
	background-image: url("../images/cleaner.png");

	height:auto;
	background-size:cover;
	padding-top:3%;
	padding-bottom:3%; 

}
.yl
{
    margin-top:-17px;
	height:200px;
	width:200px;
	background-color:#2bb1ff;
	border-radius:200px;
	padding:20px;
	border:3px solid #a3ddff;;
}
.ms
{
	margin-top:-27%;
	margin-left:75%;
	width:20%;	
}
.ip-btn
{
	margin-top:10%;
	margin-left:-5%;
	width:85%;
	height:110px;
	padding-right:35px;

}	

.bottom-form
{
	width:70%;
	height:auto;
}
.ip111
{
	padding-left: 30px;
	margin:1%;
	width:45%;
	height:50px;
	border-radius:5px;
	border:1px solid lightgray;
}
.ip112
{
	padding-left: 30px;
	margin:1%;
	width:50%;
	height:50px;
	border-radius:5px;
	border:1px solid lightgray;
}

.ip114
{
	padding-left: 30px;
	margin:1%;
	width:93%;
	height:100px;
	border-radius:5px;
	border:1px solid lightgray;
}

.ip-btn1
{
	margin-top:2%;
	width:93%;
	height: 50px;
	background-color:#2cb2ff;
	padding-right:0px;
	color:#fff;

}	
.back-org
{
	background-color:#f7f7f7;
	height:auto;
	padding-top:2%;
	padding-bottom:3%;
}
.back-org img
{
	margin-top:2%;
	width:40%;
}
.back-circle
{
	background-image:url('../images/back-circle.png');
	height:auto;
	background-size:cover; 
	background-repeat:no-repeat;
}
.mttt
{
	margin-top: 95%;
}
.mtt
{
	margin-top: 20%;
}
.back-circle1
{
	background-image:url('../images/back-circle1.png');
	height:auto;
	background-size:cover; 
	background-repeat:no-repeat;
}
.back-yellow
{
	background-color:#fff;
	height:auto;
	padding-top:2%;
	padding-bottom:3%;
}
.last-btn
{
	box-shadow: -2px 5px 3px 2px lightgray;
	border-radius:100px;
	color:white;
	font-size:35px;
	height:80px;
	border:5px solid white;
	width:50%;
	background-color:#e7321b;
}
.foot
{
	
	background-color:black;
	padding-top: 3%;
	padding-bottom: 3%;
}
.frame
{
	width:85%;
	height:280px;
}
@media (max-width:1400px)
{
	.back-banner
	{
		height:720px;
	}
}
@media (max-width:1300px)
{
	
	.back-banner
	{
		height:680px;
	}
	
	
}
@media (max-width:1200px)
{
	.ip1
	{
		margin:2%;
		width:40%;
		height:40px;
		
	}
}
@media (max-width:900px)
{
	.back-banner
	{
		background-image:url('../images/header1.png');
		padding-top:5%;
		height:450px;
		margin-bottom:700px;
	}
	.top-text1
	{
		margin-top: 25%;
		font-size: 50px;
		line-height:60px;
	}
	.top-text2
	{
		font-size: 25px;
	}
	.last-btn
	{
		height:70px;
		font-size: 30px;
		width:90%;
	}
	.app{
		width:0%;
	}
	.top-form
	{
		width:80%;
		margin-top:30px;
		padding:2%;
		margin-left:10%;
	}
	.ip1
	{
		padding-left: 10px;
		margin:1%;
		width:45%;
		height:48px;
		border:1px solid lightgray;
	}
	.ms
	{
		margin-top:4%;
		margin-left:32%;
		width:40%;
	}
	.logo{
		width:250px;
	}
	.ip1
	{
		padding-left: 10px;
		margin:1%;
		width:70%;
		height:48px;
		border:1px solid lightgray;
	}
	.ip-btn
	{
		margin-top:1%;
		margin-left:0%;
		width:40%;
		height:48px;
		padding-right:35px;

	}	
}
.mll{
	margin-left:30%;
}
@media (max-width:500px)
{
	.text-head
	{
		font-size: 30px;
	}
	.text-subhead
	{
		font-size: 23px;
	}
	.text-para
	{
		color:#444444;
		font-family: 'Poppins'; 
		font-size:17px;
	}
	.text-para1
	{
		color:#000;
		
		font-size:20px;
		font-weight:500px;
	}
	.top-form
	{
		width:90%;
		margin-top:130px;
		padding:2%;
		padding-bottom: 5%;
		margin-left:5%;
	}
	.back-circle
	{
		background-image:none;
		background-color:#ffc20a;
		height:auto;
		background-size:cover; 
		background-repeat:no-repeat;
	}
	.logo
	{
		width:150px;
		margin-left: -25px;
	}
	.navbar-header button
	{
		margin-top:20px;
	}
	
	.top-text1
	{
		margin-left:2%;
		line-height: 45px;
		font-size:35px;
	}
	.top-text2
	{
		margin-left:2%;
		font-size: 22px;
	}
	.ip1
	{
		width:80%;
		height:42px;
	}
	.ip2
	{
		width:80%;
		height:70px;
		margin-left:2%;
	}
	.ip-btn
	{
		padding-left:10%;
		width:60%;
		height:40px;
	}
	.ms
	{
		margin-top:4%;
		margin-left:22%;
		width:60%;

	}
	.mttt
	{
		margin-top: 10%;
	}
	.mtt
	{
		margin-top: 6%;
	}
	.frame
	{
		width:90%;
		height:180px;
	}
	.back-org img
	{
		width:70%;
	}
	.last-btn
	{
		height:70px;
		font-size: 25px;
		width:90%;
	}
	.bottom-form
	{
		width:90%;
		height:auto;
	}
	.ip111
	{
		padding-left: 30px;
		margin:2%;
		width:90%;
		height:40px;
		border-radius:5px;
		border:1px solid lightgray;
	}
	.ip112
	{
		padding-left: 30px;
		margin:2%;
		width:90%;
		height:40px;
		border-radius:5px;
		border:1px solid lightgray;
	}
	.ip113
	{
		padding-left: 30px;
		margin:2%;
		width:90%;
		height:40px;
		border-radius:5px;
		border:1px solid lightgray;
	}
	.ip114
	{
		padding-left: 30px;
		margin:2%;
		width:90%;
		height:100px;
		border-radius:5px;
		border:1px solid lightgray;
	}

	.ip-btn1
	{
		margin-top:5%;
		width:60%;
		padding-right:20px;
		color:#fff;

	}
	.yl
    {
        margin-top:0px;
    	height:170px;
    	width:170px;
    }
}
@media (max-width:399px)
{
	.top-form{
		margin-top: 120px;
	}
 	.top-text1
	{
		margin-top: 150px;
		font-size:29px;
	}
	.top-text2
	{
		font-size: 20px;
		line-height: 33px;
	}
	
}