body {
    background: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
    font-family: "Poppins", Helvetica, sans-serif;
    color: #444;
}
.ReservationSec{
    /*padding: 50px 0;*/
	  padding: 50px 0;
	  background: #f7f7f7;
	  border: 1px solid #ddd;
}
.help-inline {
    display: inline-block;
    padding-left: 5px;
    color: #464343;
    font-weight: 600;
    font-size: 17px;
    background: #e3e3e3;
    top: 5px;
    position: relative;
    margin-left: 12px;
    padding: 4px 19px;
}
.reservationbox {
   /* padding: 34px 40px;
    background: #f7f7f7;
    border: 1px solid #ddd;*/
	padding: 34px 40px;
  	background: #f7f7f7;
}

label {
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 14px;
}
h3 {
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 2px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #ff661c;
}
.form-label {
    /*margin-bottom: .5rem;
    margin-left: 13px;*/
	font-weight: 500;
    margin-bottom: 0px;
    font-size: 14px;
}
.ReservationInp{
			width: 100%;
		}
		
		#events
		{
		   width : 142%;
		}
		$persons
		{
		   width : 355%;
		}
select::-ms-expand { display: none; } 


_:-o-prefocus, .selector {
  .styled-select { background: none; }
  }
  @media screen and (max-width > 700px)
  {
		
  }
.mtreservation{
    margin-top: 15px;
}
input.form-check-input {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 16px;
}
input.option {
    margin-top: -2px;
}
.clsres
{
   margin-left: -15px !important;
}

button.SubBtn {
    background: #ff661c;
    color: #fff;
    border: 1px solid #d24a08;
    padding: 5px 30px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 5px;
}

button.SubBtn:hover {
    background: #d24a08;
}
.input-textarea {
    width: 100%;
    height: 107px;
}

textarea {
  width: 100% !important;
  height: 150px !important;
  padding: 12px 20px  !important;
  box-sizing: border-box !important;
  border: 2px solid #ccc !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  font-size: 16px !important;
  resize: none !important;
}

@media screen and (max-width: 360px) and (max-height: 760px) {
		 .input-group {
   			 width: 180% !important;
			 margin-left: -60px;
 		 }
		  select {
    			width: 236px !important;
				margin-left: -60px !important;
		}
		.clsinparty {
   			width: 181% !important;
			margin-left: -60px !important;
		}
		.ReservationInp {
   			 width: 101% !important;
  		}
		 .clsdate {
   			 width: 181% !important;
			 margin-left: -60px !important;
		}
		label {
		  font-weight: 500 !important;
		  margin-bottom: 0px !important;
		  font-size: 14px !important;
		  margin-left: -49%;
		}
		h3 {
			font-size: 13px;
			}
		.clsres {
		margin-left: -35px !important;
		}
		.noguests
		{
			font-size: 11px;
		}
		.resyourtable
		{
		   font-size: 11px;
		}
}

@media screen and (max-width: 360px) and (max-height: 800px) {
		 .input-group {
   			 width: 180% !important;
			 margin-left: -60px;
 		 }
		  select {
    			width: 236px !important;
				margin-left: -60px !important;
		}
		.clsinparty {
   			width: 181% !important;
			margin-left: -60px !important;
		}
		.ReservationInp {
   			 width: 101% !important;
  		}
		 .clsdate {
   			 width: 181% !important;
			 margin-left: -60px !important;
		}
		label {
		  font-weight: 500 !important;
		  margin-bottom: 0px !important;
		  font-size: 14px !important;
		  margin-left: -49%;
		}
		h3 {
			font-size: 13px;
			}
		.clsres {
		margin-left: -35px !important;
		}
		.noguests
		{
			font-size: 11px;
		}
		.resyourtable
		{
		   font-size: 11px;
		}
}

/* @media screen and (min-width: 375px) and (max-height: 667px) {
		 .input-group {
   			 width: 163% !important;
 		 }
		 select {
    			width: 237px !important;
				
		}
		.clsinparty {
   			width: 163% !important;
		}
		.ReservationInp {
   			 width: 100% !important;
  		}
		 .clsdate {
   			 width: 163% !important;
		}
} */

@media screen and (max-width: 384px) and (max-height: 854px) {

 		.input-group {
   			 width: 154% !important;
			 margin-left: -60px;
 		 }
}

@media screen and (max-width: 390px) and (max-height: 854px) {
		 .input-group {
   			 width: 150%;
			 margin-left: -60px;
 		 }
		  select {
    			width: 236px !important;
				margin-left: -60px !important;
		}
		.clsinparty {
   			width: 154% !important;
  			margin-left: -58px !important;
		}
		.ReservationInp {
   			width: 90% !important;
  		}
		 .clsdate {
   			 width: 154% !important;
			 margin-left: -60px !important;
		}
		#time
		{
			 width: 154% !important;
			 margin-left: 0px !important;
		}
		label {
		  font-weight: 500 !important;
		  margin-bottom: 0px !important;
		  font-size: 14px !important;
		  margin-left: -38%;
		}
		h3 {
			font-size: 13px;
			}
		.clsres {
		margin-left: -35px !important;
		}
		.noguests
		{
			font-size: 11px;
		}
		.resyourtable
		{
		   font-size: 11px;
		}
		#events {
		  width: 142%;
		}
		textarea
		{
		    width: 50%;
		}
}



