.page .detail_page .detail_data .book_btn .book_table_default,.page .detail_page .detail_data .book_btn .book_table{width:125px;}
.bookform .modal-content {
    text-align: center;
    padding:20px;
}
#tour_sel select.input-sm {
    margin: 0 auto;
    text-align: center;
}
#tour_sel select.input-sm.error {
    border: 1px solid red;
}

*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
input.error,select.error {
    border: 1px solid red !important;
}
.tourbookpopup{ color:#fff;height:450px;overflow:auto;width:100%;}
.bookingconfirm{word-wrap: break-word;}
.bookingconfirm .bookstatus{color:#1D8A2A;}
.bookingconfirm .voucherlink{color: #1863DC;}
.poi-data {
    clear:both;
    display: inline-block;
    width: 35%;
    height: auto;
    margin: 0;
}
.poi-data .image {
    /* height: 100%; */
    width: 100%;
}
#alert{
margin:10px;color:red;
}
.details_for {
    border-bottom: 1px solid #ccc;
    font-size: 1.5em;
    margin: 10px;
}
.keepright{text-align:right;}
.book_dates {
    border: 1px solid #ccc;
    margin: 10px;
    padding: 10px;
    text-align: left;
    border-radius:5px;
    width:90%;
    display:inline-block;
}
.book_it{float:right;}
.book_details {
    float: left;
    width: 100%;
}

/***** detail popup ***/
#booking_data .modal-title {
    color: #17174e;
    font-size: 20px;
    font-weight: normal;
}
#booking_data .control-label {
    color: #898585;
    font-size: 15px;
    font-weight: normal;
}
label {
    display: inline-block;
    margin-bottom: 5px;
    max-width: 100%;
    text-align:left;
    clear:both;
    font-family: "MuseoSansRounded-700",sans-serif;
    font-weight:normal;
    width: 200px;
}
#booking_data #reservation_contact, #booking_data #reservation_date, #booking_data #reservation_email, #booking_data #reservation_first_name, #booking_data #reservation_last_name,#booking_data #people_size, #booking_data #time_session,#booking_data select,#cancel_reservation_popup #email, #cancel_reservation_popup #mobile, #cancel_reservation_popup #reservation_id {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    height: 35px;
    padding: 0 10px;
    width:100%;
}
.modal-body .row{
    margin:5px 0;
}
.add_border {
    border: 1px solid #f9f9f9;
}
#booking_data .select_people_size {
    background: #ddd url("../images/blue_dropdown.png") no-repeat scroll 97% center / 6% auto;
    width: 100%;
}

#booking_data .select_sesssion {
    background: #ddd url("../images/blue_dropdown.png") no-repeat scroll 91% center / 15% auto;
    width: 100%;
}
#booking_data {
    text-align: left;
}
.modal-body {
    border-top: 1px solid #d0d0d0;
    margin: 0 40px;
}

.modal-body {
    padding: 15px;
    position: relative;
}
#booking_data .submit, #cancel_reservation, .onlyfree, .plan_results .recomended_category_poi .events_date b {
    float: right;
}
#booking_data #check-availaibility, #booking_data #submit-booking {
    background: #001e62 none repeat scroll 0 0;
}
.modal-footer, .modal-header {
    border: 0 none;
    padding: 15px 50px 5px;
    border-bottom:1px solid #ccc;
}
.modal-header .close.closeModalbtn{
    color:#fff !important;
    font-size:18px;
    opacity:1;
    font-weight:normal;
    padding-left:15px;
    outline:none;
}

hr {
    margin-bottom: 10px;
    margin-top: 10px;
}

select, select:-moz-focusring, select::-moz-focus-inner {
    border: 0 none;
    color: transparent !important;
    outline: 0 none;
    text-shadow: 0 0 0 #000 !important;
}
.shadow_text {
    color: red;
}
.modal .row {
    margin-bottom: 15px;
}
.time_link {
    cursor: pointer;
    display: inline-block;
    margin: 1%;
    padding: 2%;
}
.time_link {
    cursor: pointer;
    color:#333333;
}
.book_seat{

}
.selected_time {
    background: #001e62 none repeat scroll 0 0;
    color: #fff;
    font-weight: normal;
    padding: 2%;
}

.error_in_field {
    border: 1px solid red;
}
#cancel_reservation_popup {
    border-radius: 6px;
    text-align: left;
}
#cancel_reservation_popup .modal-title {
    color: #102146;
    font-size: 26px;
}
#cancel_reservation_popup {
    text-align: left;
}

