.booknow{
	width:100%;
	height: 100vh;
	margin-top: 0px;
}
.booknow .bgimg{
	width: 100%;
	height: 100vh;
	content:url("booknow.webp");
}
.booknow .booknow_row{
	display:flex;
	justify-content:space-between;
	width: 90%;
	margin-left: 5%;
	margin-top: -15vh;
}
.booknow .booktitle{
	width: 90%;
	margin-left: 5%;
	font-size: 80px;
	color: #ffffff;
	margin-top: -110vh;
	text-align: center;
}
.booknow .booknow_row .text{
	width: 48%;
	height: 50vh;
	margin-top: 100px;
	text-align: justify;
	color: blue;
	background:linear-gradient(rgba(241, 241, 241, 0.7),rgba(241, 241, 241, 0.7));
}
.booknow .booknow_row .text .title{
	margin-top: 8vh;
	font-size: 30px;
	padding-left: 30px;
	padding-right: 30px;
	color: navy;
}
.booknow .booknow_row .describe{
	margin-top: -10px;
	font-size: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
.booknow .booknow_row .formtext{
	width: 48%;
	height: 50vh;
	margin-top: 100px;
	background:linear-gradient(rgba(241, 241, 241, 0.7),rgba(241, 241, 241, 0.7));
}
.booknow .booknow_row .formtext .fname{
	margin-top: 8vh;
	font-size: 15px;
	margin-left: 30px;
	width: 250px;
	height: 35px;
	background: transparent;
	font-style: bold;
	color: navy;
	border-style: outset;
	border-color:navy ;
}
.booknow .booknow_row .formtext .lname{
	font-size: 15px;
	margin-left: 2px;
	width: 250px;
	height: 35px;
	background: transparent;
	font-style: bold;
	color: navy;
	border-style: outset;
	border-color:navy ;
}
.booknow .booknow_row .formtext .address{
	font-size: 15px;
	margin-top: 5px;
	margin-left: 30px;
	width: 505px;
	height: 35px;
	background: transparent;
	font-style: bold;
	color: navy;
	border-style: outset;
	border-color:navy ;
}
.booknow .booknow_row .formtext .email{
	font-size: 15px;
	margin-top: 5px;
	margin-left: 30px;
	width: 505px;
	height: 35px;
	background: transparent;
	font-style: bold;
	color: navy;
	border-style: outset;
	border-color:navy ;
}
.booknow .booknow_row .formtext .phone{
	font-size: 15px;
	margin-top: 5px;
	margin-left: 30px;
	width: 505px;
	height: 35px;
	background: transparent;
	font-style: bold;
	color: navy;
	border-style: outset;
	border-color:navy ;
}
.booknow .booknow_row .formtext .service{
	font-size: 15px;
	margin-top: 5px;
	margin-left: 30px;
	width: 505px;
	height: 35px;
	background: transparent;
	font-style: bold;
	color: navy;
	border-style: outset;
	border-color:navy ;
}
.booknow .booknow_row .formtext .bookme{
	font-size: 20px;
	margin-top: 5px;
	margin-left: 30px;
	width: 150px;
	background: navy;
	border-radius: 15px;
	color: white;
	border: none;
	transition: 0.5s;
}
.booknow .booknow_row .formtext .bookme:hover{
	margin-left: 35px;
	width: 150px;
	background: blue;
	border-radius: 15px;
}
.booknow .bookspanclass{
	margin-top: 50px;
	width: 90%;
	margin-left: 5%;
}
.booknow .bookspanclass .bookspan{
	color: #ffffff;
	font-size: 50px;
	text-align: center;
}

/* for width<767px*/
@media(max-width:767px){
.booknow{
	height: 60vh;;
}
.booknow .bgimg{
	width: 100%;
	height: 60vh;
}
.booknow .booknow_row{
	margin-top: -15vh;
}
.booknow .booktitle{
	font-size: 40px;
	margin-top: -65vh;
}
.booknow .booknow_row .text{
	height: 30vh;
}
.booknow .booknow_row .text .title{
	margin-top: 4vh;
	font-size: 18px;
	color: navy;
}
.booknow .booknow_row .describe{
	font-size: 15px;
}
.booknow .booknow_row .formtext{
	height: 30vh;
}
.booknow .booknow_row .formtext .fname{
	margin-top: 4vh;
	font-size: 12px;
	margin-left: 30px;
	width: 135px;
	height: 20px;
}
.booknow .booknow_row .formtext .lname{
	margin-top: 4vh;
	font-size: 12px;
	margin-left: 5px;
	width: 135px;
	height: 20px;
}
.booknow .booknow_row .formtext .address{
	margin-top: 4vh;
	font-size: 12px;
	margin-left: 30px;
	width: 280px;
	height: 20px;
	margin-top: 5px;
}
.booknow .booknow_row .formtext .email{
	margin-top: 4vh;
	font-size: 12px;
	margin-left: 30px;
	width: 280px;
	height: 20px;
	margin-top: 5px;
}
.booknow .booknow_row .formtext .phone{
	margin-top: 4vh;
	font-size: 12px;
	margin-left: 30px;
	width: 280px;
	height: 20px;
	margin-top: 5px;
}
.booknow .booknow_row .formtext .service{
	margin-top: 4vh;
	font-size: 12px;
	margin-left: 30px;
	width: 280px;
	height: 20px;
	margin-top: 5px;
}
.booknow .booknow_row .formtext .bookme{
	font-size: 15px;
	margin-top: 10px;
	width: 100px;
}
.booknow .booknow_row .formtext .bookme:hover{
	width: 110px;
}
.booknow .bookspanclass{
	margin-top: 30px;
}
.booknow .bookspanclass .bookspan{
	font-size: 30px;
}
}

/* for width<500px*/
@media(max-width:500px){
	.booknow{
		height: 100vh;;
	}
	.booknow .bgimg{
		height: 90vh;
		content:url("booknowmobile.webp");
	}
	.booknow .booknow_row{
		margin-top: -90px;
		display: block;
		position: absolute;
		background-color:linear-gradient(rgba(241, 241, 241, 0.7),rgba(241, 241, 241, 0.7));
	}
	.booknow .booktitle{
		font-size: 25px;
		margin-top: -90vh;
	}
	.booknow .booknow_row .text{
		height: 30vh;
		width: 100%;
	}
	.booknow .booknow_row .text .title{
		padding-top: 30px;
		font-size: 18px;
		color: navy;
	}
	.booknow .booknow_row .text .describe{
		font-size: 15px;
	}
	.booknow .booknow_row .formtext{
		height: 30vh;
		width: 100%;
		margin-top: 10px;
	}
	.booknow .booknow_row .formtext .fname{
		width: 145px;
	}
	.booknow .booknow_row .formtext .lname{
		width: 145px;
	}
	.booknow .booknow_row .formtext .address{
		width: 300px;
	}
	.booknow .booknow_row .formtext .email{
		width: 300px;
	}
	.booknow .booknow_row .formtext .phone{
		width: 300px;
	}
	.booknow .booknow_row .formtext .service{
		width: 300px;
	}
	.booknow .booknow_row .formtext .bookme{
		width: 80px;
	}
	.booknow .booknow_row .formtext .bookme:hover{
		width: 90px;
	}
	.booknow .bookspanclass{
		margin-top: 30px;
	}
	.booknow .bookspanclass .bookspan{
		font-size: 20px;
		margin-top: 65vh;
	}
	}



	/* for width<380px*/
@media(max-width:380px){
	.booknow .booknow_row .formtext .fname{
		width: 125px;
	}
	.booknow .booknow_row .formtext .lname{
		width: 125px;
	}
	.booknow .booknow_row .formtext .address{
		width: 260px;
	}
	.booknow .booknow_row .formtext .email{
		width: 260px;
	}
	.booknow .booknow_row .formtext .phone{
		width: 260px;
	}
	.booknow .booknow_row .formtext .service{
		width: 260px;
	}
	
	}