.booking-form { float:left; width:100%; margin:0; padding:0px;}
.bkmain { float: left; font-family: sans-serif; font-size: 16px; width: 100%;}
table{border-collapse:collapse;margin:0 0 0 0;}
.bkcalendar{display:inline-block;width:100%;background-color:#f2f2f2;border-radius:10px;padding:10px 20px 10px 20px;}
.bkheader{text-align:center;}
.bktable{width:100%;}
.bktable td, th{width:40px;height:38px;padding:0 7px 2px 7px;;text-align:center;}
.bktable th{margin:0 0 0 0;padding:0 0 0 0;}
.bkavailable{cursor:pointer;color:white;width:30px;height:25px;background-color:#3c3c3b;border-radius:5px;text-align:center;font-weight:bold; line-height:26px;}
.bkunavailable{cursor:not-allowed;color:white;width:30px;height:25px;background-color:#bcbec0;border-radius:5px;text-align:center;font-weight:bold;line-height:26px;}
.bkblank{cursor:not-allowed;width:30px;height:25px;color:#f2f2f2;}
.bkselected{cursor:pointer;color:white;width:30px;height:25px;background-color:#0c5da9;border-radius:5px;text-align:center;font-weight:bold; line-height:26px;}
.bktime{display:inline-block;font-size:9pt;vertical-align:top; line-height: 25px;}
.bktitle{font-weight:bold;}
/*.bkform{display:inline-block;width:720px;vertical-align:top;margin-left:30px;}*/





.bkfield_1 { float:left; width:100%;}
.bkfield_left { float:left; width:20%;}
.bkfield_right { float: right; width:78%;}
.bkfield.addres { float: left; width:100%;}
.town {float: left; width:100%;}
.town.bkfield_left { float:left; width:30%;}
.town.bkfield_right { float:right; width:68%;}
.bkfield.telephone {float: left; width:100%;}
.bkfield.email {float: left; width:100%;}
.bkfield.details  {float: left; width:100%;}
.bkfield.details textarea {float: left; width:100%;  border: 1px solid gray;}


.bkdate{font-size:80pt; line-height:100px;}

.bkmonth {
    float: left;
    font-size: 16pt;
    width: 100%;
}
.bkbook{font-size:14pt;color: #bf1e2e;font-weight:bold;}
.bkavail{width:20px;height:20px;background-color:#749ec7;border-radius:5px;}
.bkunavail{width:20px;height:20px;background-color:#d8d8d8;border-radius:5px;margin:15px 0 5px 0;}
.bkborder{border-top:1px solid black;border-bottom:1px solid black;}
.bkline{margin:-5px 0 -5px 5px;}

.form-left {
    float: left;
    width: 34%;
}
.form-right { float:right; width:62%;}
.form-text { float:left; width:100%; margin:0px; padding:0px;}
.form-text h1 { padding:0px;}
.form-right-form {float:left; width:100%; margin:0px; padding:0px;}
.bkform { float:left; width:100%; margin:0px; padding:0px;}
.bkresults{width:20%;min-height:370px;background-color:#0c5da9;float:right;color:white;text-align:center;border-radius:10px; font-weight:bold;padding:4px 5px 4px 5px;}
.bkcontact{float:left; width:78%;}

.bkfield.bkfield-full {
    float: left;
    width: 100%; margin:0px;
}

.bkfield.bkfield.address { float: left; width:100%; margin:0px;}
.bkfield {
    float: left;
    margin: 0px 20px 0px 0;
    width: 46%; padding:0 0 10px;
}
.bkfield.bkfield-full textarea { width:95%; float:left; padding:0 5px;padding:4px 5px; font-size:15px; font-weight: normal; color:#000;  border-radius:5px; border:0px;border: 1px solid gray;}
.bkfield label { float:left; width:35%; padding-bottom:8px; color:#444;}
.bkfield input {float: right;width: 62%; padding:4px 0px; font-size:15px; font-weight: normal; color:#000;  border-radius:5px;}
.bkcontact input {border:1px solid gray;  border-radius:5px; width:100%;padding:2px 5px; font-size:15px; font-weight: normal; color:#000;  border-radius:5px;}



.bkfield.bkfield-full label {
    float: left;
    width: auto;
}

.bkfield.bkfield.address label { width:100%;} 
.bkfield.bkfield.address input { width:96%; float:left;}


#bkday {
    text-align: center; display:inline-block;padding:10px 0;
  border-bottom:1px solid #d5d5d5;
}

#bkday-text {
    float: left;
    font-size: 15px;
    padding: 10px 10px 15px;
    text-align: center;
    width: 100%; font-weight:normal;
}

.sumbit-btn { float: left; width: 100%;}
.sumbit-btn input { border:0px; border-radius:5px; padding:1px 15px; font-size:14px; line-height:22px;}
.sumbit-btn input:hover { background:#43aae0; color:#fff; cursor:pointer;}
.bktime  span { color:#444;}
#bkresults span { color:#fff;    width: 100%;    padding: 15px 0;}

@media only screen and ( max-width:1100px) {
.bkfield label,.bkfield,.bkfield.bkfield.address input,.bkfield.bkfield-full textarea { margin:0px; width:100%;}
.form-left { width:44%;}
.form-right { width:53%;}
.bkcontact { width:72%;}
.bkresults { width:28%;}
.bkdate {
    display: inline-block;
    font-size: 50px; line-height:inherit;
    width: 100%;
}
.bkfield { width:41%; margin:0 20px 0 0;}
.bkfield.bkfield.address,.bkfield.bkfield-full { width:90%; margin:0 20px 0 0;}
.bkresults { min-height:auto; padding:15px 0;}
}

@media only screen and ( max-width:768px) {
.bkcontact { width:70%;}
.form-left,.form-right { width:100%; float:none; display:inline-block;}
.bkfield { padding-bottom:5px;}
.bkresults {
    float: none;
    overflow: hidden;
    width: auto;
}
.bkfield.bkfield.address, .bkfield.bkfield-full { width:90%; margin:0px;}
}

@media only screen and ( max-width:420px) {
.bkcontact { width: auto; float:none; display:inline-block;margin-left: 20px;}
.bkcalendar { padding:10px 0;}
.bkunavailable { width:25px;}

}