.add_border {
    border: 1px solid #f9f9f9;
}
#cancel_reservation {
    background: #001e62 none repeat scroll 0 0;
}
#booking_data .submit, #cancel_reservation, .onlyfree, .plan_results .recomended_category_poi .events_date b {
    float: right;
}
.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
.btn {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}
#cancel_reservation_popup .modal-title {
    color: #17174e;
    font-size: 20px;
    font-weight: normal;
}
#cancel_reservation_popup .control-label {
    color: #898585;
    font-size: 15px;
    font-weight: normal;
}
.success_message {
    color: green;
}
.error_message{color:red;}
/*Detail Page end*/

/*****************************tourbooking******************************/
#tourbook select, #tourbook select:-moz-focusring, #tourbook select::-moz-focus-inner{border:1px solid #ccc;}
.modal-content{box-shadow:none !important;border:1px solid #ccc;margin-top:10px;}
#bookModal .modal-dialog,#bookRespModal .modal-dialog,#bookReviewModal .modal-dialog,#bookPaymentModal .modal-dialog{width:100%;}
.input,.select {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    height: 35px;
    background:transparent;
    padding:0 10px;
    color: #fff !important;
    margin-top: 5px;
    background: rgba(0, 0, 0, 0.5);
}

#bookModal .modal-header .close.closeModalbtn::before,#bookReviewModal .modal-header .close.closeModalbtn::before,#bookRespModal .modal-header .close.closeModalbtn::before,#bookPaymentModal .modal-header .close.closeModalbtn::before{
    background-position: -26px -60px;
    background-size: 130px auto;
    height: 24px;
    margin-left: -20px;
    margin-top: -2px;
    width: 15px;
}
#tour_date{
    width: 250px;
}
.ageBandSelect {
    display: inline-block;
    vertical-align: top;
}
.ageBand{
    width: 125px;
}
.ageBandLabel {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: left;
    vertical-align: top;
    min-width: 150px;
    width:auto;
}
.peopleGroup {
    display: inline-block;
    width: 375px;
    vertical-align:top;
}
.selectTitle {
    display: inline-block;
    width: 75px;
    vertical-align:top;
}
.groupInput {
    display: inline-block;
    width: 110px;
}
.input.travelname {
    width: 167px;
    margin-left: 20px;
}
.groupInput {
    display: inline-block;
    width: 170px;
}
.con_detail_header,.cred_card_detail{font-size:22px;margin:10px 0;}
.only_one,.stdCode,.homephonenum{display:inline-block;text-align:left;margin-top:10px;padding:0;}

.stdCode,.contryCode {
    display:inline-block;
    margin-right: 15px;
    width: 90px;
}
.input.STD_code,.contry_Code {
    width: 90px;

}
.only_one, .stdCode, .homephonenum,.mobileNum,.addmobileNum,.verifyEmailId,.firstname,.lastName,.addressOne,.addressTwo,.cityName,.countryName,.stateName,.postCode,.cardType,.creditCardNum,.securityNum,.expiryDate{
    display: inline-block;
}
.input.phoneNumber,.input.mobileNumber {
    width: 350px;
}
.input.addemail,.input.email_verify,.input.first_name,.input.last_Name,.input.address1,.input.address1,.input.address2,.input.city_name,.select.country_name,.input.state_name,.input.post_code,.select.card_type,.input.credit_card_num,.input.security_num,.select.province_state,.hotellist,.txtbookingQA {width:450px;}
.select.expiryMonth,.expiryYear.select{width: 220px;}

.form_clear{margin-top:10px;clear:both;}
.div_line{margin:-10px;}
.info_right .fullhours{cursor:pointer;color: #faa836;}
.poi_other_info {
    margin: 10px 0;
}
#bookingQA {
    display: inline-block;
    width: 100%;
}
.bookingoptions {
    display: inline-block;
}
.hotellist{display:inline-block;}
.pickup_options {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 200px;
    overflow-y: scroll;
    padding: 10px;
}
.pick_option_list {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    font-size: 18px;
    padding: 5px;
}
.pick_option_list.selected {
    background-color: #faa836;
}
.pickup_options.error {
    border-color: red;
}
#bookPaymentModal .col-sm-3 {
    padding: 0;
    margin-top: 6px;
    text-align: left;
}

