*{ margin: 0;padding: 0;box-sizing: border-box; font-family: 'Oakes Grotesk';} 

ul { padding: 0; list-style: none }
a { text-decoration: none; outline: none; }
body { background: url(../img/main-bg.jpg) repeat center/cover; background-attachment: fixed;}

body {padding: 0; margin: 0; background-attachment:fixed; background-size:cover; background-position: top; position: relative;}
        body::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.60), rgba(255, 255, 255, 0.55)); z-index: -1; }
.section-bg { background-color: #FFFFFF80;}

header{ position:relative; }
header * { font-family: 'Oakes Grotesk'}
header .navbar .nav-listing li a { display: inline-block; font-size: 20px; line-height: normal; font-weight: 600; color: var(--text-link-color); letter-spacing: 0.2px; text-transform: uppercase; }
header .navbar .nav-listing li a:hover, header .navbar .navbar-nav li:hover a i { color: var(--text-link-hover-color); transition: 0.3s ease-in-out; }
header .navbar .nav-listing .dropdown-toggle::after{ display:none; }
header .navbar .nav-listing li a i { font-size: 16px; margin-left: 4px; color: var(--text-link-color);} 
header .navbar .navbar-nav li:not(:last-child) { margin-right: 24px; padding-right: 24px; } 
.standard-top-border {border-top:6px solid #FFFFFF;}
header .header-user-account .form-select, header .header-user-account a { border: none; font-size: 14px; font-weight: 600; color: var(--text-link-color); background-color: inherit; box-shadow: inherit; outline: inherit; background-size: 16px 16px;} 
header .header-user-account .form-select{ width:80px; }
header .header-user-account .form-select{ font-size:13px !important; margin-right: -12px; }
header .header-user-account .user-icon { font-size: 14px; line-height: normal; font-weight: bold; color: var(--text-link-color); margin-right: 10px;} 
header .header-user-account a:last-of-type { margin-right: 0; padding-right: 0; border-right: none; }
header .header-user-account a {margin-right: 8px; padding-right: 10px; border-right: 2px solid #000000;}
.header-menu > .header-user-account { position: absolute; top: 7px; right: 0; }

header > div > .navbar { padding: 7px 0; height:103.98px; } 
header .navbar-brand { padding: 0; margin: 0; max-width: 185px; max-height: 90px; }  
header .navbar-brand img {max-height: 90px; width: auto; object-fit: contain; vertical-align:middle; }
.agencyTagLine{height: 100%;width: 100%;background: #fff;display: flex;word-wrap: break-word;white-space: break-spaces;line-height: 24px;font-size: 19px;text-transform: uppercase;padding: 7px;font-weight: 600;align-items: center;text-align: center;justify-content: center;border-radius: 7px;}
footer .agencyTagLine {width: 180px;height: 90px;margin-bottom: 20px;}
footer .navbar-brand img { max-height: 90px; width: auto;}
footer .travel-logo { max-height: 90px; width: auto;}
header .navbar .nav-listing li a:last-child { padding-right: 0; }
#destination-menu { display: none; position: absolute; margin: auto; left: 0; right: 0; background-color: #EEEEEE; z-index: 99; }
#destination-menu .menu-toggle { margin-bottom: 15px; background-color: #007bff; color: white; padding: 10px; border: none; cursor: pointer; }
#destination-menu .continent-list { padding-top: 20px; height: 100%; padding-bottom: 20px;} 

#destination-menu ul li a {font-size: 14px;font-weight: 500;line-height: 24px;color: #000000;letter-spacing:0.2px; padding: 0}
#destination-menu ul li a:hover { color: var(--text-link-hover-color); transition: 0.3s ease-in-out; }
#destination-menu .continent-list .submenu-item {padding: 7px 10px;cursor: pointer; }
#destination-menu .continent-list .submenu-item .nav-link{font-size: 17px;font-weight:600;line-height:30px}

#destination-menu .continent-list ul { list-style: none; padding-left: 0; }
#destination-menu .continent-destination-list {display: none;list-style: none; background-color: #EEEEEE; padding: 24px 24px 5px; }
/*#destination-menu .continent-destination-list li {padding: 4px 6px;}*/
#destination-menu .submenu-image img {width: 100%; height: 100%; object-fit: cover; }
#destination-menu .continent-destination-list .continent-list-flex ul { display:flex; flex-wrap: wrap;}

#destination-menu .menu-part-1 .continent-list-flex li { flex: 0 0 100%; }
#cont-dest-list-199 .continent-list-flex li { flex: 0 0 150px !important;}
#destination-menu .menu-part-2 .continent-list-flex li { flex: 0 0 33%; padding: 3px 0; }
#destination-menu .menu-part-3 .continent-list-flex ul { display: block; -webkit-column-count: 4; column-count: 4;}
#destination-menu .menu-part-3 .continent-list-flex ul li{ padding: 2px 0; }
#destination-menu .menu-part-5 .continent-list-flex ul { display: block; -webkit-column-count: 5; column-count: 5;} 


/**/
.header-menu { margin-left: auto; width: calc(100% - 125px); margin-top:6px; } 
.header-menu .navbar-nav { justify-content: center; /* width: calc(100% - 185px); */ } 
#destination-menu .container { max-width: inherit !important; background-color: #FFF; } 
.cont-desti-row { display: flex; } 
.continent-destinationcol { flex: 0 0 225px; background-color: #FFFFFF; } 
.continent-destination-list { flex: 0 0 55%; }
.submenu-image{ flex-grow:1; }
#destination-menu .all-tours-title { font-family: 'Oakes Grotesk'; font-size: 17px; line-height: normal; border-bottom: 1px solid #000; padding-bottom: 5px; font-weight:600;  }

#destination-menu .row .col-md-4 { padding: 0; }
#destination-menu .continent-destination-box{max-height: 420px;overflow-y: auto;}

.mobile-sub-menu{display: none;}
.dropIcon, .backButton { display: none; }
#logoPrevbox {text-align: center;}
#logoPrevbox #logoPreviewContainer { width:120px; height:90px;margin: 0px auto 20px; border:1px solid #ccc; display:flex; align-items:center; justify-content:center; background:#f8f8f8;}
#logoPrevbox #logoPreviewContainer  img { max-height:90px; max-width:120px; object-fit:contain;}
.choose-white-label { position: relative; background-color: #FFFFFF; border-radius: 4px; padding-left: 12px;} 
.choose-white-label .text-danger {position: absolute;bottom: -22px; right: 0;}
.choose-white-label .form-control { border-width: 0; padding-left: 0; border-radius: 0 6px 6px 0;} 
.choose-white-label span { color: #6C6C6C; font-size: 14px; font-weight: 400;} 
.form-main-box .form-control[type=file]{position: relative; border-radius:4px; }
.form-main-box .upload-logo .form-control[type=file]:after {content: 'Best Logo Size: 180×90 px (W×H)';background-color: #FFFFFF;opacity: 1;position: absolute;left: 114px; word-wrap: break-word;white-space: nowrap;font-size: 14px;color: #6C6C6C;width: 100%;top: 50%;transform: translateY(-50%);}
.form-main-box .upload-logo .form-control[type="file"]:focus::after { opacity: 0;}

/**/
#destination-menu .row {background-color: #eeeeee;} 
.confirmPaynowCost { background: #fff; padding: 25px; border-radius: 7px; }

input[type="radio"]:checked,
input[type="checkbox"]:checked {
  background-image: url(../img/check-icon.svg);
}
/*.form-check-input:checked[type=checkbox], .form-check-input:checked[type=radio], input[type="checkbox"]:checked { background-image:url(../img/check-icon.svg) }*/
.confirmPaynowCos { background: #fff; padding: 25px; border-radius: 7px; }
input[type=checkbox], input[type="radio"]{ margin: 0; margin-right: 8px; background-color: inherit !important; border-radius: 0 !important; padding: 10px;border-color: #000000 !important; box-shadow: none !important; height: 20px !important; flex:0 0 20px; width:20px; vertical-align:bottom; border-radius: 0;}

.ajaxBox .invalid { cursor: text; caret-color: #000000; box-shadow: 0 2px 0 rgb(255 0 0 / 60%) }
.ajaxBox .error { font-weight:500; } 
.AjaxRespond:empty, #bookingPriceTotal:empty, #available-package-list:empty {display: none;}
.AjaxRespond {background: #fff;padding: 15px 10px; border-radius: 5px; }
.AjaxRespond.alert-success {color: green;   font-weight: 600;    border: 3px solid green;}
.AjaxRespond.alert-error .AjaxRespond.error {color: red;   font-weight: 600;    border: 3px solid red;}
#selfBookingEnquiry .paxInformation h2 { text-align: left; font-size: 20px; font-weight: 600; line-height: 1.5; margin: 0 0 10px 0; }
.booking-loader { position: absolute; width: 100%; height: 100%; background: #c9a5a582; z-index: 9; top: 0; bottom: 0; left: 0; right: 0; }
/*Multiple Selector Input*/
.select2-container .select2-selection--multiple, .select2-container--default .select2-selection--single { position: relative; min-height: 50px;  border-color: #e9ecef;} 
.select2-container .select2-search--inline .select2-search__field  { color: #6C6C6C; font-weight: 400 !important; margin-top: 12px; font-size:14px; }
.select2-container--default .select2-selection--single .select2-selection__rendered  { color: #6C6C6C; font-weight: 400; margin-top: 11px; font-size:14px; padding-left:12px; }
.select2-container--default .select2-selection--multiple{ border-color: #e9ecef;}
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 10px;}



/* Active States use*/
#destination-menu .submenu-item.active { background-color: #EEEEEE; color: #474287; }
#destination-menu .continent-destination-list.active { display: block;}

/*Profile*/
.myAccountMenu .dropdown-toggle::after { content: '\f078'; font-family: 'FontAwesome'; border-width: 0; font-size: 14px; vertical-align: baseline; }
.myAccountMenu .btn { padding-right: 0; border-width: 0; font-size: 14px; font-weight: 600;  box-shadow: none; text-transform: capitalize;}
.myAccountMenu .btn:active {border-width: 0;}
.myAccountMenu:hover .dropdown-menu { display: block; right: 0;}

.myAccountMenu .dropdown-menu { background-color:#F1F1F1; border-width:0; } 
.myAccountMenu .dropdown-menu li a{ font-size: 16px; font-weight: 500; text-decoration: none; color: #000000;}
.myAccountMenu .dropdown-menu li:not(:last-child){border-bottom: 1px solid #dddbe0;}
.myAccountMenu .dropdown-menu li{ padding: 5px 15px;}
.myAccountMenu .dropdown-menu li a:hover{ color: #6D69D6; }

/**/
.borderListItem{ border-radius: 4px; border: 2px solid #FFFFFF; padding: 20px 8px 12px; margin: 0 auto 25px; position:relative; } 
.removeBorderListItem svg { position: absolute; right: -15px; top: -15px; } 

/*Travellers Dropdwon*/
.numberOfTravellerBox { position: relative; background-color: white; padding: 6px 12px; border-radius: 0.375rem; color: #6C6C6C; font-weight: 400; font-size: 14px; height: 50px; line-height: 40px; cursor: pointer; }
.room-selection ul{ margin: 18px 0 12px; }
.room-selection { position: absolute; top: 60px; left: 0; background: #FFFFFF; padding: 20px 20px 24px 20px; width: 445px; max-height: 80vh; overflow-y: auto; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); border-radius: 0.375rem; z-index: 99; display: none; }
.room-selection .paxInfo { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin:0 0 8px; } 
.inputPaxCount { display: flex; justify-content: start;} 
#roomContainer .inputPaxCount input, #rangeCostRequestlist .inputPaxCount input { color:#000000; border-radius: 0; padding: 0; } 
.room-selection .paxGroupName { flex: 0 0 50%;}
.room-selection input.other-req {border: 1px solid #ccc;  height: 35px;}
.inputPaxCount .decrCount, .inputPaxCount .incCount { border: 1px solid #c1c1c1; border-radius: 0; height: 30px; width: 30px; flex: 0 0 25px; font-size: 16px; font-weight: 400; padding: 0; line-height: 17px;} 
.isGrossCostBox {display: none;}
.isGrossCost .isGrossCostBox {display: block;}
.itnDetailInfo {  background: #ffffff;  padding: 15px;}
.inputPaxCount .decrCount { border-right: 0; border-radius: 4px 0 0 4px;}
.inputPaxCount .incCount {  border-left: 0; border-radius: 0 4px 4px 0;}
/*ScrollBar*/
.room-selection::-webkit-scrollbar { width: 6px; height: 6px; }
.room-selection::-webkit-scrollbar-track{ background-color: #f0f0f0;}
.room-selection::-webkit-scrollbar-thumb{ background-color:#6d69d6; border-radius: 4px; }

/*  */
.room-selection h3 { font-size: 18px !important; font-weight: 500; line-height: normal; text-align:center; }
.room-selection  h4{ font-size:12px; font-weight: 500; margin:0 0 0; }
.room-selection .closeRoomBtn { position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; font-size: 18px; font-weight: bold; text-align: center; background-color: rgb(255 0 0); border-radius: 50%; color: #FFFFFF; display: flex; align-items: center; justify-content: center;}
.room-selection label { font-size: 12px !important; color:#000000; white-space: nowrap; font-weight:500 !important; }
.room-selection strong { font-size: 14px !important; color:#000000; white-space: nowrap; font-weight:500 !important; }
.room-selection .form-select { font-size: 12px !important; border: 1px solid #C1C1C1 !important;  border-radius: 4px; height: 30px !important; flex: 0 0 130px; padding:2px 7px !important;}
#roomContainer .form-control, #rangeCostRequestlist .form-control { font-size: 12px; padding: 7px; border: 1px solid #c1c1c1; border-radius: 0; line-height: normal; height: 30px; border-radius:4px; }

.room-selection .removeRoom { display: none;}
#roomContainer .room-box:not(:only-child) .removeRoom { display: inherit;}
.room-selection .add-new-btn { font-size: 14px; line-height: 22px; padding: 4px 12px; border: 1px solid #000000; height: 32px;} 
.room-selection .btn-dark { padding: 6px 30px; display: block; margin: 20px auto 0; font-size: 14px; line-height: 22px; letter-spacing: 0.05rem; height:36px }
.room-selection .add-new-btn:hover {border-color: #6d69d6;}
.room-selection .removeRoom.btn { margin-left: auto; margin-top: 12px; font-size: 14px; border-color: #000000; padding: 3px 12px; height: 32px;}
.room-selection .room-box .hidden-input h4{ margin-bottom: 0 !important; }
#roomContainer .globalLabel { line-height: 12px !important; margin-top: 8px; }
#roomContainer .room-box:not(:only-child) { border-bottom: 2px solid #FFD85B; margin: 16px 0 16px; padding: 0 0 16px; }
#roomContainer .room-box div {line-height: normal;}
.room-selection .child-age-section { display: flex; flex-wrap: wrap; gap: 8px; row-gap:0; } 
.room-selection .child-age-section .ageLimit { flex: 0 0 calc(33% - 5px); }
.rangeCostRequestInput input[type=checkbox] { vertical-align: text-bottom; }
.rangeCostRequestInput .rangeCostRequestData .delAttrValRow { display: inline-block; } 
.rangeCostRequestInput .rangeCostRequestData tbody tr:only-child .delAttrValRow { display: none; }


/**/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield;}

.input-group .text-danger { flex: 0 0 100%; order: 2; margin-top: 2px; } 
.input-group .toggle-password { color: #000000; background-color: #ffffff; border-color: #d3d3d3; border-top: 0; border-bottom: 0; z-index:6; display:flex; align-items:center; justify-content:center; }

/**/
.orRangeCost { position: relative; line-height: normal; margin: 25px auto 10px; text-align: center; display: table; font-weight: 600; color: #000; } 
.orRangeCost:before { content: ''; position: absolute; width: 100px; height: 1px; background-color: #000; top: 7px; left: -103px; } 
.orRangeCost:after { content: ''; position: absolute; width: 101px; height: 1px; background-color: #000; top: 7px; right: -103px; }

.rangeCostRequestInput table { margin-bottom:8px; }
.rangeCostRequestInput table tbody tr td{ padding-right: 8px; padding-bottom: 8px;}
.rangeCostRequestInput * {font-size: 12px;color: #000;line-height: 24px;font-weight: 500;} 
.rangeCostRequestInput table tr th { font-family: 'Garnett'; }
.rangeCostRequestInput .delAttrValRow, .rangeCostRequestInput .removeItem { color: #ff0000; text-align: center; margin-left: 5px; vertical-align:text-top; }

/*Invoice css*/
.viewInvoicePage .viewFileItinerary *{ font-family: "Poppins", sans-serif;}
.viewInvoicePage .viewFileItinerary { background-color: #FFFFFF; padding: 40px; border-radius: 0; margin: auto;}
.inv-company-logo img { max-width: 180px; }
.fileInvoice .display-price { font-weight: 600;} 
.fileInvoice table { width: 100%;} 
.fileInvoice tr th{ font-weight:600; }
.fileInvoice tr td{ font-size: 14px; line-height: 21px;}
.fileInvoice thead { background:none; } 
.fileInvoice table tbody { vertical-align: top; }
.fileInvoice table h3 { font-size: 16px; line-height: 21px;}
.fileInvoice table p{ margin:0; font-weight:400; }
.inv-company { border-bottom: 1px solid #ccc;}
 
.table-style table {border-collapse: collapse;border: 1px solid #c7c8c9;}
.fileInvoice td hr { margin: 10px 0;  }
.fileInvoice .payment-totals td .invoiceNote hr {border-color: #cccccc; margin-top: 4px;}
.inv-payment-transfer-details { padding-bottom:10px; }
.inv-tax-detail p, .inv-company-detail p { text-align: end; }
.fileInvoice table strong { font-weight:600; }

/**/
.inv-payment-detail-table tr td { font-size: 14px; border: 1px solid #CCCCCC; padding: 8px 0; border-right:none; border-left:none; }
.inv-payment-detail-table tr th { padding: 8px 0; border: 1px solid #cccccc; border-left: 0; border-right: 0;}
.inv-company-detail{ padding-right: 12px}
.inv-payment-detail-table tr td p { margin: 0; line-height: 23px;} 
.inv-payment-transfer-details p { font-size: 14px; line-height: 21px; margin-bottom: 4px !important;}

/**/
.inv-payment-detail-table thead tr th { width: 25%;}
.inv-payment-detail-table tfoot tr td { border: none !important; padding: 4px 0 0;}
.viewInvoicePage .inv-payment-bank {width: 55%;padding-right: 25px;}
.viewInvoicePage .inv-payment-online a { color:#6D69D6; }
.viewInvoicePage .inv-payment-online p { text-align: right;}
.inv-to-detail { width: 50%; padding: 20px 20px 20px 0;} 
.inv-company-detail { width: 50%; padding: 20px 0 20px 20px;}
.footer-invoice-link { padding-top: 4px; text-align: center; border-top: 1px solid #cccccc; }
.footer-invoice-link p { margin: 0 !important; font-size: 14px; } 
.footer-invoice-link p a { color: #000000; }
.inv-company-logo, .inv-tax-detail  { padding-bottom: 8px; vertical-align: middle;}

.payment-required { width: 55%; padding-right: 24px !important; }
.payment-required p{ font-size:14px;}
.payment-required h4{ font-size: 15px; line-height: 24px; font-weight: 600; margin:0; }
.payment-required p {  font-size: 14px; } 
.payment-required p i { font-size: 12px; }
.totalPaymentHead .totalPaymentRow { display: flex; justify-content: flex-end; gap: 12px; line-height:24px; }
.totalPaymentHead .totalPaymentAmount {flex: 0 0 100px; text-align: right;}

/*Action Hub*/
.actionHub .form-title h2{ font-size: 32px; line-height:40px; }
.actionHub .secondary-btn{  border-radius:4px; min-width:260px; }
.viewInvoicePage .actionHub .secondary-btn { min-width: 220px; }
.actionHub .btn-success, .customerMarkup .btn-success { min-width: 200px;}


/*Scroll To Top */
#scrollToTop {position: fixed;bottom: 20px;right: 20px;display: none; background-color: #000000; border: none;border-radius: 50%; cursor: pointer;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);transition: opacity 0.3s ease; z-index: 98; width: 40px; height: 40px; }  
#scrollToTop:hover { background-color: #6d69d6; }

.custom-collapse { display: none; transition: all 0.3s ease;}
.custom-collapse.active { display: block;}
.notFoundPage { max-width: 600px; margin: 60px auto  40px; height: 250px; background-color: rgb(255 255 255 / 60%); border: 6px solid #FFF; border-radius: 14px; padding: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; } 
.notFoundPage h2 { font-size: 32px; line-height: normal; margin-bottom: 16px; font-weight: 500; } 
.notFoundPage p { font-size: 18px; margin: 0; }
.notFoundPage h2 span { color: #E53935;}

.form-check{ position: relative;}
.form-check .error { position: absolute; top: 24px; }
.form-check label { display: inline; }
.form-bg { background-color: #FFD85B; padding: 30px 25px 40px; border-radius:8px; }
.alert-dismissible .alert-success { background-color: #FFF; color: #008000; padding: 12px;  } 
.alert-success .btn-close { padding: 16px; }


/*Responsive*/
@media( max-width: 1400px){ 
  header .navbar .nav-listing li a{ font-size:18px }
}

@media( max-width: 1360px){
  #destination-menu .submenu-image { width: 34%;}
}

@media( max-width: 1199px){ 
  
  header .header .header-user-account .form-select { font-size: 18px; font-weight: 600; }
  header .navbar .navbar-nav li:not(:last-child) { margin-right: 10px; padding-right: 10px; } 
  header .navbar .nav-listing li a { font-weight: 600; }
  .myAccountMenu .btn { font-weight: 600;}
  
  #destination-menu .continent-list .submenu-item .nav-link { font-size: 16px; }
  #destination-menu ul li a{ font-size:14px; line-height:24px; }
  #destination-menu .continent-destination-list li { padding: 4px 12px;}
}

@media(max-width: 1060px){
  header .navbar .nav-listing li a{ font-size:16px; }
  header .navbar .navbar-nav li:not(:last-child){ margin-right: 8px; padding-right: 8px;  }
}

@media(max-width: 991px){
  .Toggle-bar { position: relative; display: block; width: 32px; height: 2px; background-color: #000; } 
  .Toggle-bar:after { content: ''; position: absolute; left: 0; top: -10px; width: 32px; height: 2px; background-color: #000000; } 
  .Toggle-bar:before { content: ''; position: absolute; left: 0; top: 10px; width: 32px; height: 2px; background-color: #000000; }
  #destination-menu .submenu-image{ display: none; }
  #destination-menu .continent-list{ padding-top:0; }
  header .header-user-account { padding: 0; } 
  .header-menu button {  box-shadow: inherit; outline: inherit; border: inherit; background-color: inherit; border-radius: inherit; padding-right: 0; padding-left: 20px;} 
  .header-menu { width: calc(100% - 185px) }
  .navbar-toggler:focus { box-shadow: inherit; }
  header > div > .navbar{ position: inherit;}
  #header-menu .navbar-nav{ position: absolute; top: 103.98px;  left: 0; background: #EEEEEE; width: 100%; height: calc(100vh - 111px); overflow-y: scroll; z-index: 99; padding: 20px; display: inline;}
  header .navbar .navbar-nav li:not(:last-child) { padding-right: 0; margin-right: 0; border-bottom: 1px solid #CCCCCC; padding-bottom: 8px; margin-bottom: 8px; } 
  #destination-menu ul li a{ font-size: 16px; line-height:30px; font-weight:400; }
  #destination-menu .container { background-color:#EEEEEE; }
  .cont-desti-row{ display: inherit; }
  header .header-user-account .form-select{ margin-right:10px; }
  header .navbar .nav-listing li a { font-size: 18px; padding: 8px 0; position: relative; display: block;}
  header .navbar .nav-listing li a i{ position:absolute; right:0; margin-right: 8px; transform: rotate(-90deg) }
  header .navbar .nav-listing li a.active i{ transform:rotate(0);}


 /**/
  #destination-menu { top:184px;  background-color: #EEEEEE;}
  #destination-menu .continent-list { background-color: #EEEEEE; }
  #destination-menu .submenu-item.active{ background-color:inherit; }
  #destination-menu .row > div:first-child{ background-color:#EEEEEE; }
  #destination-menu .continent-list .submenu-item .nav-link:not(:last-child) { border-bottom: 1px solid #CCCCCC;}

  #destination-menu .submenu-item  .nav-link.active:after { content: '\f068'; font-family: 'FontAwesome'; position: absolute; right: 12px; font-size: 14px;}
  #destination-menu .submenu-item  .nav-link:after { content: '\2b'; font-family: 'FontAwesome'; position: absolute; right: 12px; font-size: 14px;}
  

  #destination-menu .continent-list ul li:last-child .mobile-sub-menu { padding-bottom: 60px;}
  .dropIcon{ display: inline-block; }
  .dropIcon { background: transparent; border: none; padding: 0; position: absolute; right: 0; top: 0; width: 40px; height: 44px; } 
  .submenu-item { position: relative; } 
  .backButton{ display:none; }
  .backButton svg { width: 17px; height: auto; }

  #destination-menu .continent-destination-list.active{ display:none; }

  #destination-menu .continent-list .submenu-item { padding: 0; padding-right:12px; } 
  #destination-menu .continent-list .submenu-item .nav-link {font-size:18px; font-weight: 500; padding: 7px 0 7px;  } 

  .mobile-sub-menu {padding: 12px 0;background: #EEEEEE; border-bottom: 1px solid #CCCCCC;} 
  .travel-spot-search .headeing { margin: 0;}
  .tours-list .filter-search .border-box{ height: 48px; }

  /*Dashboard menu */
  .pd-row nav button{ height: 40px; }
  .pd-row .Toggle-bar{  background-color:#FFFFFF }
  .pd-row .Toggle-bar:before { background-color:#FFFFFF }
  .pd-row .Toggle-bar:after{ background-color:#FFFFFF }
}

.responsive-table { width: 100%; border-collapse: collapse; } 
.responsive-table th, .responsive-table td { padding: 12px; border: 1px solid #ccc; } 

 @media screen and (max-width: 991px) {
   .viewBookingItinerary .tour-preview .tour-img, .viewBookingItinerary .itinerary-img img { max-height:inherit !important;}
   .viewBookingItinerary .tour-preview .tour-img img { height:inherit !important; }
   .header-menu > .header-user-account { position: inherit; }
 }

 @media screen and (max-width: 768px) { 
  .responsive-table thead {
    display: none;
  }

  .responsive-table tr {
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
  }

  .responsive-table td {
    display: block;
    position: relative;
    padding-left: 50%;
    border: none;
    border-bottom: 1px solid #eee;
  }

  .responsive-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 45%;
    white-space: nowrap;
    font-weight: bold;
    text-align: left;
    color: #000000;
  }

.responsive-table .resMobHide::before {
    left: inherit;
    right: 0;
    width: 100%;
    text-align: end;
    padding-right: 12px;
}

  .resMobHide {
    color: transparent !important;
    text-shadow: none !important;
  }

}

@media(max-width: 767px){ 
 .select2-container .select2-selection--multiple, .select2-container--default .select2-selection--single { min-height:44px; }
 .select2-container .select2-search--inline .select2-search__field, .select2-container--default .select2-selection--single .select2-selection__rendered { margin-top:8px; }
 .form-main-box .form-control[type=file]{ padding: 4px 12px; }
}


@media(max-width: 575px){
  header > div > .navbar { height:95px; }
  header .header-user-account .form-select { margin-right: 0px; } 
  header .header-user-account {padding: 16px 0 0;}  
  header .header-user-account .user-icon {font-size: 16px; margin-right: 8px;} 
  header .header-user-account a, header .header-user-account .form-select { font-size: 16px;}
  header .navbar-brand img { max-height: 80px; }
/*  header .navbar-brand { max-width: 95px; }*/
  #header-menu .navbar-nav { height: calc(100vh - 95px ); top: 95px; }
  header .header-user-account .header-user-account {padding: 30px 0 0;} 
  .header-user-account .form-select { position: absolute; top: 4px; right: 8px; }
  #destination-menu {top: 145px; height: calc(100vh - 155px); overflow-y: scroll; }
  header .navbar .nav-listing li a i{ margin-right:0; }
  #header-menu .navbar-nav{ padding: 20px 12px; }
  #destination-menu .submenu-item .nav-link:after, #destination-menu .submenu-item .nav-link.active:after{ right:0; }
  #destination-menu .continent-list .submenu-item{ padding-right:0 }
  .form-main-box .form-control[type=file]{position: relative; border-radius:4px; padding:4px 12px; }

/*  .header-menu{ width:calc(100% - 95px); }*/
  .room-selection { width: 320px;}
  .room-selection .child-age-section .ageLimit { flex: 0 0 calc(50% - 4px); }
  .room-selection .paxInfo { gap: 0; } 
  .room-selection .paxGroupName { flex: 0 0 100%; }

}

@media(max-width: 380px){
  .room-selection { width: 310px;}
 }