@media only screen and (min-width:768px) and (max-width: 1200px){
	.elementor-element.booking_sec .elementor-text-editor {
	  padding: 20px 20px;
	}
	.elementor-element.booking_sec {
	  max-width: 600px;
	}
	table.ui-datepicker-calendar td * {
	  height: 24px;
	  width: 24px;
	  line-height: 24px;
	}
	table.ui-datepicker-calendar td {
	  padding: 4px;
	}
	table.ui-datepicker-calendar thead th {
	  padding: 4px;
	}
	.Calendar label:before, .Time .start_time label:before {
	  left: -35px;
	}
	.Calendar, .Time {
	  padding: 8px 10px 7px 41px;
	}
	.date-time-wrap .date-sec input, .date-time-wrap .time-sec input {
	  font-size: 12px;
	}
	.search-data #smartpro_submit,
	.cart_page button.next_checkout,
	button.woocommerce-button.button,
	.form-row .button,
	.reg_check_next,
	.booking_all_val .confirm_book,
	.woocommerce #payment #place_order,
	.add_cart_treat,
	.lost_reset_password .woocommerce-Button.button,
	.start_ovr,
	#ipay88_payment_form input[type="submit"],
	#ipay88_payment_form .button,
	span.close_booking,
	.booking_message a.log_url {
	  min-width: 130px;
	}
	.search-data {
	  width: 135px;
	}
	.date-time-wrap .date-sec{
		width: calc(53% - 68px)
	}
	.date-time-wrap .time-sec {
	  width: calc(47% - 68px);
	}
	#main_room_available .smart-room-tab .room-title {
	  font-size: 35px;
	}
	.prod_button > a {
	  min-width: 130px;
	}
	#main_room_available .prod_cat_sec .room_right_wrapper {
	  flex: 0 0 48%;
	}
	.selected_appint,
	.cart_page,
	.checkout_page,
	.register_form,
	.login_form{
	  padding: 30px 20px;
	}
	#main_room_available .prod_cat_sec .room_left_section {
	  flex: 0 0 50%;
	}
	.woocommerce-order-details .woocommerce-table td:last-child {
	  width: 220px;
	  max-width: 220px;
	}
	ul.woocommerce-order-overview > li:not(:last-child),
	ul.order_details > li:not(:last-child) {
	  margin-right: 10px;
	  padding-right: 10px;
	}
	ul.woocommerce-order-overview strong ,
	ul.order_details strong {
		font-size: 13px;
	}
	ul.woocommerce-order-overview,
	ul.order_details {
	  padding: 20px 0;
	}
	.woocommerce-order-details .woocommerce-table th,
	.woocommerce-order-details .woocommerce-table td {
	  font-size: 13px;
	}
	.room_price_sec p {
	  font-size: 13px;
	}
	.room_price_sec .sel_msg {
	  padding: 3px 10px;
	  font-size: 12px;
	}
}
@media only screen and (min-width:768px) and (max-width: 1023px){
	.elementor-element.booking_sec {
	  max-width: 570px;
	}
	table#dataform {
	  width: 770px;
	}
	.wrap-table {
	  overflow-x: auto;
	  width: 100%;
	}
	table#dataform thead th:last-child {
	  width: 140px !important;
	}
}
@media only screen and (max-width: 767px){
	.elementor-element.booking_sec .elementor-text-editor {
	  padding: 15px 15px;
	}
	.date-time-wrap .date-sec, .date-time-wrap .time-sec {
	  width: 100%;
	  margin: 0 0 7px;
	}
	.search-data {
	  float: left;
	  padding: 0;
	}
	.Calendar label:before, .Time .start_time label:before {
	  left: -38px;
	}
	.Calendar, .Time {
	  padding: 6px 2px 6px 50px;
      border-radius: 5px;
	}
	.date-time-wrap .date-sec input, .date-time-wrap .time-sec input {
	  font-size: 12px;
	}
	#main_room_available .smart-room-tab .room-title {
	  font-size: 30px;
	  margin-bottom: 20px;
	}
	.prod_button > a {
	  width: auto;
	  min-width: 0;
	  padding: 0 13px;
	  line-height: 36px;
	  height: 40px;
	  font-size: 13px;
	}
	.search-data #smartpro_submit,
	.cart_page button.next_checkout,
	button.woocommerce-button.button,
	.form-row .button,
	.reg_check_next,
	.booking_all_val .confirm_book,
	.woocommerce #payment #place_order,
	.add_cart_treat,
	.lost_reset_password .woocommerce-Button.button,
	.start_ovr,
	#ipay88_payment_form input[type="submit"],
	#ipay88_payment_form .button,
	span.close_booking,
	.booking_message a.log_url{
	  height: 40px;
	  padding: 0 10px;
	  min-width: 110px;
	  line-height: 40px;
	  font-size: 13px;
	}
	.ui-timepicker-container {
	  width: 100%!important;
	}
	.select_dropdown_selection.show_cowork_opt {
	  display: block;
    margin: 12px 0;
	}
	.select_dropdown_selection > div {
	  width: 100%;
	  min-height: 42px;
	}
	.selected_appint,
	.cart_page,
	.checkout_page,
	.register_form,
	.login_form {
	  padding: 25px 15px;
	}
	.selected_appint ul > li:first-child,
	.cart_page h2.summry_title,
	.booking_all_val .main_title {
	  margin: 0 0 25px;
	}
	.selected_appint .proc_name > li:not(:first-child),
	.selected_appint .treatment_list .prod_cont {
	  margin: 10px 0 0;
	}
	.booking_all_val .confirm_book, .add_cart_treat {
	  margin: 15px 0 0 auto;
	}
	.cart_page .woocommerce-cart-form td {
	  font-size: 13px;
	}
	.cart_page .woocommerce-cart-form tr .product-subtotal {
	  font-size: 14px;
	}
	.cart_page button.next_checkout {
	  margin-top: 15px;
	}
	.woocommerce-checkout .form-row.form-row-first,
	.woocommerce-checkout .form-row.form-row-last {
	  width: 100%;
	  float: none;
	}
	.booking_top .booking_left {
	  width: 54%;
	  padding-right: 5px;
	}
	.booking_top .booking_right {
	  width: 45%;
	}
	.booking_left span {
	  font-size: 13px;
	}
	.booking_top {
	  padding: 12px 0;
	}
	ul.woocommerce-order-overview ,
	ul.order_details {
	  display: block;
	}
	ul.woocommerce-order-overview > li,
	ul.order_details > li {
	  line-height: 120%;
	}
	ul.woocommerce-order-overview > li:not(:last-child),
	ul.order_details > li:not(:last-child) {
	  margin: 0 0 10px;
	  padding: 0 0 10px;
	  border-width: 0 0 1px;
	  border-color: #8c6239;
	  border-style: dashed;
	}
	ul.woocommerce-order-overview strong,
	ul.order_details strong {
	  float: right;
	  font-size: 13px;
	  line-height: 120%;
	  margin-left: 15px;
	}
	.woocommerce-order-details .woocommerce-table th,
	.woocommerce-order-details .woocommerce-table td {
	  font-size: 13px;
	}
	.woocommerce-order-details .woocommerce-table td:last-child {
	  width: 130px;
	  max-width: 130px;
	  text-align: right;
	}
	.woocommerce-order-details .woocommerce-table thead th:last-child {
	  text-align: right;
	}
	.woocommerce-order-received table {
	  margin-top: 20px;
	}
	span.close_booking {
	  height: 35px;
	  width: 35px;
	  min-width: 0;
	  margin: 7px;
	  border-radius: 50%;
	  background: #8c6239 !important;
	  right: 0;
	  top: 0;
	  font-size: 0;
	  transform: none;
	  z-index: 99;
	}
	span.close_booking:before, span.close_booking:after {
	  content: "";
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  background: #fff;
	  width: 2px;
	  height: 18px;
	  transform: rotate(45deg);
	  border-radius: 5px;
	  margin: auto;
	}
	span.close_booking:after {
	  transform: rotate(-45deg);
	}
	.date-time-wrap {
	  position: relative;
	  z-index: 1;
	  padding-right: 40px;
	}
	.room_price_sec p {
	  line-height: 100%;
	}
	span.price_desc {
	  margin-top: 4px;
	}
	#main_room_available .smart-room-tab .room-title span {
	  margin-top: -3px;
	}
	.prod_button {
	  margin-top: 15px;
	}
	.selected_appint .treatment_list .prod_cont .prod_price {
	  min-width: 70px;
	}
	table#dataform {
	  width: 770px;
	}
	.wrap-table {
	  overflow-x: auto;
	  width: 100%;
	}
	table#dataform thead th:last-child {
	  width: 140px !important;
	}
	.dataTables_length select {
	  width: 50px;
	  margin: 0 3px;
	}
	.dataTables_length label, .dataTables_filter label, .dataTables_info, .dataTables_paginate {
	  font-size: 12px;
	}
	#dataform_filter input[type="search"] {
	  padding: 0 10px;
	  width: 130px;
	  margin-left: 5px;
	}
	.dataTables_info {
	  line-height: 26px;
	}
	.all-details .appoint-data {
	  font-size: 13px;
	}
	.booking_details .left ,.booking_details .right {
	  width: 100%;
	  float: none !important;
	}
}