.meal-box ul li {display:block; margin-bottom:15px; position:relative;} 
.meal-box .form-holder .icon {position:absolute;top:8px;color:#d7d7d7;font-size:14px; right:0;}
.meal-box .form-holder .input-effect {color:#000; font-size:13px; text-indent:20px;}
.star-rating .star {font-size:18px;}
p.distance {font-size:14px; margin:20px 0 0 0;}
.scroll-contant {overflow:auto; max-height:180px;margin:10px 0 0 0;-webkit-overflow-scrolling: touch;}
.scroll-contant::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(215, 215, 215, 0.3);background-color: #F5F5F5;}
.scroll-contant::-webkit-scrollbar {width: 6px;background-color: #fff;}
.scroll-contant::-webkit-scrollbar-thumb {background-color: rgba(210, 210, 210, 0.5);}
.theme-select .holiday-dest-icon-ul li {display: inline-block;background: #fbfbfb;margin: 0 20px 20px 0;text-align: center;cursor: pointer;}
.theme-select .holiday-dest-icon-ul li {display:inline-block;}
.theme-select .holiday-dest-icon-ul li > input+label {height:55px; width:55px; display:table; padding:0; text-align:center; border-radius:50%;} 
.theme-select .holiday-dest-icon-ul li > label > span.label-img {display:table-cell; vertical-align:middle;}
.theme-select .holiday-dest-icon-ul li > label > span.label-img img{max-width: 25px;}
.theme-select .holiday-dest-icon-ul li input:checked + label {background: #fff200;border: 1px solid #fff200;}
.theme-select .holiday-dest-icon-ul li > label > span{font-size: 12px;}
.theme-select ul.holiday-dest-icon-ul li span{font-size: 12px;}
.holiday-sort-by{position: relative;text-align: right;margin-bottom: 5px;font-size:14px;float:right;line-height:30px;}
/*
.holiday-sort-by a.price-text{color: #ff0000;font-size: 14px;position: relative;}
.holiday-sort-by a.price-text:after{position: absolute;bottom:-5px;right: 5px;height: 3px;background: #ff0000;width: 48px;content: "";}
*/
.child-holder .form-holder {
    float:left;
}

.starRating {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: #ff8a00;
}

.star50:before {
    content: "\f005 \f005 \f005 \f005 \f005";
}

.star45:before {
    content: "\f005 \f005 \f005 \f005 \f5c0";
}

.star40:before {
    content: "\f005 \f005 \f005 \f005";
}

.star35:before {
    content: "\f005 \f005 \f005 \f5c0";
}

.star30:before {
    content: "\f005 \f005 \f005";
}

.star25:before {
    content: "\f005 \f005 \f5c0";
}

.star20:before {
    content: "\f005 \f005";
}

.star15:before {
    content: "\f005 \f5c0";
}

.star10:before {
    content: "\f005";
}


.holiday-sort-by a.price-text{position: relative;}
.holiday-sort-by ul > li {display: inline-block;font-size: 14px;margin:0 8px;position: relative;}
.holiday-sort-by ul > li:after {position: absolute;content: "";
    height: 16px;
    background: #adadad;
    width: 1px ;
    top: 8px;
}
.holiday-sort-by ul > li:last-child:after {height:0;}  
.holiday-sort-by ul > li:first-child{
	margin-right: 0px;
}
.holiday-sort-by ul > li:last-child{
	border-right: 0;
	margin-right: 0;
}
.holiday-sort-by ul > li > span{
  /*    padding-right: 7px;	*/
	margin-right: 7px;
}
.holiday-sort-by ul > li > span > a{
	color: #828486;
} 

.holiday-sort-by span.red-highlight a {
    color: #0088d1;
    border-bottom: 3px solid #0088d1;
    padding-bottom: 2px;
	-webkit-transition: .3s;
    transition: .3s;
}
.holiday-sort-by ul > li > span.short {border-bottom: 3px solid #ff0000; padding-bottom: 2px; color:#ff0000 !important;}
/*.holiday-sort-by span.short a {color:#ff0000 !important;}*/




.holiday-sort-by ul > li:last-child i {padding-left:5px;}
.modify-search-hotel .form-holder {position:initial} 
.modify-search-hotel .add-room {margin-right:0;min-width:380px;left: -80px;}
.modify-search-holder .icon-color {top: 8px;}

.hotel-holder {clear:both; width:100%; background:#f5f5f5; margin-bottom:10px;    transition: box-shadow .5s ease-in-out;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
.hotel-holder:hover {-webkit-box-shadow: 0px 2px 21px -1px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 21px -1px rgba(0,0,0,0.3);
box-shadow: 0px 2px 21px -1px rgba(0,0,0,0.3);}
.hotel-holder .hotel-img img {-webkit-transition: all .4s linear;transition: all .4s linear; width:100%;}
.hotel-holder:hover .hotel-img img { -webkit-transform: scale(1.2);transform: scale(1.2);}
.hotel-holder:hover .hotel-description h1 {color: #0088d1;}   
    
    
    
   
.hotel-holder .hotel-img {float:left;width: 30%; overflow:hidden;}
.hotel-holder .hotel-description {float:left; padding:20px 0 10px 10px; width:70%; font-size:14px;}
.hotel-holder .hotel-description h1 {font-size:18px;font-weight:bold; margin:0 0 5px 0;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.hotel-holder .hotel-description .map-icon {color:#ef3339;}
.hotel-holder .hotel-services {position:relative;padding:0 0 0 50px}
.hotel-holder .hotel-services:before {background:url(/images/sprite-img01.png) no-repeat; content:""; width:46px; height:46px; position:absolute; left:0;
background-position:-52px -711px;}
.hotel-holder .hotel-services ul li {display:inline-block; position:relative;margin:0 5px;}
.hotel-holder .hotel-services ul > li:after {position: absolute;content: "";height: 16px;background:rgba(0, 0, 0, 0.5);width: 1px;top: 3px;right: -8px;}
.hotel-holder .hotel-services ul > li:last-child:after {display:none;}
.hotel-holder .hotel-details {background:#e2e2e2; width:100%; padding:0 15px; font-size:14px;border-left: 1px dashed #a1a1a1;position: relative;}
.hotel-holder .hotel-details .hotel-discount {position:absolute;top:0; right:0; left:0; text-align:center;min-height: 180px;}
.hotel-holder .hotel-details .hotel-price {text-align:center; clear:both;    padding: 20px 0 0 0;}
.hotel-holder .hotel-details .hotel-price span {font-size:28px; font-weight:bold;}
.hotel-holder .hotel-details .hotel-price span.all-inc {display:block; font-size:10px; color:#ef3339; border:1px solid #ef3339; padding:4px 5px; width:100px; margin:0 auto 5px auto;letter-spacing: 1px; border-radius:2px; text-transform:uppercase;}
.hotel-holder .hotel-details .detail-btn p.np-hid-charges{
    text-transform: uppercase;
    color: #898b8d;
    font-size: 10px;
    font-weight: bold;
    margin: 5px 0 0 0;}

.hotel-holder .hotel-details .hotel-price span > i {font-size:24px;}
.hotel-holder .hotel-details .detail-btn {text-align: center;}
.hotel-holder .hotel-details .detail-btn .btn {padding:5px 20px;}
.hotel-holder .hotel-details:before {margin: -11px 0 0 0;width: 11px;height: 22px;left: -1px;top: 50%; position:absolute; content:"";
border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #f5f5f5;} 
.list-map {font-size:14px;margin: 0 0 5px 0; display:inline-block;}
.list-map li {float:left; padding:4px 15px; border:1px solid #d7d7d7;-webkit-transition:all 0.3s linear;transition:all 0.3s linear; cursor:pointer;}
.list-map li.active{color:#ef3339;}
.list-map li:first-child {border-right:0;}
#map-view {border:1px solid #d7d7d7; display:none; clear:both; float:left;} 
.star-rating .form-checkbox-label span {display:inline-block;line-height:18px;}
.star-rating span.star {margin-bottom: 15px; display:block;}
@media only screen and (max-width:1199px){
.hotel-holder .hotel-img {width:40%;}
.hotel-holder .hotel-description {width:60%;}
}
@media only screen and (max-width:991px){
.filter-buttons {float: left;width: 100%; margin-bottom: 30px;}
.hotel-holder .hotel-details {clear:both; display:block; border-left:0;overflow: hidden;}
.hotel-holder .hotel-details .hotel-discount {position:relative;float: left; margin-right:10px; margin:10px 0 0 0;min-height: 60px;padding: 0 10px 0 0;border-right: 1px dashed #a1a1a1;}
.hotel-holder .hotel-details:before {display:none;}
.hotel-holder .hotel-details .detail-btn {clear:both; position:relative;width:100%; text-align:left;margin:20px 0 0 0;float: left;}
.hotel-holder .hotel-img {width:30%;}
.hotel-holder .hotel-description {width:70%;}
.hotel-holder .hotel-details .hotel-price {position:relative;display: inline-block;margin:10px 0 0 10px;}
.hotel-holder .hotel-details .hotel-price span {font-size: 24px;}
.hotel-holder .hotel-details .hotel-price span > i {font-size: 21px;}
.modify-search-holder .add-room {top: 75px;left: initial;right: 15px;}
.modify-search-holder .add-room:after {top: -23px;right: 10px;left: initial;}	
	
}
@media only screen and (max-width:767px){
.hotel-holder .hotel-img {width: 40%;}
.hotel-holder .hotel-description {width: 60%;}
.hotel-holder .hotel-details .hotel-price span {font-size:20px;}
.hotel-holder .hotel-details .hotel-price span > i {font-size: 18px;}
.hotel-holder .hotel-description {padding:10px 0 10px 10px;}
.hotel-holder .hotel-description h1 {font-size:16px;}
.holiday-sort-by ul > li:after {display:none;}
.modify-search-holder label {display:none;}
.modify-search-holder .container .btn-search:first-child {float:none !important;}
.modify-search-holder {padding: 5px 0 10px 0;}
.modify-search-holiday .icon-color {top: 5px;}
.buttons-search {margin-top: 0;}
.modify-search-holder .container .form-holder {margin-bottom: 10px;}
.modify-search-holder .container .btn-search {margin: 0;}
.modify-search-hotel .add-room {min-width: initial;}
.modify-search-holder .add-room {top: 35px;left: 15px;right: 15px;}	
.meal-box ul li {margin-bottom:10px}
.airline-main-holder {padding:10px 0 20px 0;}
p.distance {margin: 10px 0 0 0;}
}
@media only screen and (max-width:479px){
	.hotel-holder .hotel-img {width:100%;}
	.hotel-holder .hotel-description {width:100%;}
	.hotel-holder .hotel-details .hotel-discount {width:100%;border-bottom:1px dashed #a1a1a1; border-right:0;text-align: left;}
	.hotel-holder .hotel-details .hotel-price {width:100%; text-align:left;}
	.hotel-holder .hotel-details {padding:0 10px;}
	.hotel-holder .hotel-details .hotel-discount {min-height: initial; padding:0 0 10px 0}
	.hotel-holder .hotel-details .hotel-price {margin:10px 0 0 0;}
	.hotel-holder .hotel-details .detail-btn {margin: 10px 0 0 0;}
	
}




.package-load-btn {
    margin: 30px auto!important;
}

@media only screen and (max-width: 991px) {
    .filter-buttons {
        left: 15px;
        position: relative;
        left: 0;
        top: 0;
        margin: 0 0 10px 0;
    }
    .hotel-holder .hotel-details{
        float:left
    }
        .hotel-holder .hotel-details .hotel-price span.all-inc{
            display:block
        }
        .hotel-holder .hotel-details .hotel-price {
            width:auto;
            position: relative;
            display: inline-block;
           margin:0 10px;
           padding:0;
        }
    .hotel-holder .hotel-details {
        padding:15px 10px;
    }
        
}


/**Additional Css*/
.modify-search-hotel .form-holder {
    position:relative!important
}
.child-holder .form-holder .icon-color {
    right: 25px;
    top: 32px;
    z-index: 999;
    color:#dd343b
}