/* 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) {
	.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;
	}
	div[class*='col'] {
		flex: 0 0 100%;
	}
	p,
	.white-btn {
		font-size: 14px;
	}
	.home-banner > div {
		width: 100%;
		position: static;
		background-color: #956F4E;
	}
	.home-banner > div > div > div {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.home-banner h1,
	.flex-content-4 h3 {
		font-size: 20px;
	}
	.home-banner h2,
	.flex-content-3 h3,
	.flex-content-4 h4,
	.flex-content-7 h5 {
		font-size: 17.5px;
	}
	.flex-content-3,
	.flex-content-6,
	.flex-content-7 {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.flex-content-4 {
		padding-top: 2em;
	}
	.flex-content-5 > .container > .row > div[class*='col'] {
		padding-bottom: 1.5em;
	}
	.flex-content-6 h4 {
		font-size: 15px;
	}
	#footer-fine-print, #footer-fine-print * {
		font-size: 12px;
	}
}