/* Package Container Start */
.package-index-container{background: url(../images/package-index-bg.jpg) no-repeat center center; background-size: cover; background-position: center !important; height: 225px; position: relative; margin-bottom: 0px;}
.package-index-container-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.package-index-container-box h2{text-align: center; color: #fff; text-align: center; font-size: 30px; letter-spacing: -0.8px; font-weight: 600; text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.76); margin-bottom: 10px;}
/* Package Container Finish */


/* Breadcrumb Start */
.breadcrumb-bg{background: #fff; margin-bottom: 0px;}
.breadcrumb-bg .breadcrumb{margin-bottom: 0; background: transparent; font-size: 10px; padding: 5px 0; border-radius: 0;}
.breadcrumb-bg .breadcrumb>li>a{color: #8a8a8a;}
.breadcrumb-bg .breadcrumb>li+li:before{content: "\f105"; font-family: "FontAwesome"; color: #656565;}
.breadcrumb-bg .breadcrumb>.active{color: #656565;}
/* Breadcrumb Finish */


/* Hotel Index Content Start */
.package-index-content-section{margin: 25px 0 20px 0;}
.package-index-content-section h2{font-size: 20px; color: #1a1a1a; font-weight: 400; margin-bottom: 10px;}
.package-index-content-section p{font-size: 13.5px; letter-spacing: 0.1px; color: #656565; font-weight: 400; line-height: 26px; margin-bottom: 15px; text-align: justify;}
.package-index-content-section p a{color: #ef5822;}
.package-index-content-section h3{font-size: 20px; color: #1a1a1a; font-weight: 400; margin-bottom: 10px; margin-top: 25px;}
/* Hotel Index Content Finish */


/* Hotel Index Place Start */
.packageindex-place-section{padding: 0px 0 30px 0;}
.packageindex-place-box{position: relative; margin: 0 -9px 12px -9px; overflow: hidden; background: #f4f4f4 url(../images/loading-img.png) no-repeat center center; height: 176px;}
.packageindex-place-box:before {content: ''; position: absolute; width: 100%; height: 80px; bottom: 0; background-color: rgba(255,255,255,0); background-image: repeating-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.90) 100%);}
.packageindex-place-box>img{width: 100%; height: 100%;}
.packageindex-place-box-detail{text-align: center; position: absolute; bottom: 15px; width: 100%; left: 10px; right: 10px;}
.packageindex-place-box-detail h4{font-size: 18px; letter-spacing: -0.8px; color: #ffffff; font-weight: 600; margin: 0px 0 5px 0;text-shadow: 2px 3px 7px rgba(0, 0, 0, 0.91);}
.packageindex-place-box-detail p{font-size: 12px; color: #ffffff; text-shadow: 2px 3px 7px rgba(0, 0, 0, 0.91);}
.packageindex-place-box .wishlist{position: absolute; width: 30px; transition: 0.25s; height: 30px; background: rgba(241,89,34,1); color: #fff; font-size: 15px; top: 5px; right: -50px; text-align: center; line-height: 30px;}
.packageindex-place-box:hover .wishlist {right: 10px;}
.packageindex-placesection-row{margin-left: -6px !important; margin-right: -6px !important;}
.packageindex-place-box-detail a {text-decoration: none !important;}
/* Hotel Index Place Finish */

.package-detail-similar-project-detail { background: #fbfbfb; border-top: 1px solid #efefef;  padding: 50px 0; margin-bottom: 0; margin-top: 0px;}

@media (min-width: 1300px){
.search-container-box{width: 800px;}
.hotelpage-search-box-1{width: 515px !important; display: inline-block; margin: 0 -5px;}
.hotelpage-search-box-2{width: 320px !important; display: inline-block; margin: 0 -5px;}
.hotelpage-search-box-3{width: 300px !important; display: inline-block; margin: 0 -5px;}
.hotelpage-search-box-4{width: 205px !important; display: inline-block; margin: 0 -5px;}
}

@media (max-width: 1299px){
.packageindex-place-box{height: 158px;}
}

@media (max-width: 1199px){
.packageindex-place-box{height: 129px;}
}

@media (max-width: 991px) {
.package-index-container-box h2{font-size: 27px;}
.package-index-content-section h3{font-size: 18px;}
.packageindex-place-box{height: 202px;}
}


@media (max-width: 767px){
.package-index-content-section .col-md-12, .packageindex-place-section .container{padding: 0 10px;}
.breadcrumb-bg .col-md-12{padding: 0 10px;}
.packageindex-place-box{height: auto; min-height: 180px;}
.package-index-content-section p{font-size: 13px;}
.package-index-content-section p, .package-index-content-section h3{margin-left: 5px; margin-right: 5px;}
}

