.navbar-brand img {width: 120px;}
body {font-family: "Jost", sans-serif;}
.userimage a img{width: 40px;
    height: 41px;
    object-fit: cover;
    border-radius: 50%;}
    
.languageselector {border-radius: 20px;
    padding: 4px 15px;
    border: 1px solid #ccc;}
    
.mainbanner {background:url(../img/main.jpg);height: 230px;
    background-position: bottom;
    background-size: cover;    padding-top: 50px;
    background-repeat: no-repeat; position:relative;
	
	}
    
.mainbanner:after {
       content: '';
    background: #000;
    position: absolute;
    opacity: 0.6;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;}

.navbar-brand {padding:0px;}
.padding80 {padding:80px 0px;}
h1 {font-size:30px; margin-bottom:30px;}
.enhancements {  position: relative;  margin-top: -100px;padding-top:0px;}
.enhancements .card{box-shadow: 0px 8px 24px 0px rgba(148.99999999999997,156.99999999999997,164.99999999999997,.2); border:0px;     padding: 20px;     width: 100% !important;     margin-bottom: 30px;}
.enhancements .card img {margin-bottom:20px;}
.enhancements .card-body {padding:0px;}
.enhancements .card-body h5{    margin-bottom: 0px !important; color:#ED3C6A;}

a {text-decoration:none;}
.gallery ul {list-style:none; padding:0px;}
.gallery ul li {width:20%; float:left;}
.gallery ul li img {width:100%;}

.footerdescp {background:#ED3C6A; padding: 2.5rem;     margin-top: 30px;}
.footerdescp p {margin-bottom:0px;     font-weight: 600; font-size: 1.125rem;}
.middlefooter {padding:40px 0px;}
.footer-title {font-weight: 600; margin-bottom:10px; font-size: 19px;}
.middlefooter ul {list-style:none; padding:0px;}
.middlefooter ul li a {color:#ED3C6A;}
.footerlogo img{width:80px;}
.footersocial li svg{    width: 20px; fill:#ED3C6A;}
.bottom-footer {background:#ddd;  padding: 20px 0px 15px 0px;}
.footersocial {display:flex; gap:20px;}
footer {   clear: both;  background:#f5f5f5;}
.copyright {    font-size: 14px; font-weight: 400;}

header .navbar-nav {    margin-left: auto;
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 20px;
    vertical-align: middle;}
    
  header  {    padding: 15px 0px;}
  
  .cartingsys {position:relative;}
  .cartcount {background: #ED3C6A!important;
    color: #fff;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    position: absolute;
    top: -9px;
    right: 0px;}
  
.bookingboxe {overflow:hidden;    align-items: center; display: flex;  gap: 10px; border: 1px solid #ddd;}
.hoteldetails {width: 60%; font-size: 15px!important; padding: 10px 20px;align-self: stretch;}
.hotelimg {  align-self: stretch;  width: 40%; background-position: center !important;
    background-size: cover !important;  position:relative;}
.hotelimg img  {  display: none;  width: 100%; height: 160px;  object-fit: cover;}
  
  
 #carouselExampleIndicators .carousel-item img{border-radius:12px;}
 
 .guestdetails ul{display: flex;
    padding: 0px;
    list-style: none;
    gap: 20px;
    align-items: center; margin-bottom: 7px;}
 .guestdetails ul li {display: flex;
    align-items: center; gap:5px; }
    
.hotelID {  font-size: 1.25rem;   color: #ED3C6A; 
    margin-bottom: 10px;}
.staydetails {display: flex;   align-items: center; gap: 5px;}
.enhancements h1{color: #fff;}

.enhancements-zeromargin {margin-top:0px;}
.breadbar {position:relative; z-index: 1;  color: #fff;}
.breadcrumb-item+.breadcrumb-item::before {color:#fff;}
  ol.breadcrumb {justify-content:right;}
  
  .counter__increment, .counter__decrement {
  transition: all 0.4s ease-in-out;
}

.counter {
  position: relative;
  width: 7.5rem;
  height: 38px;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
}
.counter__input {
  border: none;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  color: #2f3640;
  font-size: 0.875rem;
  background-color: transparent;
}
.counter__increment, .counter__decrement {
  position: absolute;
  top: 0;
  font-size: 1rem;
  line-height: 36px;
  height: 38px;
  width: 2.1875rem;
  font-weight: normal;
  color: #2f3640;
  text-decoration: none;
}
.counter__increment:hover, .counter__increment:active, .counter__increment:focus, .counter__decrement:hover, .counter__decrement:active, .counter__decrement:focus {
  color: #2f3640;
  text-decoration: none;
  background-color: #edeff0;
}
.counter__increment {
  right: 0;
  border-left: 1px solid #ccc;
}
.counter__decrement {
  left: 0;
  top: 0;
  border-right: 1px solid #ccc;
  line-height: 36px;
}

.addcartbtn button{background: #ED3C6A;
    color: #fff;
    border-radius: 6px;
    width: 100%;}
    
.addcartbtn button:hover {background: #212529;color: #fff;}
    
.valigncenter {align-items:center;}

.pimage img{    width: 100%;
    margin-bottom: 0px!important;
    border-radius: 10px;     height: 220px;
    object-fit: contain;}
    
.info-main ul{padding-left:18px; line-height: 19px;
    font-size: 14px;}
.gj-datepicker button {border:0px;background: #666;color: #fff; }
.gj-datepicker {width:100%!important; font-size: 15px;}
.gj-datepicker input {font-size: 15px;}
  
 .reshotelbnamebg h5{color:#000;     margin: 0;}
  .reshotelbnamebg h5 a {color:#fff;}
 .reshotelbnamebg {position: absolute;
    bottom: 0;
    left: 0;
    padding: 13px;
    top: 0;
    display: flex;
    align-items: flex-end;
    background: rgba(0, 0, 0, 0.6); display:none; width:100%;}
	
	
.discountbadge {height: 80px;
    width: 80px;
    background: url(https://rental-extras.com/images/dbs.png);
    text-align: center;
    line-height: 23px;
    color: #fff;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px;
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;}
	
	
	
.breadbarcrums {position:relative; z-index:1;     float: right;}

.breadbarcrums a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	line-height: 36px;
	padding: 0 10px 0 35px;
  background: #fff;
	color: black;
	transition: all 0.5s;  
	position: relative;
}
.breadbarcrums a:first-child {
	border-radius: 5px 0 0 5px; 
	padding-left: 20px;
}
.breadbarcrums a:first-child:before {
	left: 14px;
}
.breadbarcrums a:last-child {
	border-radius: 0 5px 5px 0; 
	padding-right: 20px;
}


.breadbarcrums a.active, .breadbarcrums a:hover{
	background: #ED3C6A;
	color:#fff;
}
.breadbarcrums a.active:after, .breadbarcrums a:hover:after {
	background: #ED3C6A;
	color:#fff;
}

.breadbarcrums a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px;
	width: 36px; 
	height: 36px;
	transform: scale(0.707) rotate(45deg);
	z-index: 1;
    background: white;
	transition: all 0.5s;
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	border-radius: 0 5px 0 50px;
}
.breadbarcrums a:last-child:after {
	content: none;
}

.cartsticky {position: relative;
    z-index: 1; max-width: 85px;
    margin-left:auto; display:none}
	
.cartsticky .material-symbols-outlined {    filter: invert(1)}
.hiddcoutbtn {display:none;}
	

  
/*=============================   RESPONSIVE CSS ===============================================*/

@media (max-width: 991px){
.container, .container-md, .container-sm {
    max-width: 100%;
}
.ordersmb {order:3;        margin-top: 10px;}
.middlefooter {
    padding: 30px 0px;
}
}

@media (max-width: 1199px){
.container, .container-md, .container-sm {
    max-width: 100%;
}


}
  

@media (max-width: 575px){
	
	.col-xs-6 {width:50%;}
	.card-img-top {height:200px!important;     object-fit: cover!important;}
	.pimage img {height:auto!important;     object-fit: cover!important; margin-bottom: 20px !important;}
	.guestdetails ul {gap:5px;}
	.res3 {width:30%;}
	.res7 {width:70%;     gap: 0px !important;}
	.navbar-brand img {width:100%;}
	header .navbar-nav {gap:10px;}
	.padding80 {padding-bottom:25px;}
	.enhancements .card {padding:13px!important;}
	.hoteldetails h5{}
	.enhancements {    margin-top: 0px!important;         padding-top: 30px;}
	.mainbanner {position: sticky;
        top: -1px; margin-top: 20px;
        height: auto;
        padding-bottom: 14px;
        padding-top: 14px; z-index:9;}
		.breadbarcrums {float:left!important;}
		.mbflexcont {display:flex; align-items: center;}
		.cartsticky {display:block!important;}
		
		.pimage .carousel-item img, .pimage img {width:50%!important;}
		.hiddcoutbtn {display:block;}
		
}

@media (max-width: 525px){
	
	.guestdetails ul {        gap: 15px;}
	.bookingboxe {display:block;}
	.hoteldetails {width:100%;     padding: 15px}
	.hotelimg {height: 130px;  width: 100%;}
	.hoteldetails h5{display:none}
	.reshotelbnamebg{ display:flex!important;}
	ol.breadcrumb {justify-content: left!important;}
	h1 {font-size:20px;}
}

  
 @media (max-width: 400px){
	
	.enhancements .card {padding:13px!important;}

}


@media(max-width:370px) {
	
	.enhancements {margin-top: 0px!important;}
}