@media only screen and (min-width: 768px) {
    .new-tour-page .fya-inner { grid-template-columns: 1fr 1fr 1fr;}
    .fya-card h3 { font-weight: 600; font-size: 16px; color: #27333C;}   
    .fya-card .tour-card-tag { padding: 5px 12px; font-size: 14px; font-weight: 700;}    
    .fya-action-wrapper .price { font-size: 18px; font-weight: 600; }
    .btn-border-fya { font-weight: 500; font-size: 10px; color: #1E2C39!important; border: 1px solid #1E2C39;}
    .btn-border-fya:hover {color: #fff!important;}
}
.fya-action-wrapper .price {color: #008DA3;}
.fya-tour-features img {}
.fya-card {box-shadow: 0px 4px 44px 0px #0000001A;}
.fya-card a { color: #27333C; opacity: 1; font-weight: 600; font-size: 16px;}
.fya-card a:hover { opacity: 1;}
.fya-tour-features label {color: #27333C; font-weight: 400;}
.fya-card .tour-card-tag { }
.fya-card a.btn-border-fya { font-weight: 500; color: #1E2C39;border: 1px solid #1E2C39;opacity: 1; font-size: 9.45px;}

.filter-heading .fa-chevron-down:before {content:""; display:inline-block; width:12px; height:12px; background-image:url(../images/all-tours/chevron-right-vector.svg); background-size:contain; background-repeat:no-repeat; transition:transform 0.3s ease; background-position:center;}

.show-more-less { margin-top: 5px;}
.show-more-less a.more-less-items { opacity: 1;}
.show-more-less a.more-less-items:hover { opacity: 1;color: #008DA3;}
.show-more-less i { padding-left: 3px;}

.new-tour-page .show-more-less .fa-chevron-down:before, .new-tour-page .show-more-less .fa-chevron-up:before {content:""; display:inline-block; width:12px; height:12px; background-image:url(../images/all-tours/blue-arrow-bottom.svg); background-size:contain; background-repeat:no-repeat; transition:transform 0.3s ease; background-position:bottom;}
.new-tour-page .show-more-less .fa-chevron-up:before {transform:rotate(180deg); background-position:top;}



 h1.new-heading { color: #2C4359; font-weight: 700; font-size:48px; margin-bottom: 0px;}   
.sortingbutton { width: 76px; height: 32px; line-height: 30px; text-align: center;  border-radius: 30px;border: 1px solid #0000001A; background: #fff; color: #173954; font-size:14px;font-weight: 500;}
.sortingbutton:focus { outline: unset;}    
.controls {box-shadow: 0px 4px 44px 0px #0000001A; background: #fff;  border-radius: 20px; padding-top: 10px; padding-bottom: 20px;}  
    
.new-portfolio-tab ul { display: flex;flex-direction: column; gap: 6px; align-items: flex-start; padding: 0px;}
.new-portfolio-tab ul li {    padding: 6px 18px; margin:0px; margin-bottom: 10px; font-size: 14px!important; color: #173954!important;    width: fit-content;}
.new-portfolio-tab ul li.filter.active { color: #fff!important;}    
.new-portfolio-tab .fya-left { padding-left: 30px;}  
    
.searchdiv { padding: 20px; padding-top: 14px;}    
.searchdiv input {border: 1px solid #EAEAEA; background: #fff; border-radius:35px; padding: 10px; height:46px; width: 100%;font-size: 14px; padding: 15px; color: #27333C; font-weight: 400; }
.searchdiv input::placeholder {opacity: 0.3; }
.searchdiv input:focus-visible { outline: none;}
.filter-search-icon { position: absolute; right: 2px; top:3px; padding: 2px; width: 40px;height: 40px;}    
    
.filter-group { }
.filter-heading {background: #fff; height: 46px; line-height: 46px;font-weight: 500;font-size: 16px; padding-left: 30px; box-shadow: 0px 4px 44px 0px #0000001A; padding-right: 30px;display: flex;align-items: center; color: #173954; cursor: pointer;}
.filter-heading .toggle-icon {margin-left: auto;}    
.openstatetab {background: #AEE9E8;}
.dfya-left { padding-left: 30px;}
.more-less-items { color: #008DA3; font-size: 14px; font-weight: 400;}    
.apply-filter-btn { min-width: 228px;border-radius: 10px;background-color: #B2F1EE; color: #173954; font-size: 16px; font-weight: 600; height: 48px; margin-top: 15px;}
.apply-filter-btn:focus { box-shadow: none;}
.reset-filter-btn{font-size: 14px;text-decoration: underline;color: #27333C; opacity: 0.7;}
.reset-filter-btn:hover { text-decoration: underline;}
.reset-filter-btn:focus { box-shadow: none;}
.mobile-apply-filter-btn { min-width: 146px;border-radius: 10px;background-color: #B2F1EE; color: #173954; font-size: 16px; font-weight: 600; height: 48px;}
.mobile-apply-clearall-btn {min-width: 146px;border-radius: 10px; color: #173954; font-size: 16px; font-weight: 600; height: 48px; border:1px solid #173954;}
.new-tour-page .destination-tab ul li.filter {color: #173954;border: 1px solid #0000001A; margin-bottom: 15px; font-size: 14px;}   
.new-tour-page .destination-tab ul li.filter.active {color: #173954; border: 2px solid #173954; font-weight: 600;}    
.mapbutton { background-color: #AEE9E8; width:90px; height: 32px; border-radius: 30px; padding: 0px; line-height: 31px; font-weight: 500;font-size: 14px;color: #173954;}    
.noRecordsinmg { position: absolute; right: 0px; top:50px;z-index: -1}

.opacitytext { opacity: 0.7;}
/*****************************************************************/  
.custom-checkbox label {display:inline-flex; align-items:center; cursor:pointer; gap:12px; font-size:14px; font-weight:400; color:#27333C; margin-bottom: 12px;}
.custom-checkbox input[type="checkbox"] {position:absolute; opacity:0;}
.custom-checkbox .checkmark {width:24px; height:24px; border:1px solid #173954; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; transition:all 0.2s ease;background: #ffffff;}
.custom-checkbox .checkmark::after {content:""; width:5px; height:9px; border:2px solid #173954; border-width:0 2px 2px 0; transform:rotate(45deg) scale(0); transition:transform 0.15s ease;}
.custom-checkbox input:checked + .checkmark {background:#B2F1EE; border-color:#B2F1EE;}
.custom-checkbox input:checked + .checkmark::after {transform:rotate(45deg) scale(1);}
.custom-checkbox input:focus + .checkmark {}
    
/*****************************************************************/
.custom-radio label {display:inline-flex; align-items:center; cursor:pointer; gap:12px; font-size:14px; font-weight:400; color:#27333C;margin-bottom: 12px;}
.custom-radio input[type="radio"] {position:absolute; opacity:0;}
.custom-radio .radiomark {width:24px; height:24px; border:2px solid #173954; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; transition:all 0.2s ease;    background: #fff;}
.custom-radio .radiomark::after {content:""; width:12px; height:12px; background:#173954; border-radius:50%; transform:scale(0); transition:transform 0.15s ease;}
.custom-radio input:checked + .radiomark {border-color:#173954; background:#B2F1EE;}
.custom-radio input:checked + .radiomark::after {transform:scale(1);}
.custom-radio input:focus + .radiomark {}
/*****************************************************************/
    
    
/*****************************************************************/      
.filter-content {display:none;}
.filter-heading {}
.toggle-icon {transition:transform 0.3s ease;}
.filter-heading.active .toggle-icon {transform:rotate(180deg);}
/*****************************************************************/  
    
.relative {position:relative;}
.active-dot {display:none; color:#FF755C; vertical-align:middle; width:8px; height:8px; background:#FF755C; border-radius:20px; position:absolute; right:-10px; top:28%;}
    
/***********************************Mobile Filter************************************/
header.sticky-top{ } 
.noevent { pointer-events: none;}
body.no-scroll {overflow:hidden; height:100vh;}
.filter-btn {width:48px; height:48px; cursor:pointer; background:none; border:none;}
.filter-btn img {width:48px; height:48px; max-width:unset;}
.filter-btn:focus {outline:none;}
.filteroverlay {position:fixed; top:87px; inset:0; background:rgba(0,0,0,0.45); opacity:0; pointer-events:none; transition:0.3s ease; z-index:1100;}
.filteroverlay.open {opacity:1; }
.sheet {position:fixed; left:0; right:0; bottom:-100%; height:67%; background:#fff; border-radius:16px 16px 0 0; display:flex; flex-direction:column; transition:0.35s ease; z-index:2000;}
.sheet.open {bottom:0;}
.sheet-handle {width:40px; height:4px; background:#ccc; border-radius:4px; margin:8px auto; display:none;}
.sheet-header {padding:12px 16px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #eee; padding-left: 18px; padding-right: 18px;}
.sheet-header h3 {font-weight:500; font-size:16px; margin-bottom:0px; opacity:0.5; color:#173954;}
.sheet-header button {background:none; border:none; font-size:16px; cursor:pointer; text-align:center; padding:0px;}
.sheet-body {flex:1; display:flex; overflow:hidden;}
.v-tabs {width:35%;  display:flex; flex-direction:column;}
.v-tab {padding:14px 12px; padding-left: 16px;background:#fff; border:none; text-align:left; font-size:16px; font-weight:500; display:flex; align-items:center; justify-content:space-between; cursor:pointer; min-height:48px; color:#173954;}
.v-tab .chevron {font-size:18px; color:#173954;}
.v-tab.active {background:#EEEEEE;}
.v-tab:focus {outline:none;}
.v-tab.active .chevron {color:#173954;}
.sheet-content {width:65%; padding:12px; padding-left: 16px; overflow-y:auto; -webkit-overflow-scrolling:touch; background:#EEEEEE;}
.mobile-tab-content {display:none; padding:10px; border-radius:6px;}
.mobile-tab-content.active {display:block; background:#EEEEEE;}
.mobile-tab-content label { margin-bottom:12px; font-size:14px;}
.sheet-footer {padding:12px 16px; display:flex; justify-content:space-between;}
.clear {background:none; border:none; font-size:14px; cursor:pointer;}
.apply {background:#000; color:#fff; border:none; padding:8px 18px; border-radius:6px; cursor:pointer;}
.desktopfilter li.filter.active::before {content:""; display:inline-block; width:10px; height:10px; margin-right:6px; background-image:url(" ../images/all-tours/right-tick.png"); background-size:contain; background-repeat:no-repeat; vertical-align:middle;}    
    /***********************************Mobile Filte************************************/
    
    
/***********************************Coming Soon************************************/

    .comingsoonoverlay {position:absolute; inset:0; background:rgba(0, 0, 0, 0.5); display:flex; align-items:center; justify-content:center; border-radius:15px;}
    .comingsoonoverlay span {color:#fff; font-size:24px; font-weight:700; max-width:145px; text-align:center; line-height:26px;}      
    .comingsoonpopupcontent { max-width: 472px; margin: 0 auto;}
    .comingsoonpopupcontent p { font-weight: 600; font-size:16px; text-align: center; color: #27333C;}
    .comingsoonpopupcontent .comingsoonpopupinput {border: 1px solid #00000033; border-radius: 10px; font-weight: 400; font-size: 14px; color: #173954; height: 45px; padding: 15px; }
    .comingsoon-popup-btn {  min-width: 228px; height: 48px;border-radius: 10px;background-color: #B2F1EE;color: #173954;font-size: 16px;
    font-weight: 600; text-align: center;margin-top: 20px;}
    .comingsoon-popup-btn:focus { box-shadow: unset;}
    .comingsooonmodalclose { text-align: right; padding: 12px; padding-bottom: 0px;cursor: pointer;}
    .comingsoonpopupcontent .comingsoonpopupinput:focus { box-shadow: unset;}
    .comingsoon-modal-dialog { max-width: 608px;}
    .comingsoon-modal-content { border-radius: 20px;}
/***********************************Coming Soon************************************/    
    
    
/*************************************************************************/
    #noRecords .noresultheading { color: #2C4359; font-size:32px; font-weight: 700; padding-bottom: 15px;}
    #noRecords p {color: #2C4359; font-size: 16px; font-weight: 400; margin-bottom: 5px;}

   .no-result-bg-show { display: none; position: absolute;bottom:0px; width: 100%;}
   .cactusimage { position: absolute; bottom: 0px; right: 0px; width: 250px;}
/**********************************************************************/    


/*******************************************************************************************/
#tourMap .mapboxgl-ctrl-top-left { display: none;}

#sortIcon {
    transition: transform 0.3s ease;
    width: 8px; height: 11px; margin-top: -2px;
}
/*******************************************************************************************/


@media only screen and (min-width: 767px) {
 .desktopcuswdt-1 {-ms-flex: 0 0 26.7%;flex: 0 0 26.7%;max-width: 26.7%;}
 .desktopcuswdt-2 {-ms-flex: 0 0 69.5%;flex: 0 0 69.5%;max-width: 69.5%; }    
    #noRecords { height: 100vh;}   
    .new-tour-page { min-height: 807px;}
     .no-result-bg-imageff {background-image:url(../images/all-tours/no-result-new.png); background-size: cover; background-position: bottom; background-repeat: no-repeat; height: 860px;}
    .d-margin-zero { margin: 0px;}
    #load-data .fya-card { min-width: 253px;}
    .fya-tour-features label  { margin-top: 5px;}
    #ajaxtourtype {padding-top: 10px;padding-bottom: 10px; margin-top: 8px;}
    #ajaxstatetype {padding-top: 10px; padding-bottom: 10px; margin-top: 8px;}
    #ajaxthemetype{padding-top: 10px; padding-bottom: 10px; margin-top: 8px;}
    #ajaxproducttype {padding-top: 10px; padding-bottom: 0px; margin-top: 8px;}
    .desktopfilter { padding-top: 15px!important; padding-bottom: 10px!important;}
    
}
    
@media only screen and (max-width: 768px) {
    .all-new-tour-page .fya-card{padding: 0.477rem; min-height: 164px;}
    .all-new-tour-page .fya-card h3 { margin-top: 0px; padding-top: 0px; max-width: 147px; min-height: 39px;}
    
    .all-new-tour-page .fya-image figure { }
    .all-new-tour-page .fya-image figure img {}
    .comingsoonoverlay {}
    .all-new-tour-page .fya-tour-features {padding: 0px 0px 5px 0px;}
        .searchdiv { padding: 0; padding-left: 8px;}
        .new-portfolio-tab ul { display: block;white-space:unset; margin-bottom: 10px; padding-left: 8px;}
        .mobile-text-center { text-align: center;}
        .new-portfolio-tab .fya-left { padding-left: 0px;}
        .mobile-text-center { text-align: center;}
       
        .mobile-text-center { text-align: center;}
        .destination-tab ul li {     margin: 3px 3px 0 3px; }
        .filter-search-icon { top:4px;}
        .searchdiv input { height: 48px;box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);}
         h1.new-heading { text-align: center!important; font-size: 24px; font-weight: 700;}
        .custom-checkbox input:checked + .checkmark {border: 1px solid #173954;}
        .custom-radio input:checked + .radiomark {border: 1px solid #173954;}
        .noRecordsinmg { display: none;}
    
        .fya-card a {font-size: 14px;}
    
        .fya-tour-features label { margin-left: 5px;color: #909090 !important;}
        .new-tour-page { min-height: 440px;}
        .cactusimage { width: 70px;}
        .fya-card .tour-card-tag { top:8px!important;}
        .active-dot { top:2px; right: -8px;}
       .all-filter-check { right: -10px;top: 10%; width: 12px; height: 12px;}
    
      .all-new-tour-page .new-portfolio-tab ul li.filter:hover{background: #173954!important;}
    .desktopcuswdt-2 {padding-left:18px;padding-right: 18px;}
}