.box-q {
    padding: 30px;
    background: #fff;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    box-shadow: 2px 1px 20px -7px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 2px 1px 20px -7px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 1px 20px -7px rgba(0, 0, 0, 0.25);
    min-height: 350px;
}


/*********************************/

.q-content {}

.q-content .top {
    font: 38px/35px 'THSarabunNewRegular', Arial, sans-serif;
    color: #040404;
}

.q-content .mid {
    margin-top: 45px;
}

.q-content .d-select {}

.q-content .d-select .title {
    padding: 10px 0;
    font: 34px/34px 'THSarabunNewRegular', Arial, sans-serif;
}

.q-content .d-select .title {}

.q-content .d-select select {
    width: 425px;
    /* padding: 10px 4px; */
    padding-left: 9px;
    /* background: #D9D9D9 url(../images/down.png) 98% 50% no-repeat; */
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: auto;
    /* font: 34px/34px 'THSarabunNewRegular', Arial, sans-serif; */
    box-shadow: 2px 1px 7px -2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 1px 7px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 1px 7px -2px rgba(0, 0, 0, 0.3);
}

.q-content input[type=text] {
    /* width:425px;
	  height:56px;
	  padding-left:9px;
	  background:#fff url(../images/calendar.png) 98% 50% no-repeat;
	  
	  display: inline-block;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  box-sizing: border-box;
	  font-size:16px;
	  
  	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	
		font: 34px/34px 'THSarabunNewRegular', Arial, sans-serif;
		
		box-shadow: 2px 1px 7px -2px rgba(0,0,0,0.3);
		-webkit-box-shadow: 2px 1px 7px -2px rgba(0,0,0,0.3);
		-moz-box-shadow: 2px 1px 7px -2px rgba(0,0,0,0.3);*/
}


/********************************/

.calendar-box {}

.calendar-box .calendar-top {
    font: 38px/35px 'THSarabunNewRegular', Arial, sans-serif;
    color: #040404;
}


/*****************************/