/* @media screen and (max-width: 414px) {
  select {
    width: 284px;
  	margin-left: -60px;
  }
  .input-group {
	  position: relative;
	  display: flex;
	  flex-wrap: wrap;
	  align-items: stretch;
	  width: 155%;
	  margin-left: -61px;
	 }
	 label {
	  font-weight: 500;
	  margin-bottom: 0px;
	  font-size: 14px;
	  margin-left: -59px;
	}
	h3 {
  		font-size: 13px;
		}
	.clsres {
  	margin-left: -35px !important;
	}
	.noguests
	{
		font-size: 11px;
	}
	.clsinparty
	{
		width: 155%;
		margin-left: -60px;
	}
	.clsdate
	{
		width: 171%;
		margin-left: -60px;
	}
	.resyourtable
	{
	   font-size: 11px;
	}
	.ReservationInp {
	  width: 155%;
	}
}

@media screen and (max-width: 390px) {
  select {
    width: 248px;
  	margin-left: -60px;
  }
  .input-group {
	  position: relative;
	  display: flex;
	  flex-wrap: wrap;
	  align-items: stretch;
	  width: 155%;
	  margin-left: -61px;
	 }
	 label {
	  font-weight: 500;
	  margin-bottom: 0px;
	  font-size: 14px;
	  margin-left: -59px;
	}
	h3 {
  		font-size: 13px;
		}
	.clsres {
  	margin-left: -35px !important;
	}
	.noguests
	{
		font-size: 11px;
	}
	.clsinparty
	{
		width: 155%;
		margin-left: -60px;
	}
	.clsdate
	{
		width: 171%;
		margin-left: -60px;
	}
	.resyourtable
	{
	   font-size: 11px;
	}
	.ReservationInp {
	  width: 155%;
	}
}

@media screen and (min-width: 428px) and (max-height: 926px) {
  select {
    width: 304px !important;
  	margin-left: -60px !important;
  }
  .input-group {
	  position: relative;
	  display: flex;
	  flex-wrap: wrap;
	  align-items: stretch;
	  width: 155%;
	  margin-left: -61px;
	 }
	 label {
	  font-weight: 500;
	  margin-bottom: 0px;
	  font-size: 14px;
	  margin-left: -59px;
	}
	h3 {
  		font-size: 13px;
		}
	.clsres {
  	margin-left: -35px !important;
	}
	.noguests
	{
		font-size: 11px;
	}
	.clsinparty
	{
		width: 155%;
		margin-left: -60px;
	}
	.clsdate
	{
		width: 171%;
		margin-left: -60px;
	}
	.resyourtable
	{
	   font-size: 11px;
	}
	.ReservationInp {
	  width: 155%;
	}
}*/
@media screen and (min-width: 800px)  {
	select
	{
	    width : 364px;
	}
	#date
	{
		width : 364px;
	}
}
@media screen and (min-width: 800px) and  (max-height: 1280px) {
  .ReservationInp {
    /*margin-left: 48px;
    width: 67%;*/
   }
}
@media screen and (min-width: 412px) and (max-width: 471px) and (max-height: 915px) {
  select {
    width: 284px;
  	margin-left: -60px;
  }
  .input-group {
	  position: relative;
	  display: flex;
	  flex-wrap: wrap;
	  align-items: stretch;
	  width: 155%;
	  margin-left: -61px;
	 }
	 label {
	  font-weight: 500;
	  margin-bottom: 0px;
	  font-size: 14px;
	  margin-left: -33%;
	}
	h3 {
  		font-size: 13px;
		}
	.clsres {
  		margin-left: -35px !important;
	}
	.noguests
	{
		font-size: 11px;
	}
	.clsinparty
	{
		width: 155%;
		margin-left: -60px;
	}
	.clsdate
	{
		width: 171%;
		margin-left: -60px;
	}
	.resyourtable
	{
	   font-size: 11px;
	}
	.ReservationInp {
		margin-left: -5px;
    	width: 102%;
	}
	.ReservationDate
	{
		margin-left: -60px;
    	width: 154%;
	}
}


@media screen and (min-width: 428px) and (min-height: 916px) {
  select {
    width: 284px;
  	margin-left: -60px;
  }
  .input-group {
	  position: relative;
	  display: flex;
	  flex-wrap: wrap;
	  align-items: stretch;
	  width: 145%;
	  margin-left: -61px;
	 }
	 label {
	  font-weight: 500;
	  margin-bottom: 0px;
	  font-size: 14px;
	  margin-left: -33%;
	}
	h3 {
  		font-size: 13px;
		}
	.clsres {
  		margin-left: -35px !important;
	}
	.noguests
	{
		font-size: 11px;
	}
	.clsinparty
	{
		width: 155%;
		margin-left: -60px;
	}
	.clsdate
	{
		width: 171%;
		margin-left: -60px;
	}
	.resyourtable
	{
	   font-size: 11px;
	}
	.ReservationInp {
		margin-left: -5px;
    	width: 102%;
	}
	.ReservationDate
	{
		margin-left: -60px;
    	width: 154%;
	}
}