/* .booking-form{
	position: static;
    <!-- margin-top: 30%;  -->
    margin-bottom: 28%;
    width: 27%;
     margin-left: auto;
    margin-right: auto;  
	padding-top: 30%;
}

.booking-widget-input{
	    padding-top: 4.2%;
    padding-right: 3%;
}*/

.left-pan{
	background-image: url(../images/test.jpg);
    height: 791px;
    /*  position: absolute;   */
    width: 98.5%;
    padding-bottom: 7%;
}

.booking-form-input{
	width: 95%;
    height: 45px;
	border: #0000;
    text-align: center;
}

.right-top{ 
	background-image: url(../images/test2.jpg);
} 




.booking-widget{
  /* background-color: #dededed1; */
  background-color: rgba(222,222,222,0.8);
  position: absolute;
  bottom: 0;
  z-index: 30;
}
.bw-col-01,
.bw-col-02,
.bw-col-03{
  position: absolute;
}
.booking-widget-input{
    padding-top: 2.7%;
    padding-right: 3%;
}
.booking-widget-input label{
  position: absolute;
  color: #4a4a4a;
  font-family: 'Raleway', sans-serif;
  font-size: 1.1vw;
  font-weight: 500;
  padding-left: 15px;
  width: 100%
}
.booking-widget-input input{
  position: relative;
  /*width: 85%;*/
  color: #4a4a4a;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 35px;
  font-weight: 500;
  background: transparent;
  border: none;
  outline: transparent;
  cursor: pointer;
  width: 100%;
}
#noOfguest{
  width: 27%;
}
.vertical-line {
  border-right: thick solid #606060;
  border-width: 1.5px;
  padding-bottom: 3.8vw;
}
.book-now{
 /*  background-color: #cd2f2fd9; */
 background-color:rgba(205,47,47,0.8);
  width: 178px;
  height: 159px;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  z-index: 5;
  outline: none;
}
.book-now-text{
  position: absolute;
  top: 28%;
  left: 9%;
  color: white;
  font-family: 'Raleway', sans-serif;
  font-size: 1.4vW;
  font-weight: 500;

  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.book-now:hover .book-now-text,
.book-now:focus .book-now-text{
  transform: translate(10px);
}


/*Mobile - Start -*/
/* @media only screen  and (max-width:400px) and (min-width: 350px) */
@media only screen  and (max-width:767px){
	.left-pan{
		height: 389px; 
		width: 100%;
	}
	
	.booking-widget-input label{
		font-size: 14px; 
		padding-left: 5px;
	}
	
	.book-now-text{
		top: -16% !important;
		left: 34% !important;
		font-size: 20px;
	}
	
	.mob-pos{
		padding-top: 7% !important;
	}
	
	.booking-widget-input input{
		font-size: 21px;
	} 
}

/*Mobile - End*/


/*Tab - Start*/

@media only screen and (max-width: 999px) and (min-width: 421px){ 
	.left-pan{
		width:100%;
	}
	
	.mob-pos{
		padding-top: 2% !important;
	}
	
	.booking-widget-input label{
		font-size: 20px;
	}
	
	.book-now-text{
		top: 23%;
		left: 17%;
		font-size: 24px;
	}

}
/*Tab - End*/

@media (max-width: 350px){
	.booking-widget-input input {
		font-size: 18px;
	}
	
	.booking-widget-input input {
		font-size: 19px !important;
	}
}