@media screen and (min-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;
	}

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

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

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

	.bodyGapperForTablets {
		display: none;
	}

	.bodyGapperForQR {
		display: none;
	}

	.container-fullsize {
		width: 100%;
		margin-top: -17px;
		height: auto;
		display: block;
		padding-bottom: 110px;
		margin-bottom: 300px;
	}

	.dropdown-item {
		font-weight: 400;
		padding-bottom: 10px;
		position: relative;
	}

	.logo {
		margin-top: 20px;
		width: 120px;
		/*height: 85px;*/
	}

	.container-fluid {
		max-width: 1320px !important;
		z-index: 100 !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: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding-top: 0;
		padding-bottom: 0.5rem;
		/* min-height:90px!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: 80%;
			height: 90px;
			margin-top: -10px;
		}

	.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: 95px !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;
	}

	.nav-link {
		color: white !important;
		font-size: 1.1em;
	}

	.navbar-expand-sm .navbar-nav .nav-item {
		margin-left: 5% !important;
	}

	.navbar-expand-sm .navbar-nav .dropdown-menu {
		position: absolute !important;
		top: 70px !important;
		z-index: 10000 !important;
		right: auto !important;
		left: auto !important;
		margin-left: 8px !important;
	}

	.navbarPhoneDiv {
		color: #ffffff !important;
		margin-top: 20px !important;
		display: block !important;
		width: 175px !important;
		color: white !important;
		font-size: 1em !important;
	}

	.navbarExchangeRatesDiv {
		display: none;
	}

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

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

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

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

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

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

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

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

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

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

	.footerMenuContainerDiv {
		display: block !important;
	}

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

	.col-md-4 {
		width: 32%;
	}

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

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

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

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

	}


	.htmlContentDiv85 {
		margin-top: 30px;
		margin-bottom: 30px;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}

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

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

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

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

	.sliderImageWithBgWeb800 {
		/* width: 150%;*/
		/*height: 800px;*/
		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 {
		display: none;
	}

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

	.bodyForMobile {
		display: none;
	}

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

	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 {
		float: right;
		width: 73%;
		display: block;
		overflow: hidden;
	}

	.headerGrayBand {
		width: 100%;
		height: 30px;
		display: block;
		overflow: hidden;
		background-color: #d1d1d1;
		padding-top: 4px;
	}

	.headerGrayBandInner {
		/*float: right;*/
		width: 80%;
		font-weight: bold;
		font-size: 0.8em;
		color: #818181;
		/*padding-left:10px;*/
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
	}

	.headerGrayBandInnerAnchor {
		text-decoration: none !important;
		color: #545454 !important;
	}

	.menuItemVisibleFor_0 {
		display: none;
	}

	.menuItemVisibleFor_1 {
		display: block;
	}

	.menuItemVisibleFor_2 {
		display: block;
	}

	.menuItemVisibleFor_3 {
		display: none;
	}

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

		.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;
		height: auto;
		overflow: hidden;
		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: 210px;
		overflow: hidden;
		display: block;
	}

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

	.imageRoomSliderIframe {
		width: 84%;
		height: 230px;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.hotelRoomDetailsSection {
		padding: 10px;
		float: left;
		overflow: hidden;
		width: 69%;
		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: 25px !important;
		background-color: #01242d !important;
		padding: 5px !important;
	}

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

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

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

	.inlineStyleForHotelCell {
		margin-left: 5px;
		margin-bottom: 5px;
		background-color: #f6f6f6;
		height: 330px;
		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: 250px;
	}

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