@media screen and (min-width:501px) and (max-width:1201px) {
	.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
		box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
	}

	li {
		white-space: inherit !important;
	}

	body {
		margin-bottom: 60px;
		font-family: Tahoma;
		/*  background-color: green;*/
	}

	.bg-dark {
		background-color: #00303c !important;
	}

	html {
		font-size: 0.9em;
		position: relative;
		min-height: 100%;
	}

	.bodyGapperForTablets {
		height: 82px;
		display: block;
		overflow: hidden;
		width: 100%;
		/*margin-bottom: 50px;*/
	}
	.bodyGapperForQR {
		height: 80px;
		display: block;
		overflow: hidden;
		width: 100%;
	}
	.container-fullsize {
		width: 98%;
		margin-top: -15px;
	}

	.logo {
		width:90px;
		/*height: 30px;*/
	}

	.container-fluid {
		z-index: 100 !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		/* height: 45px !important;*/
	}

	.material-icons {
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 24px; /* Preferred icon size */
		display: inline-block;
		line-height: 1;
		text-transform: none;
		letter-spacing: normal;
		word-wrap: normal;
		white-space: nowrap;
		direction: ltr;
		/* Support for all WebKit browsers. */
		-webkit-font-smoothing: antialiased;
		/* Support for Safari and Chrome. */
		text-rendering: optimizeLegibility;
		/* Support for Firefox. */
		-moz-osx-font-smoothing: grayscale;
		/* Support for IE. */
		font-feature-settings: 'liga';
	}

		.material-icons.md-14 {
			font-size: 14px !important;
			vertical-align: -2px !important;
		}

		.material-icons.md-30 {
			font-size: 30px !important;
			vertical-align: -2px !important;
		}

	.navbar {
		position: fixed !important;
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		z-index: 1000;
		width: 100%;
		padding-top: 28px;
		flex-direction: column !important;
		padding-left: 0 !important;
		margin-bottom: 0 !important;
		list-style: none !important;
	}

	.collapse:not(.show) {
		display: none !important;
	}

	.collapse:is(.show) {
		display: block !important;
	}

	.navbar-expand-sm .navbar-nav {
		flex-direction: column !important;
		flex-basis: 100% !important;
	}

	.navbar-expand-sm .navbar-collapse {
		flex-basis: 100% !important;
	}

	/*.navbar-expand-sm .navbar-collapse .show {
          display: inline !important;
          flex-grow: 1 !important;
          flex-basis: 100% !important;
     }*/

	.d-sm-inline-flex {
		display: flex !important;
	}

	.flex-grow-1 {
		flex-grow: 1 !important;
	}

	.navbar > .container,
	.navbar > .container-fluid,
	.navbar > .container-sm,
	.navbar > .container-md,
	.navbar > .container-lg,
	.navbar > .container-xl,
	.navbar > .container-xxl {
		display: flex;
		flex-wrap: inherit;
		align-items: center;
		justify-content: space-between;
		background-color: #00303c !important;
		width: 90%;
	}

	.navbar-brand {
		padding-top: 0.3125rem;
		padding-bottom: 0.3125rem;
		margin-right: 1rem;
		font-size: 1.25rem;
		text-decoration: none;
		white-space: nowrap;
		color: #ffffff !important;
		height: 48px !important;
	}

	.navbar-toggler {
		padding: 0.25rem 0.75rem;
		font-size: 1.25rem;
		line-height: 1;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: 0.25rem;
		transition: box-shadow 0.15s ease-in-out;
		color: #ffffff !important;
	}

	.navbar-toggler-icon {
		display: inline-block;
		width: 1.5em;
		height: 1.5em;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		color: #ffffff !important;
		display: block !important
	}

	.navbar-expand-sm .navbar-toggler {
		display: block !important
	}

	.navbar-dark .navbar-toggler-icon {
		background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e) !important;
	}

	.navbar-toggler:hover {
		text-decoration: none !important;
	}


	.nav-link {
		color: white !important;
	}

	.dropdown-menu {
		position: absolute !important;
		z-index: 1000 !important;
		display: none !important;
		min-width: 10rem !important;
		padding: .5rem 0 !important;
		margin: 0 !important;
		font-size: 1rem !important;
		color: #212529 !important;
		text-align: left !important;
		list-style: none !important;
		background-color: #fff !important;
		background-clip: padding-box !important;
		border: 1px solid rgba(0,0,0,.15) !important;
		border-radius: .25rem !important;
	}

		.dropdown-menu.show {
			display: block !important;
		}

		.dropdown-menu[data-bs-popper] {
			top: 100% !important;
			left: 0 !important;
			margin-top: .125rem !important;
		}

	.navbar-expand-sm .navbar-nav .dropdown-menu {
		position: static !important;
	}

	.dropdown-menu:not(.show) {
		display: none !important;
	}

	.dropdown-menu:is(.show) {
		display: block !important;
	}

	.dropdown-item {
		display: block !important;
		width: 100% !important;
		padding: .25rem 1rem !important;
		clear: both !important;
		font-weight: 400 !important;
		color: black !important;
		text-align: inherit !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		background-color: transparent !important;
		border: 0 !important;
	}

	.navbarPhoneDiv {
		float: right;
		color: #ffffff !important;
		margin-top: 20px !important;
		display: block !important;
		width: 110px !important;
		color: white !important;
		font-size: 0.7em !important;
		font-style: italic;
	}

	.navbarExchangeRatesDiv {
		float: left;
		color: #ffffff !important;
		margin-top: 20px !important;
		display: block !important;
		width: 110px !important;
		color: white !important;
		font-size: 0.8em !important;
	}

	.navbarPhoneDiv.a {
		text-decoration: none !important;
	}

	.footer {
		position: absolute !important;
		bottom: 0 !important;
		width: 100% !important;
		margin-bottom: -500px !important;
		margin-top: 100px !important;
	}

	.navbarPhoneDivFooter {
		color: #ffffff !important;
		margin-top: 20px !important;
		display: block !important;
		width: 100% !important;
		color: white !important;
		font-size: 1em !important;
		font-weight: bold !important;
	}

		.navbarPhoneDivFooter.a {
			text-decoration: none !important;
		}


	.yellowBar {
		margin-bottom: 20px;
		width: 100%;
		height: 35px;
		background-color: #FDC99A;
	}

	.blueBar {
		width: 100%;
		background-color: #00303c;
		display: block;
		overflow: auto;
	}


	.subContainer {
		width: 85% !important;
		margin: auto !important;
		display: block !important;
		overflow: auto !important;
		height: auto !important;
	}

	.subContainerLeft {
		float: left !important;
		width: 100% !important;
		display: block !important;
		display: block !important;
		overflow: auto !important;
		height: auto !important;
	}

	.subContainerRight {
		float: left !important;
		width: 100% !important;
		display: block !important;
		overflow: auto !important;
		height: auto !important;
	}

	.footerAddressDiv {
		word-wrap: break-word !important;
		width: 100%;
		overflow: hidden;
		height: auto;
	}

	.footerMenuContainerDiv {
		display: none !important;
	}

	.col-sm-3 {
		width: 18% !important;
	}

	.col-md-9 {
		flex: 0 0 auto;
		width: 72% !important;
	}

	.col-md-49 {
		flex: 0 0 auto;
		width: 49% !important;
	}

	.htmlContentDiv {
		/*margin-top: 90px;*/
		margin-bottom: 30px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		overflow: hidden;
	}

	.htmlContentDivForHotelPages {
		/*margin-top: 90px;*/
		margin-bottom: 30px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		overflow: hidden;
	}
	.htmlContentDiv85 {
		margin-top: 30px;
		margin-bottom: 30px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.htmlContentDivForInnerPage {
		margin-top: 30px;
		margin-bottom: 30px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		overflow: hidden;
	}

	.sliderImageWithBgWeb {
		display: block;
	}

	.sliderImageWithBgWeb700 {
		/*width: 150%;*/
		height: 700px;
		overflow: hidden;
		display: block;
	}

	.sliderImageWithBgWeb600 {
		/*width: 150%;*/
		height: 600px;
		overflow: hidden;
		display: block;
	}

	.sliderImageWithBgWeb800 {
		/* width: 150%;*/
		/*height: 440px;*/
		overflow: hidden;
		display: block;
	}
	.sliderImageWithBgWeb655 {
		/* width: 150%;*/
		/*height: 655px;*/
		overflow: hidden;
		display: block;
	}

	.sliderImageWithBgMobile {
		display: none;
	}

	.sliderImageWithBgMobile200 {
		display: none;
	}

	.sliderGapForMobile {
		display: none;
	}

	.sliderGapForMobileHomePage {
		display: none;
	}

	.sliderGapForNonMobile {
		height: 80px;
		display: block;
		overflow: hidden;
		width: 100%;
	}

	.bodyForWeb {
		overflow: hidden;
		display: block;
	}

	.bodyForMobile {
		display: none;
	}

	.innerPageMenuLeftDiv {
		padding-top: 10px;
		float: left;
		width: 100%;
		display: block;
		overflow: hidden;
		font-size: 0.9em;
		margin: auto;
	}

	ul.innerPageMenuUl {
		list-style-type: none;
		padding-inline-start: 0px !important;
	}

	li.innerPageMenuLi {
		border-bottom: 1px solid #dedede;
		border-left: 4px solid #fdc99a;
		line-height: 34px;
		margin-bottom: 2px;
		background-color: #f2f2f2;
		padding-left: 5px;
	}

	.innerPageMenuRightDiv {
		width: 100%;
		display: block;
		overflow: hidden;
		margin-top: 20px;
	}

	.headerGrayBand {
		display: none;
	}

	.headerGrayBandInner {
		display: none;
	}

	.menuItemVisibleFor_0 {
		display: none;
	}

	.menuItemVisibleFor_1 {
		display: block;
	}

	.menuItemVisibleFor_2 {
		display: none;
	}

	.menuItemVisibleFor_3 {
		display: block;
	}

	/*hotel details tabs start*/
	.tab {
		overflow: hidden;
		width: 100%;
		text-align: center;
	}

		.tab button {
			background-color: inherit;
			float: left;
			border: none;
			outline: none;
			cursor: pointer;
			padding: 10px 10px;
			transition: 0.3s;
			font-size: 0.7em;
			font-weight: bold;
		}

			.tab button:hover {
				background-color: #ddd;
			}

			.tab button.active {
				background: #f3caa0;
			}

			.tab button.inactive {
				background: #ffffff;
			}

	.tabcontent {
		display: none;
		padding: 6px 12px;
		border: 1px solid #ccc;
		margin-top: 40px;
		background-color: #fff;
		padding: 30px;
		-webkit-box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 23%);
		-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.23);
		box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 23%);
	}

	/*hotel details tabs start*/
	.hotelImagesThumbSlider {
		height: 200px;
		display: block;
		overflow: hidden;
	}

	.imageSliderIframe {
		width: 100%;
		height: 200px;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.imageRoomSliderIframe {
		width: 100%;
		height: 200px;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.hotelRoomDetailsSection {
		padding: 10px;
		float: left;
		overflow: hidden;
		width: 50%;
		display: inherit;
	}

	.mapsViewerIframe {
		width: 100%;
		height: 400px;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.hotelsViewerIframe {
		width: 100%;
		height: 1000px;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.subContainerLowBand {
		text-align: center;
		font-size: 0.7rem !important;
		color: #dedede !important;
		height: 50px !important;
		background-color: #01242d !important;
		padding: 5px !important;
	}

	.subscriptionFormInput {
		width: 100%;
		height: 40px;
		padding: 10px;
		border: solid 2px #f5caa0;
	}

	.subscriptionFormSubmit {
		width: 50%;
		height: 40px;
		padding: 10px;
		background-color: #00303c;
		border: solid 1px #00303c;
		color: white;
	}

	.innerPageMenuHeader {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.inlineStyleForHotelCell {
		margin-left: 5px;
		margin-bottom: 5px;
		background-color: #f6f6f6;
		height: 310px;
		display: block;
		overflow: hidden;
		padding-top: 7px;
	}

	.loading {
		position: fixed;
		background-color: rgba(255,255,255,1);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		width: 100%;
	}

		.loading .iconparent {
			margin-right: auto;
			margin-left: auto;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			position: absolute;
		}

		.loading .lotiLine {
			margin-left: 15px;
			margin-right: 15px;
			padding-top: 35px;
		}

	.lotiLogo {
		width: 300px;
		float: left;
		height: 133px;
	}

	.logoAnimation {
		position: relative;
		animation-name: logoAnimation;
		animation-fill-mode: both;
		animation-duration: 2s;
	}

	@keyframes logoAnimation {
		from {
			opacity: 0;
			-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}

	.fadeInLogo {
		height: 190px;
	}

	#renderedHtml {
		margin-bottom: 100px;
	}
}