.listing-style.no-result { padding-top: 15px; padding-bottom: 50px; text-align: center; background: #fff; font-size: 14px; overflow: auto; min-height: 100px; }
.listing-style.no-result .fa { color: #FF7F00; font-size: 50px; }
.listing-style.no-result button { line-height: 5px; font-size: 10px; height: 20px; border-radius: 0px; text-transform: uppercase; background-color: #0C67AE; }

/*package result*/
#package-list .image-box .box, .image-box.box { text-align: left; background: #fff; margin-bottom: 30px; }
#package-list article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
#package-list .image-box .box img, .image-box.box img { width: 100%; height: auto; }
#package-list .hover-effect img { display: block; position: relative; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-backface-visibility: hidden; }
#package-list .hover-effect:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transform: rotateY(180deg) scale(0.5, 0.5); -moz-transform: rotateY(180deg) scale(0.5, 0.5); -ms-transform: rotateY(180deg) scale(0.5, 0.5); -o-transform: rotateY(180deg) scale(0.5, 0.5); transform: rotateY(180deg) scale(0.5, 0.5); background: url(../images/icon/hover-effect.png) no-repeat center; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; background-color: rgba(1,183,242,0.6); }
#package-list .tour-locations .box .details { padding: 15px 18px 18px; background: #fff; }
#package-list .price-p { color: #0c67ae; font-size: 24px; text-transform: uppercase; line-height: 1; display: block; }
#package-list .tour-locations .box .box-title { line-height: 1.3333em; font-size: 20px; }
#package-list .tour-locations .box hr { margin: 15px 0; border-color: #f5f5f5; border-top: 1px solid #eee; }
#package-list .tour-locations .box .features { margin-top: -5px; list-style: square; padding: 0 0 0 15px; }
#package-list .tour-locations .box .features li { font-size: 14px; position: relative; padding: 8px 0px 0px; width: calc(100% / 3); float: left; }
#package-list .tour-locations .box .time { text-align: center; margin-bottom: 15px; text-transform: uppercase; font-size: 0.8333em; line-height: 19px; }
#package-list .tour-locations .box .time i { font-size: 13px; color: #ff7f00; padding-right: 5px; }
#package-list .time [class^="soap-icon"] { float: left; font-size: 18px; color: #fdb714; margin-right: 5px; }
#package-list .tour-locations .box .details .includes ul.facility { list-style: none; }
#package-list .tour-locations .box .details .includes ul.facility li { display: block; padding: 3px 0px; width: calc(100% / 3); float: left; color: #ddd; }
#package-list .tour-locations .box .details .includes ul.facility li.active { color: #888; }
#package-list .tour-locations .box .details .includes ul.facility li i { font-size: 13px; color: #ddd; padding-right: 5px; }
    #package-list .tour-locations .box .details .includes ul.facility li.active i { color: #0c67ae; }
#package-list .tour-locations .box .details .includes ul.facility span { font-size: 14px }
#package-list .tour-locations .box .details p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#package-list .package-result-img { background-size: cover; height: 230px; background-repeat: no-repeat; background-position: center; }


/* Package review*/
.modal .modal-dialog.modal-package { width: 50%; left: 0%; right: 0; top: 0%; position: absolute; }
.modal-package #pkgquery_firstname-error, .modal-package #pkgquery_lastname-error{padding-right:15px;}
#pkgqueryform #pkgquery_dialingcode-error{left:60px;}

.package-details { }
#package-details .tab-container .tab-content .tab-pane { padding: 15px; }
#package-details .sidebar .detailed-logo { background: #fff; padding: 15px }
#package-details .sidebar .detailed-logo .box-title > small > i { font-size: 15px; color: #0c67ae; }
#package-details #lightSlider ul { list-style: none outside none; padding-left: 0; margin-bottom: 0; }
#package-details #lightSlider li { display: block; margin-right: 6px; cursor: pointer; }
#package-details #lightSlider img { display: block; height: auto; max-width: 100%; width: 100% }
#package-details .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 0 !important }
#package-details .lSSlideOuter .lSPager.lSGallery img { display: block; max-width: 100%; height: 50px; min-height: 50px; }
#package-details .noimage { width: 100%; margin: 0px; height: 100% }
#package-details .tab-content * { font-size: 13px !important; }
#package-details .tab-container ul.tabs { padding: 15px; }
#package-details .includes ul.facility{display:inline-block}
#package-details .includes ul.facility li { display: block; padding: 3px 0px; width: calc(100% / 3); float: left; color: #ddd; }
#package-details .includes ul.facility li.active { color: #888; }
#package-details .includes ul.facility li i { font-size: 13px; color: #ddd; padding-right: 5px; }
    #package-details .includes ul.facility li.active i { color: #0c67ae; }
/*Package Itinerary toggle css*/
#package-details #sidebar .detailed-logo .box-title, #sidebar .detailed-logo .price, #sidebar .detailed-logo .feedback { border-bottom: 1px solid #f5f5f5; }
#package-details #sidebar .detailed-logo .five-stars-container { color: #FF7F00; font-size: 12px; }
#package-details .main-package-deatils { }
#package-details .main-package-deatils .container { background: #fff; }
#package-details .main-package-deatils h2 span.hold_dest-name { font-size: 26px; line-height: 20px !important; }
#package-details .toggle-container { background: #fff; }
#package-details .toggle-container .panel { border-radius: 0 0 0 0; border-bottom: 2px solid #f5f5f5; position: relative; }
#package-details .toggle-container .panel h4.panel-title { padding: 0; color: #2d3e52; font-size: 1.1667em; position: relative; font-size: 1.3333em; }
#package-details .toggle-container .panel.style1 .panel-title > a { line-height: 24px; white-space: normal; display: block; padding: 15px; width: 100% }
#package-details .toggle-container .panel.style1 .panel-title > a.collapsed:before { content: "\f067"; color: #fff; background: #0c67ae; }
#package-details .toggle-container .panel.style1 .panel-title > a:before { display: block; content: "\f068"; font-family: FontAwesome; margin-right: 16px; line-height: 24px; font-size: 10px; float: right; width: 24px; height: 24px; text-align: center; color: #9e9e9e; background: #f5f5f5; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; }
#package-details .toggle-container .panel.style1 .panel-content { padding: 10px 15px 15px 15px; }
#package-details .toggle-container div:last-child { border: none; }
.itinerary-heading h2 { background: #0c67ae; padding: 8px 15px; color: #fff; margin-bottom: 0 }

/*Inclusions and exclusions css*/
#package-details .inclusions ul { }
#package-details .inclusions div:first-child { border-right: rgba(0,0,0,0.5); }
#package-details .inclusions h2 { background: #0c67ae; padding: 8px 15px; color: #fff; margin-bottom: 0; }
#package-details .hover-effect { display: block; position: relative; background: none; overflow: hidden; }
#package-details .tab-container ul.info-tabs li a { background: #0c67ae; !important; color: #fff; }
#package-details .inclusions ul.price-dates { padding-left: 0px; padding-right: 0px; }
#package-details #lightSlider { height: 305px !important; }
#package-details ul.bullets li { font-size: 14px !important; list-style: square;width:100% }
#package-details ul.bullets li span { font-size: 14px !important; list-style: square }
#package-details ul.bullets li .fa { color: #FF7F00 }

#package-details ul.price-and-dates{font-size:14px !important;width:100%;margin-top:10px;margin-bottom:10px;}
#package-details ul.price-and-dates li{border:ridge 1px; width:50%;height:34px;line-height:34px;padding-left:5px;}
#package-details #tab-pricing-dates .tab-pane{padding:0;}
#package-details .package-day-pic{max-height:150px; height:150px;}
#package-details #pkg-images-carouselcarousel img{cursor:pointer}
ul.pkg_htl_details .fa { color: #FF7F00; }
.pkg_htl_details .htl_img img { max-height: 150px; height: 150px; width: 100%;}
.accommodation{font-size: 30px !important;}
.pkg_htl_details .htl_name p {
    color: #000000c9;
}
.accommodation_border {
    border-bottom: 1px solid #0000008f;
    width: 60%;
    padding-top: 10px;
}
#pkgquery_departuredate {
    background: #fff
}

/*slider */
#package-details .flexslider{margin:0px;}
#package-details #pkg-images-carousel .slides img{max-height:100px; height:100px;width:100px;cursor:pointer}
#package-details #pkg-images-slider .slides img{max-height:450px; height:450px;}
#package-details .flex-direction-nav a{overflow:visible;}
#package-details .flexslider:hover .flex-direction-nav .flex-prev{opacity:1;}
#package-details .flexslider:hover .flex-direction-nav .flex-next{opacity:1;}

div#ui-datepicker-div { z-index: 1051 !important }

/*Package booking detail*/
#pkg_booking_detail_accordion { padding-right: 10px; }


@media only screen and (max-width: 768px) {
    #package-details{padding-top:20px;}
    #package-details .toggle-container .panel.style1 .panel-content { padding: 15px; }
    #package-details .toggle-container div:last-child { border-bottom: 2px solid #f5f5f5; }
    .package-head { text-align: center;float:none; }
    #package-details .lSSlideOuter .lSPager.lSGallery img { display: block; max-width: 100%; height: 30px; min-height: 30px; }
    #package-details .inclusions > div * { margin-bottom: unset; }
    .main-package-deatils { text-align: center; }
    .main-package-deatils button { float: none; }
    #package-details .tab-container ul.tabs li.active > a:after, .tab-container ul.tabs li:hover > a:after { display: none; }
    #package-details .tab-container ul.tabs li { text-align: center; min-width: 50%; margin-bottom: 4px; padding: 0; width: 50%; }
    #package-details .tab-container ul.tabs li a { margin-right: 8px; }
    #hotel-features .panel-content .col-md-10 { padding: 10px 0px; text-align: justify; }
    #package-details ul.price-and-dates li{width:100%;}
    .modal .modal-dialog.modal-package{width:90%;}
    button.btn-medium{margin-bottom:15px;}
    #package-list .tour-locations .box .details .includes ul.facility li { width: calc(100% / 2); }
    #package-list .tour-locations .box .details .includes ul.facility li:nth-child(even) { text-align: right; }
}


@media only screen and (max-width:320px) {
    #package-details ul.bullets li span { font-size: 12px !important; }
    .tab-container ul.tabs li { font-size: 10px !important; }
}

@media only screen and (max-width:480px) {
    #package-list { padding-top: 20px !important; }
    #package-details #hotel-main-content ul.tabs li { text-align: center; /*min-width: 50%;*/ margin-bottom: 8px; padding: 0; width: calc( 100% /1); }
    #package-details  .detailed-logo  ul.facility li { width: calc((100%/2) - 10px); font-size: 12px; }
    #package-details .detailed-logo ul.facility li:nth-child(even){text-align:right;}
    /*#package-details ul.bullets li { font-size: 14px !important; list-style: none; }*/
    .tab-container .txt-right { margin-top: 10px; }
    .currency-balance, .currency-balance .quick-menu.fr { float: right !important; }
    #hotel-Standard ul.fl-li.bullets { padding-left: unset; }
}

@media only screen and (max-width:991px) {

 
    #hotel-Standard ul.fl-li.bullets { padding-left: 20px; }
    #package-details .includes ul.facility { display: block; }
    #package-details .sidebar .detailed-logo { float: left; width: 100%; }
}