.working-hours{
	border-radius: 5px;
}
.hidden{
	display:none;
}
.row{
	--bs-gutter-x: 0px;
}
.btn-primary{
	color: var(--hotel-button-color)!important;
	background-color: var(--hotel-button-background-color)!important;
	border: var(--bs-btn-border-width) solid var(--hotel-button-border-color)!important;
}
.btn-primary:hover{
	color: var(--hotel-button-hover-color)!important;
	background-color:var(--hotel-button-hover-bg-color)!important;
	border: var(--bs-btn-border-width) solid var(--hotel-button-hover-border-color)!important;
}
.px-0{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.background-overlay{
	background-color: #000000;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/* X-Large devices (large desktops, 1200px and up)*/
@media only screen and (min-width: 1200px) {
	.tec-site-logo{
		max-height: 150px;!important;
	}
	.tec-d-flex{
		display: flex !important;
		justify-content: space-between !important;
	}
	.mb-24 {
		margin-bottom: 6rem !important;
	}
	.mb-8 {
		margin-bottom: 2rem !important;
	}
	.fs-4 {
		font-size: 3rem !important;
	}
	.py-46{
		padding-top: 16rem !important;
		padding-bottom: 16rem !important;
	}
	.py-44{
		padding-top: 14rem !important;
		padding-bottom: 14rem !important;
	}
	.py-42{
		padding-top: 12rem !important;
		padding-bottom: 12rem !important;
	}
	.py-40{
		padding-top: 10rem !important;
		padding-bottom: 10rem !important;
	}
	.py-40-lg{
		padding-top: 10rem !important;
		padding-bottom:10rem !important;
	}
	.py-32 {
		padding-top: 8rem !important;
		padding-bottom: 8rem !important;
	}
	.py-24 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	.py-24-lg {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	.py-16{
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
	.py-12{
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}

	.px-10{
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	.pt-6{
		padding-top: 1.6rem;
	}
	.tec-p-4-lg{padding: 1.5rem !important;}
	.justify-content-lg-between{
		justify-content: space-between !important;
	}
	/* **************** */
	.header-height{
		height: 92vh;
	}
	.top-50{
		top: 20% !important;
	}
	.font-xxl{
		font-size: 3.5rem;
	}
	.lr-25{
		left: 25%;
		right: 25%;
	}
	.gap-8{
		gap: 3rem !important;
	}
	.bottom-1-lg{
		bottom: 1% !important;
	}
	.bottom-10-lg{
		bottom: 15% !important;
	}
	.bottom-5-lg{
		bottom: 1% !important;
	}
	.bottom-1-lg{
		bottom: 1% !important;
	}
	.font-tec-xl{
		font-size: 1.7rem;
	}
	.font-tec-l{
		font-size: 1.2rem;
	}
	.tec-w-50-lg{
		width: 60%;
	}
}

/*  Large devices (desktops, 992px and up)*/
@media only screen and  (min-width: 992px) and (max-width: 1199px) {

	.py-lg-40{
		padding-top: 10rem !important;
		padding-bottom: 10rem !important;
	}
	.py-lg-32 {
		padding-top: 8rem !important;
		padding-bottom: 8rem !important;
	}
	.py-md-24 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	.tec-site-logo{
		max-height: 82px;!important;
	}
	.tec-w-50-sm{
		width: 50% !important;
	}
	.tec-d-flex{
		display: flex !important;
		justify-content: space-between !important;
	}
	.py-42-sm{
		padding-top: 10rem !important;
		padding-bottom: 10rem !important;
	}
	.py-42{
		padding-top: 10rem !important;
		padding-bottom: 10rem !important;
	}
	.py-40-sm{
		padding-top: 12rem !important;
		padding-bottom: 12rem !important;
	}
	.py-40{
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	.py-24{
		padding-top: 4rem !important;
		padding-bottom:4rem !important;
	}
	.py-24-sm{
		padding-top: 4rem !important;
		padding-bottom:4rem !important;
	}
	.py-16{
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.py-12{
		padding-top: 0.75rem !important;
		padding-bottom: 0.75rem !important;
	}
	.py-10{
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.py-10-sm{
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.px-10{
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}
	.tec-p-1-sm{padding: .5rem !important;}
	.text-sm-center{
		text-align: center !important;
	}
	.py-md-24 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	.header-height{
		height:50vh;
	}
	.lr-25{
		left:  5%;
		right:  5%;
	}
	.bottom-10{
		bottom: 25% !important;
	}
	.bottom-5-sm{
		bottom: 5% !important;
	}
	.bottom-1-sm{
		bottom: 1% !important;
	}
	.bottom-10-sm {
		bottom: 10% !important;
	}
	.top-50-sm{
		top: 30% !important;
	}
	.top-50{
		top: 20% !important;
	}
	.font-xxl{
		font-size: 2.5rem;
	}
	.font-tec-xl{
		font-size: 1.42rem;
	}
	.font-tec-l{
		font-size: 1rem;
	}
	.tec-w-50{
		width: 60%;
	}
	.tec-w-md-100{
		width: 60%;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media only screen and  (min-width: 577px)  and (max-width: 991px) {
	.h3,h3{
		font-size: 1.3rem;
	}
	.tec-site-logo{
		max-height: 82px;!important;
	}
	.tec-w-50-sm{
		width: 50% !important;
	}
	.tec-d-flex{
		display: flex !important;
		justify-content: space-between !important;
	}
	.py-42-sm{
		padding-top: 10rem !important;
		padding-bottom: 10rem !important;
	}
	.py-42{
		padding-top: 10rem !important;
		padding-bottom: 10rem !important;
	}
	.py-40-sm{
		padding-top: 12rem !important;
		padding-bottom: 12rem !important;
	}
	.py-40{
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	.py-24{
		padding-top: 4rem !important;
		padding-bottom:4rem !important;
	}
	.py-24-sm{
		padding-top: 4rem !important;
		padding-bottom:4rem !important;
	}
	.py-16{
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.py-12{
		padding-top: 0.75rem !important;
		padding-bottom: 0.75rem !important;
	}
	.py-10{
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.py-10-sm{
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.px-10{
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}
	.tec-p-1-sm{padding: .5rem !important;}
	.text-sm-center{
		text-align: center !important;
	}
	.py-md-24 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	.header-height{
		height: 50vh;
	}
	.lr-25{
		left: 20%;
		right: 20%;
	}
	.bottom-10 {
		bottom: 5% !important;
	}
	.top-50{
		top: 35% !important;
	}
	.bottom-5-sm{
		bottom: 5% !important;
	}
	.bottom-1-sm{
		bottom: 1% !important;
	}
	.bottom-10-sm {
		bottom: 10% !important;
	}
	.top-50-sm{
		top: 30% !important;
	}
	.top-10-sm{
		top: 5% !important;
	}
	.font-xxl{
		font-size: 1.5rem;
	}
	.font-tec-xl{
		font-size: 1.2rem;
	}
	.font-tec-l{
		font-size: 0.9rem;
	}
	.tec-w-50{
		width: 60%;
	}
}

/* Small devices (landscape phones, 576px and up)*/
@media only screen and (max-width: 576px) {
	.h3,h3{
		font-size: 1.1rem;
	}
	.tec-site-logo{
		max-height: 82px;!important;
	}
	.tec-w-50-sm{
		width: 50% !important;
	}
	.tec-d-flex{
		display: flex !important;
		justify-content: space-between !important;
	}
	.py-42-sm{
		padding-top: 10rem !important;
		padding-bottom: 10rem !important;
	}
	.py-42{
		padding-top: 10rem !important;
		padding-bottom: 10rem !important;
	}
	.py-40-sm{
		padding-top: 8rem !important;
		padding-bottom: 8rem !important;
	}
	.py-40{
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	.py-24{
		padding-top: 4rem !important;
		padding-bottom:4rem !important;
	}
	.py-24-sm{
		padding-top: 4rem !important;
		padding-bottom:4rem !important;
	}
	.py-16{
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.py-12{
		padding-top: 0.75rem !important;
		padding-bottom: 0.75rem !important;
	}
	.py-10{
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.py-10-sm{
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.px-10{
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}
	.tec-p-1-sm{padding: .5rem !important;}
	.text-sm-center{
		text-align: center !important;
	}
	.btn-primary{
		font-size: 0.71rem!important;
	}
	.header-height{
		height: 60vh;
	}
	.lr-25{
		left: 1%;
		right: 1%;
	}
	.bottom-5-sm{
		bottom: 5% !important;
	}
	.bottom-1-sm{
		bottom: 1% !important;
	}
	.bottom-10-sm {
		bottom: 10% !important;
	}
	.top-50-sm{
		top: 30% !important;
	}
	.top-10-sm{
		top: 5% !important;
	}
	.justify-content-sm-center{
		justify-content: center!important;
	}
	.font-xxl{
		font-size: 1rem;
	}
	.font-tec-xl{
		font-size: 0.9rem;
	}

	.font-tec-sm{
		font-size: 0.8rem;
	}
	.tec-w-50{
		width: 90%;
	}
}


@media only screen and (max-width: 576px) {
  .collapse{
    display:block!important;
  }
  
  .navbar-collapse{
    flex-basis: auto!important;
text-align: center;
  }   
    .tec-site-logo {
        max-height: 70px;
    }
}