.app-logo-div{
	padding: 2% 0% 2% 5%;
}

.renewal-body{
	height: 80%;
	max-width: 50%;
	margin: 0 auto;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
	border-radius: 10px;
	padding: 3%;
}

/* .row{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
 */
.top-section-row h3{
	font-size: 20px;
}

.top-section-row button{
	border: none;
	background-color: blue;
	padding: 14px 16px;
	border-radius: 10px;
	font-size: 16px;
	color: white;
}

.top-section-row button i {
	margin-right: 6px;
}

.comp-details{
	margin-top: 5%;
}

.comp-img-div{
	width: 30%;
}

.comp-details img{
	width: 90%;
}

.comp-docs{
	text-align: right;
}

.policy-wrapper{
	justify-content: center;
}

.policy-section{
	justify-content: space-between;
	width: 90%;
}


.customer-details,.policy-details{
	height: 150px;
}

.inn-div{
	justify-content: space-between;
	align-items: baseline;
}

.customer-details{
	width: 40%;
	border-right: 1px solid grey;
}

.policy-details{
	width: 50%;
}

.customer-details,.policy-details{
	font-size: 16px;
}

.customer-details span,.policy-details span{
	font-weight: bolder;
	text-align: left;
}

.customer-details .inn-div div:nth-child(2){
	width:70%;
}

.policy-details .inn-div div:nth-child(2){
	width:40%;
}

.payment-methods-div{
	height: 170px;
}

.amount-div{
	text-align: center;
	width: 40%;
}

.amount-div div:nth-child(1){
	font-size: 18px;	
}

.amount-div div:nth-child(2){
	font-size: 22px;
	font-weight: bolder;	
}

.payment-icons{
	width: 50%;
}

.payment-row{
	justify-content: space-around;
	padding: 5%;
}

.payment-icons img{
	width: 60px;
	height: 60px;
}

.btn-div{
	width: 100%;
	justify-content: center;
}

.btn-div button{
	width: 50%;
	font-size: 18px;
	font-weight: bold;
	border: none;
	background-color: aqua;
	border-radius: 10px;
	padding: 16px 20px;

}

.btn-div button i {
	margin-right: 3%;
}


@media only screen and (max-device-width: 800px) {
	.top-section-row{
		margin-bottom: 10%;
	}
	
	.renewal-body{
		height: 95%;
		max-width: 90%;
		padding: 5%;
	}

	
	.comp-img-div{
		width: 25%;
	}
	
	.customer-details,.policy-details{
		height: 160px;
	}

	.customer-details,.policy-details{
		font-size: 15px;
	}
	
	
	
	.payment-icons{
		width: 40%;
	}
	
	.payment-icons img{
		width: 50px;
		height: 50px;
	}
	
	.btn-div button{
		width: 60%;
		margin-top: 5%;
	}
}