.book-status {
    background: #F1F1F1;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

.book-status .status-top {
    font: 31px/31px 'THSarabunNewRegular', Arial, sans-serif;
    color: #040404;
}

.book-status .status-date {
    font: 31px/31px 'THSarabunNewRegular', Arial, sans-serif;
    color: #040404;
}

.book-status .status-box {
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.book-status .green-box {
    border: #6FBF13 3px solid;
}

.book-status .pink-box {
    border: #E598D8 3px solid;
}

.book-status .morning {}

.book-status .morning .m-top {
    /* padding-left: 30px; */
    /* font: 29px/29px 'THSarabunNewRegular', Arial, sans-serif; */
    font: 29px/40px 'THSarabunNewRegular', Arial, sans-serif;
    background: url(../images/booking/green.png) 0 2px no-repeat;
}

.book-status .morning .time-w {
    color: #040404;
    font: 22px/30px 'THSarabunNewRegular', Arial, sans-serif;
}

.book-status .morning .free {
    font: 68px/68px 'THSarabunNewRegular', Arial, sans-serif;
    color: #279700;
    text-align: center;
}

.book-status .morning .free-book {
    background: #279700;
    font: 35px/35px 'THSarabunNewRegular', Arial, sans-serif;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}

.book-status .morning .free-book a {
    display: block;
    padding: 10px 0;
    color: #fff;
}

.book-status .afternoon {}

.book-status .afternoon .m-top {
    /* padding-left: 30px; */
    /* font: 29px/29px 'THSarabunNewRegular', Arial, sans-serif; */
    font: 29px/40px 'THSarabunNewRegular', Arial, sans-serif;
    background: url(../images/booking/pink.png) 0 2px no-repeat;
}

.book-status .afternoon .time-w {
    color: #040404;
    font: 22px/30px 'THSarabunNewRegular', Arial, sans-serif;
}

.book-status .afternoon .free {
    font: 68px/68px 'THSarabunNewRegular', Arial, sans-serif;
    color: #E598D8;
    text-align: center;
}

.book-status .afternoon .free-book {
    background: #E598D8;
    font: 35px/35px 'THSarabunNewRegular', Arial, sans-serif;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}

.book-status .afternoon .free-book a {
    display: block;
    padding: 10px 0;
    color: #fff;
}

.book-status .morning .q-full,
.book-status .afternoon .q-full {
    color: #949494;
}

.book-status .morning .btn-full,
.book-status .afternoon .btn-full {
    color: #D6D6D6;
    background: #949494;
    padding: 10px 0;
}

select.form-control {
    height: auto !important;
}


/*****************************/

.q-pakad {
    color: #000000;
    font: 24px/30px 'THSarabunNewRegular', Arial, sans-serif;
}


/*****************************/

@media (max-width: 374px) {
    .box-q {
        padding: 10px;
        padding-top: 10px;
    }

    .q-content .top {
        padding-top: 15px;
        font: 25px/20px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .q-content .mid {
        margin-top: 15px;
    }

    .q-content .d-select .title {
        padding: 5px 0;
        font: 25px/23px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .q-content .d-select select {
        padding: 10px 4px;
        font: 22px/22px 'THSarabunNewRegular', Arial, sans-serif;
        width: 100%;
    }

    /*.q-content input[type=text] {
        font: 22px/22px 'THSarabunNewRegular', Arial, sans-serif;
        width: 100%;
        height: 44px;
    }*/
    .calendar-39-1 {
        padding: 0px;
    }

    .calendar-box .calendar-top {
        font: 25px/35px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .book-status .status-top {
        font: 22px/30px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .book-status .status-date {
        font: 22px/30px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .book-status .morning .free {
        font: 57px/57px 'THSarabunNewRegular', Arial, sans-serif;
    }
}

@media (min-width: 375px) and (max-width: 419px) {
    .box-q {
        padding: 10px;
        padding-top: 10px;
    }

    .q-content .top {
        padding-top: 15px;
        font: 25px/20px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .q-content .mid {
        margin-top: 15px;
    }

    .q-content .d-select .title {
        padding: 5px 0;
        font: 25px/23px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .q-content .d-select select {
        padding: 10px 4px;
        font: 22px/22px 'THSarabunNewRegular', Arial, sans-serif;
        width: 100%;
    }

    /*.q-content input[type=text] {
        font: 22px/22px 'THSarabunNewRegular', Arial, sans-serif;
        width: 100%;
        height: 44px;
    }*/
    .calendar-39-1 {
        padding: 0px;
    }

    .calendar-box .calendar-top {
        font: 25px/35px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .book-status .status-top {
        font: 22px/30px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .book-status .status-date {
        font: 22px/30px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .book-status .morning .free {
        font: 57px/57px 'THSarabunNewRegular', Arial, sans-serif;
    }
}

@media (min-width: 420px) and (max-width: 575px) {
    .box-q {
        padding: 10px;
        padding-top: 15px;
    }

    .q-content .top {
        padding-top: 15px;
        font: 25px/20px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .q-content .mid {
        margin-top: 10px;
    }

    .q-content .d-select .title {
        padding: 5px 0;
        font: 25px/23px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .q-content .d-select select {
        padding: 10px 4px;
        font: 22px/22px 'THSarabunNewRegular', Arial, sans-serif;
        width: 100%;
    }

    /*.q-content input[type=text] {
        font: 22px/22px 'THSarabunNewRegular', Arial, sans-serif;
        width: 100%;
        height: 44px;
    }*/
    .calendar-39-1 {
        padding: 0px;
    }

    .calendar-box .calendar-top {
        font: 25px/35px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .book-status .status-top {
        font: 22px/30px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .book-status .status-date {
        font: 22px/30px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .book-status .morning .free {
        font: 57px/57px 'THSarabunNewRegular', Arial, sans-serif;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .box-q {
        padding: 10px;
        padding-top: 15px;
    }

    .q-content .d-select select {
        width: 100%;
    }

    /*.q-content input[type=text] {
        width: 100%;
    }*/
    .calendar-39-1 {
        padding: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) and (max-width: 1280px) {}

@media (min-width: 1281px) and (max-width: 1366px) {
    .q-content .d-select .title {
        font: 28px/34px 'THSarabunNewRegular', Arial, sans-serif;
    }

    .q-content .d-select select {
        font: 28px/34px 'THSarabunNewRegular', Arial, sans-serif;
    }

    /*.q-content input[type=text] {
        font: 28px/34px 'THSarabunNewRegular', Arial, sans-serif;
    }*/
}

@media (min-width: 1367px) and (max-width: 1440px) {}

@media (min-width: 1441px) and (max-width: 1600px) {}