.modal-dialog{ margin:0 auto;}
.book_review{float:right;}
@media only screen and (min-width:980px) and (max-width:1279px)
{#booking_data .control-label{font-size:14px;}
    /*********************************************Tour booking************************/
    #bookModal .modal-dialog, #bookRespModal .modal-dialog, #bookReviewModal .modal-dialog, #bookPaymentModal .modal-dialog{width:485px;}
    .selectTitle,.select.mrTitle{width:70px;}
    .peopleGroup{width:225px;}
    .input.travelname{width:155px;}
    .input.phoneNumber, .input.mobileNumber{width:160px;}
    .input.addemail, .input.email_verify, .input.first_name, .input.last_Name, .input.address1, .input.address1, .input.address2, .input.city_name, .select.country_name, .input.state_name, .input.post_code, .select.card_type, .input.credit_card_num, .input.security_num,.select.province_state,.hotellist,.txtbookingQA {width:265px;}
    .select.expiryMonth, .expiryYear.select{width:125px;}
    .only_one, .stdCode, .homephonenum,#payment_form label{font-size:11px;}
    .category_page .catHead .catlisted{width:75%;}
}

@media only screen and (min-width:768px) and (max-width:979px)
{
#booking_content .modal-dialog{width:370px;}
    .modal-body{margin:0 5px;}
    #booking_data .control-label{font-size:13px;}
    .modal-footer, .modal-header{padding:15px 20px 5px;}
    /*.col-sm-3{padding:0 5px;}*/

    /****************************************** Tour booking ***************************/
    #bookModal .modal-dialog, #bookRespModal .modal-dialog, #bookReviewModal .modal-dialog, #bookPaymentModal .modal-dialog{width:345px;}
    .selectTitle,.select.mrTitle{width:70px;}
    .peopleGroup{width:125px;}
    .groupInput{width:110px;}
    .input.STD_code, .contry_Code{width:85px;}
    .stdCode, .contryCode{margin-right:0;}
    .input.travelname{width:125px;}
    .input.phoneNumber, .input.mobileNumber{width:130px;}
    .input.addemail, .input.email_verify, .input.first_name, .input.last_Name, .input.address1, .input.address1, .input.address2, .input.city_name, .select.country_name, .input.state_name, .input.post_code, .select.card_type, .input.credit_card_num, .input.security_num,.select.province_state,.hotellist,.txtbookingQA {width:220px;}
    .select.expiryMonth, .expiryYear.select{width:104px;}
    .only_one, .stdCode, .homephonenum,#payment_form label{font-size:11px;clear:both;}
    .div_line{margin:-10px;}
    .tourbookpopup{height:270px;}
    /************************************** detail *****************************/
    .category_page .catHead .catlisted{width:75%;}
    .category_page .catHead .catlisted{font-size:14px;}
    .mapview,.poiblock{height: 768px;}
    .free_poi.small {font-size: 14px;}
    .list_pricing, .list_rating{font-size:16px;}
}

@media only screen and  (min-width:480px) and (max-width:767px)
{
 #booking_data .control-label{font-size:13px;}
  #bookModal .modal-dialog, #bookRespModal .modal-dialog, #bookReviewModal .modal-dialog, #bookPaymentModal .modal-dialog {width: 97%;}
    .ageBandLabel {display: inline-block;height: 35px;line-height: 35px;text-align: left;vertical-align: top;}
    .tourbookpopup{height:255px;}
    .bookform .modal-content{padding:10px;}
    .input.addemail, .input.email_verify, .input.first_name, .input.last_Name, .input.address1, .input.address1, .input.address2, .input.city_name, .select.country_name, .input.state_name, .input.post_code, .select.card_type, .input.credit_card_num, .input.security_num,.select.province_state,.hotellist,.txtbookingQA {
	width: 100%;
     }
    .input.phoneNumber, .input.mobileNumber {
	width: 100%;
     }
    .selectTitle{margin-bottom: 10px;}
    .peopleGroup {display: inline-block;vertical-align: top;width: 100%;}
    .stdCode, .contryCode {
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
     }
    .select.expiryMonth, .expiryYear.select {
	  margin-bottom: 10px;
	  width: 105px;
     }
     .star_label.dark.full.others {
	  background-position: -163px -94px;
	  background-size: 300px auto;
	  height: 16px;
	  margin-top: 7px;
	  width: 16px;
     }
     .star_label.light.half.others {
	  background-position: -213px -94px;
	  background-size: 300px auto;
	  height: 16px;
	  margin-top: 7px;
	  width: 16px;
     }
     .main_menu_names .headerRight_panel .time {
      font-size: 20px;
      text-align: right;
    }
    .main_menu_names > .headTitle.menuTitle,.main_menu_names > .searchbox{display:none;}
    .list-data .poi_overlay, .poi-data .poi_overlay, .poiContent .poi_overlay{line-height:30px;height:30px;}
    .search_page .list_pricing{padding:5px 10px 0;}
    .location_page .overlay span{font-size:14px;}
}

