.reservationform{width:100%;padding:10px;box-sizing: border-box;}
.tourform{width:49%;float:left;box-sizing: border-box;min-height: 800px;}
.tourformtext{width:49%;float:right;box-sizing: border-box;}
.formin{width:99%;display:block;margin-left:auto;margin-right:auto;box-sizing: border-box;}
.formhead{width:100%;background:rgba(196, 166, 96, 1);box-sizing: border-box;}
.formstep{width:33.33%;float:left;box-sizing: border-box;}
.formstep p{text-align:center;color:#000;font-size: 18px;padding: 10px;font-weight: bold;}
.formstep.actives{background:#484848;}
.formstep.actives p{text-align:center;color:#fff;}
.forminput{width: 100%;margin-top: 20px;}
.forminput span{font-size: 20px;font-weight:bold;}
.forminput select {width: 100%;font-size: 16px;}
.forminput input {width: 100%;font-size: 16px;}
#imgtour img {width:100%;height:auto;}
#noteform p{text-align: center;color: red;font-size: 20px;font-weight: bold;}

#calendar{width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;box-sizing: border-box;margin-top:30px;}
.headercalendar{width:100%;background:rgba(196, 166, 96, 1);box-sizing: border-box;font-size: 20px;font-weight: bold;color: #000;}
.pheadercalendar{min-width:20%;float:left;box-sizing: border-box;padding-left: 5px;cursor: pointer;height: 30px;}
.dheadercalendar{min-width:60%;float:left;box-sizing: border-box;text-align: center;height: 30px;}
.nheadercalendar{min-width:20%;float:right; padding-right: 5px;box-sizing: border-box;text-align: right;cursor: pointer;height: 30px;}
.bodycalendar{width:100%;background:rgba(0, 0, 0, 0.1);box-sizing: border-box;}
.dayscalendar{width:100%;background:rgba(0, 0, 0, 0.3);box-sizing: border-box;}
.daysincalendar{width:14.285714286%;float:left;color:#484848;text-align:center;font-size: 20px;}
.ndayscalendar{width:100%;background:rgba(0, 0, 0, 0.1);box-sizing: border-box;padding-top: 10px;}
.ndaysincalendar{width:14.285714286%;float:left;text-align:center;height:70px;font-size: 20px;box-sizing: border-box;}
.aviabilitydate div{width: 100%;box-sizing: border-box;cursor: pointer;border-radius: 8px;}
.disabledate div{width: 100%;box-sizing: border-box;color:rgba(0,0,0,0.3);padding-top: 20%;}
.selectedday{background:rgba(196, 166, 96, 1);color: #000;}

.textdetailstourstep2 h5 span{font-size:14px;}
.textdetailstourstep3 h2 {padding-top:10px;}
.textdetailstourstep3 .radio label{font-size: 20px;}
.textdetailstourstep3 .radio p{font-weight: bold;font-size: 18px;}
.textdetailstourstep3 h5 span{font-size:14px;}
.checkbox label p{padding-top: 5px;padding-left: 5px;}
.moredetailstour{width:100%;box-sizing: border-box;padding:0px;margin-top: 20px;margin-bottom: 20px;}
.sightstour h4 span{font-size:14px;}
.carphoto{width:50%;float:left;}
.carphoto div{padding:5px;}
.detailstour{width:50%;float:right;}
.detailstour div{padding:5px;}
.detailstour div p{font-size: 20px;}
.form-group{width: 100%;margin-top: 5px;margin-bottom: 5px;}
.form-group label{width: 100%;font-size: 16px;font-weight: bold;}
.form-group select{width: 100%;margin-top: 5px;}
.form-group input{width: 100%;margin-top: 5px;}
.form-group input.sights{width: 20px;height: 20px;margin-top: 5px;}
.form-group textarea{width: 100%;margin-top: 5px;}
.buttonprev{width:45%;float:left;background:rgba(196, 166, 96, 1);font-weight: bold;color: #000;text-align:center;}
.buttonnext{width:45%;float:right;background:rgba(196, 166, 96, 1);font-weight: bold;color: #000;text-align:center;}

@media (max-width: 900px){
#tourform{width:100%;float:unset;}
#tourformtext{width:100%;float:unset;margin-top:20px;}
.aviabilitydate div{font-size: 12px;}
.disabledate div{font-size: 14px;}
.ndaysincalendar{height: 55px;}
}