/* Responsive CSS */

@media only screen and (max-width : 1200px) {}
@media only screen and (max-width : 979px) {}
@media only screen and (max-width : 767px) {}
@media only screen and (max-width : 480px) {}
@media only screen and (max-width : 320px) {}

@media (max-width: 992px) {
	html, body, #wrapper {
		overflow-x {
			hidden;
		}
	}
	.navbar {}
	.nav-link {
		font-size: 14px;
	}
	.navbar-collapse {
		position: fixed;
		top: 0;
		/* top: 54px; */
		left: -300px;
		z-index: 2020;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 300px;
		height: 100%;
		transition: all 0.3s ease;
		display: block;
		background-color: #fff;
	}
	.navbar-collapse.collapsing {
		/* height: auto !important; */
		margin-right: 50%;
		transition: all 0.3s ease;
		display: block;
		height: 100%;
	}
	.navbar-collapse.show {
		left: 0;
	}
	.navbar-dark .navbar-nav .nav-link {
		color: #053C50;
	}
	.dropdown-menu {
		border: none;
		background-color: #fff;
	}
	.dropdown-menu > li a {
		color: #053C50;
		font-size: 14px;
	}
	.dropdown-item {
		padding: 0;
	}
	div[class*='col'] {
		flex: 0 0 100%;
		max-width: 100%;
	}
	#header-search {
		display: none;
		transition: all ease-in-out .5s;
	}
	#site-header.scroll #header-search {
		width: 100%;
		display: flex;
		margin-top: auto;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 1em;
		transition: all ease-in-out .5s;
	}
	#header-search > input[type='text'] {
		width: 100%;
	}
	br {
		display: none;
		visibility: hidden;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 20px;
	}
	p {
		font-size: 14px;
	}
	#site-header .yellow-btn {
		display: none;
		visibility: hidden;
	}
	.pull-up-img img:first-of-type {
		margin-top: 0;
	}
	.yellow-btn, .yellow-btn:hover {
		font-size: 14px;
	}
	.home-banner-content,
	.hero-banner .hero-content {
		padding-top: 2em;
		transform: none;
		position: static;
		padding-left: 15px;
		padding-right: 15px;
	}
	.hero-banner .hero-content p,
	.hero-banner .hero-content h2,
	.home-banner .home-banner-content p,
	.home-banner .home-banner-content h2 {
		color: inherit;
	}
	.hero-banner .hero-content h2,
	.home-banner .home-banner-content h2 {
		font-size: 20px;
	}
	.two-col-slider,
	.footer-content,
	.home .flex-content-2, 
	.home .flex-content-5, 
	.page-smart-hotel-solutions .flex-content-2, 
	.page-hotel-solutions .flex-content-2, 
	.page-group-business-meeting-events .flex-content-3, 
	.page-invest .flex-content-2, 
	.page-contact-us .flex-content-2 {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.posts-btns {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.posts-btns ul {
		flex-direction: column;
	}
	.posts-btns ul > li {
		color: #f2f2f2;
		padding-top: .5em;
		padding-bottom: .5em;
	}
	.posts-btns ul > li > span {
		color: rgb(33, 37, 41);
	}
	.icon-list ul {
		padding: 0;
		margin: 1em auto;
		flex-direction: column;
	}
	.icon-list ul > li {
		width: 100%;
		flex: 0 0 100%;
	}
	.footer-content h4 {
		font-size: 20px;
	}
	footer > .container-fluid > .row > div[class*="col"]:nth-of-type(2) {
		text-align: center;
	}
	.footer-links,
	footer .socials {
		align-items: center;
		justify-content: center;
	}
	footer .socials {
		padding: 1em 0;
	}
	.footer-links > li {
		font-size: 12px;
	}
	.box-slides .slick-prev {
		left: 0;
	}
	.box-slides .slick-next {
		right: 0;
	}
	.tabs .nav > li {
		width: 100%;
	}
	.page-hotel-solutions #tab-0 .diamond-list {
		columns: 1;
	}
	.diamond-list > li,
	.two-col-slider ul > li {
		font-size: 14px;
	}
	#team-modal > .modal-dialog {
		max-width: 90vw;
		margin-left: auto;
		margin-right: auto;
	}
}