/* Package Container Start */
.package-index-container{background: url(../images/package-index-bg.jpg) no-repeat center center; margin-top: 78px; background-size: cover; background-position: center !important; height: 300px; 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: 36px; font-weight: 500; text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.76); margin-bottom: 10px;}
/* Package Container Finish */


/* Breadcrumb Start */
.breadcrumb-bg{display: table; background: rgba(0,0,0,0.6); padding: 4px 10px; border-radius: 0 0 10px 10px;}
.breadcrumb-bg .breadcrumb{margin-bottom: 0; background: transparent; font-size: 11px; padding: 5px 0; border-radius: 0;}
.breadcrumb-bg .breadcrumb>li>a{color: #fff;}
.breadcrumb-bg .breadcrumb>li+li:before{content: "\f105"; font-family: "FontAwesome"; color: #fff;}
.breadcrumb-bg .breadcrumb>.active{color: #ebebeb;}
/* 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{color: #808490; text-align: justify; font-size: 16px; letter-spacing: 0.1px; line-height: 32px; margin-bottom: 15px; font-weight: 300;}
.package-index-content-section p a{color: #ef5822;}
.package-index-content-section h3{font-size: 24px; color: #1a1a1a; font-weight: 500; 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 0px 30px 0px; border-radius: 10px; 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; color: #ffffff; font-weight: 500; letter-spacing: 0.4px; 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; border-radius: 5px; width: 35px; transition: 0.25s; height: 35px; background: rgba(241,89,34,1); color: #fff; font-size: 16px; top: 10px; right: -50px; text-align: center; line-height: 35px;}
.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: 14px; line-height: 26px;}
.package-index-content-section p, .package-index-content-section h3{margin-left: 5px; margin-right: 5px;}
.package-index-container{margin-top: 129px; height: 260px;}
.package-index-container h2{font-size: 30px;}
.packageindex-place-box{margin-bottom: 20px;}
}