/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.container-spacing, .container-x-spacing  {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.container-home-spacing {
		padding: 3rem;
	}
	#header-meganav {
		margin-right: 3rem;
	}
	#header-meganav .navbar-nav.context-menu a {
		font-size: 1.1;
	}

	/* For Landing Page tabs */
	#landing-tabs.nav-tabs {
		display: flex!important;
	}

	#landing-accordion .card {
		border: none;
	}

	#landing-accordion .card .card-header {
		display: none;
	}  

	#landing-accordion .card .collapse {
		display: block;
	}
	/* End of Landing Page tabs */
	.accordion-tabs.nav-tabs {
		display: flex!important;
	}

	.tabs-accordion.card {
		border: none;
	}

	.tabs-accordion #pane-A > .card-header,
	.tabs-accordion #pane-B > .card-header,
	.tabs-accordion #pane-C > .card-header,
	.tabs-accordion #pane-D > .card-header,
	.tabs-accordion #pane-E > .card-header {
		display: none;
	}  

	.tabs-accordion #pane-A .collapse,
	.tabs-accordion #pane-B .collapse,
	.tabs-accordion #pane-C .collapse,
	.tabs-accordion #pane-D .collapse,
	.tabs-accordion #pane-E .collapse {
		display: block;
	}

	.breadcrumb {
		display: flex;
	}
	#nav-overlay {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background: rgba(0,0,0,0.4);
		z-index: 998;
		transition: all 0.1s ease-in;
		cursor: pointer;
	}
	.header-overlay {
		width: calc(100vw - 40%); 
		position: absolute; 
		top: calc(100vh - 70%); 
		left: calc(100vw - 80%); 
		padding: 2rem;
	}
	#instagram-feed img {
		height: 300px;
	}
	.hl-area-size {
		padding: 1rem;
	}
	ul.col-md-two, ol.col-md-two {
		-webkit-column-count: 2;  /* Chrome/Opera, Safari */
		-moz-column-count: 2; /* Mozilla Firefox */
		column-count: 2;

		/* Properties below are optional: */
		-webkit-column-gap: 50px; /* Chrome/Opera, Safari */
		-moz-column-gap: 50px; /* Mozilla Firefox */
		column-gap: 50px;

		-webkit-column-rule: 1px single grey; /* Chrome/Opera, Safari */
		-moz-column-rule: 1px single grey; /* Mozilla Firefox */
		column-rule: 1px single grey;
	}
	ul.col-md-three, ol.col-md-three {
		-webkit-column-count: 3;  /* Chrome/Opera, Safari */
		-moz-column-count: 3; /* Mozilla Firefox */
		column-count: 3;

		/* Properties below are optional: */
		-webkit-column-gap: 25px; /* Chrome/Opera, Safari */
		-moz-column-gap: 25px; /* Mozilla Firefox */
		column-gap: 25px;

		-webkit-column-rule: 1px single grey; /* Chrome/Opera, Safari */
		-moz-column-rule: 1px single grey; /* Mozilla Firefox */
		column-rule: 1px single grey;
	}
	ul.col-md-four, ol.col-md-four {
		-webkit-column-count: 4;  /* Chrome/Opera, Safari */
		-moz-column-count: 4; /* Mozilla Firefox */
		column-count: 4;

		/* Properties below are optional: */
		-webkit-column-gap: 12px; /* Chrome/Opera, Safari */
		-moz-column-gap: 12px; /* Mozilla Firefox */
		column-gap: 12px;

		-webkit-column-rule: 1px single grey; /* Chrome/Opera, Safari */
		-moz-column-rule: 1px single grey; /* Mozilla Firefox */
		column-rule: 1px single grey;
	}
	ul.col-md-five, ol.col-md-five {
		-webkit-column-count: 5;  /* Chrome/Opera, Safari */
		-moz-column-count: 5; /* Mozilla Firefox */
		column-count: 5;

		/* Properties below are optional: */
		-webkit-column-gap: 6px; /* Chrome/Opera, Safari */
		-moz-column-gap: 6px; /* Mozilla Firefox */
		column-gap: 6px;

		-webkit-column-rule: 1px single grey; /* Chrome/Opera, Safari */
		-moz-column-rule: 1px single grey; /* Mozilla Firefox */
		column-rule: 1px single grey;
	}

}