@media only screen and  (min-width:640px) and (max-width:767px)
{
 .poi_details .scrollstartHere, .poi_details .tourInfo,#bookModal,#bookReviewModal{height:260px;}
 }
 @media only screen and  (min-width:320px) and (max-width:639px)
{
#bookModal .modal-dialog, #bookRespModal .modal-dialog, #bookReviewModal .modal-dialog, #bookPaymentModal .modal-dialog {width: 100%;}

	#bookModal .modal-dialog, #bookRespModal .modal-dialog, #bookReviewModal .modal-dialog, #bookPaymentModal .modal-dialog {width: 97%;}
	.ageBandLabel {display: inline-block;height: 35px;line-height: 35px;text-align: left;vertical-align: top;}
	.tourbookpopup{height:auto;}
	.bookform .modal-content{padding:10px;}
	.input.addemail, .input.email_verify, .input.first_name, .input.last_Name, .input.address1, .input.address1, .input.address2, .input.city_name, .select.country_name, .input.state_name, .input.post_code, .select.card_type, .input.credit_card_num, .input.security_num,.select.province_state,.hotellist,.txtbookingQA {width: 100%;}
	.input.phoneNumber, .input.mobileNumber {width: 100%;}
	.selectTitle{margin-bottom: 10px;}
	.peopleGroup {display: inline-block;vertical-align: top;width: 100%;}
	.stdCode, .contryCode {margin-bottom: 10px;text-align: center;width: 100%;}
	.select.expiryMonth, .expiryYear.select {margin-bottom: 10px;width: 220px;}
	#bookRespModal .keepright {clear: both;padding: 20px;text-align: left;}
	.input.travelname,.groupInput{width:100%;}
	.only_one, .stdCode, .homephonenum, .mobileNum, .addmobileNum, .verifyEmailId, .firstname, .lastName, .addressOne, .addressTwo, .cityName, .countryName, .stateName, .postCode, .cardType, .creditCardNum, .securityNum, .expiryDate {width: 100%;}
	.select.expiryMonth, .expiryYear.select{width:100%;}
	.only_one, .stdCode, .homephonenum {text-align: center;}
	.poi_details,.poi_details .scrollstartHere, .poi_details .tourInfo, .poi_details .scrollstartHere, .poi_details .restourInfo{height: auto;}
	.search_page .Ajaxcontent .sideRating{display:none;}
	.search_page .poiContent .poi_overlay.notVisible{display:block;}
	.location_page .overlay span{font-size:14px;}
}

@media only screen and  (min-width:360px) and (max-width:479px)
{
#bookModal .modal-dialog, #bookRespModal .modal-dialog, #bookReviewModal .modal-dialog, #bookPaymentModal .modal-dialog {width: 97%;}
	.ageBandLabel {display: inline-block;height: 35px;line-height: 35px;text-align: left;vertical-align: top;}
	.tourbookpopup{height:auto;}
	.bookform .modal-content{padding:10px;}
	.input.addemail, .input.email_verify, .input.first_name, .input.last_Name, .input.address1, .input.address1, .input.address2, .input.city_name, .select.country_name, .input.state_name, .input.post_code, .select.card_type, .input.credit_card_num, .input.security_num,.select.province_state,.hotellist,.txtbookingQA {width: 100%;}
	.input.phoneNumber, .input.mobileNumber {width: 100%;}
	.selectTitle{margin-bottom: 10px;}
	.peopleGroup {display: inline-block;vertical-align: top;width: 100%;}
	.stdCode, .contryCode {margin-bottom: 10px;text-align: center;width: 100%;}
	.select.expiryMonth, .expiryYear.select {margin-bottom: 10px;width: 220px;}
	.modal-body{margin:0px;}
	.btn{font-size:10px;}
	.container-fluid{padding:0 5px;}
	.sideRating{width:100px;}

	#bookRespModal .keepright {clear: both;padding: 20px;text-align: left;}
	.groupInput,.input.travelname{width:100%;}
	.only_one, .stdCode, .homephonenum, .mobileNum, .addmobileNum, .verifyEmailId, .firstname, .lastName, .addressOne, .addressTwo, .cityName, .countryName, .stateName, .postCode, .cardType, .creditCardNum, .securityNum, .expiryDate {width: 100%;}
	.select.expiryMonth, .expiryYear.select{width:100%;}
	.only_one, .stdCode, .homephonenum {text-align: center;}
	.free_poi.small {font-size: 12px;}


}