@media (max-width: 767.98px) {
	body {
		/*background: green;*/
	}

	.container {
		width: 100%;
		display: inline-block;
	}
	.container-fluid {
		padding-right: 0;
		padding-left: 0;
	}

	.header[mode="fixed"] + .container {
		margin-top: 50px;
	}
	.header {
		background: transparent !important;
		transition: 0.3s;
	}

	.header .navbar .col-2 {
		display: flex;
	}
	.header .navbar .col-12 {
		background: #000 !important;
		transition: 0.3s;
	}
	.header .navbar .navbar-right {
		float: left;
		width: 100%;
	}
	.header .navbar .navbar-left {
		float: left;
		width: 100%;
	}
	.header .navbar .navbar-link {
		width: 100%;
		display: block;
	}
	.navbar-show {
		overflow: initial;
	}
	
	.content-wrapper {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	.row {
		margin: 0; padding: 0px;
		display: block;
	}
	.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		max-width: 100%;
		text-overflow: clip;
		word-wrap: break-word;
		display: inline-block;
		width: 100%;
		position: relative;
	}
	/*HERO Section ------------------------------------------------------------*/
	.banner-hero .content-hero {
		margin-top: 200px;
		margin-bottom: 0; 
	}
	.app-index .banner-hero .col-6 .slider {
		margin: 50px 0px;
		height: 350px;
	}

	.app-index section.banner-hero {
		height: auto;
	}

	/* PUB Section ------------------------------------------------------------*/
	.pub-section {
		margin-top: 0;
	}

	/* WE Section ------------------------------------------------------------*/
	.we-section .we-section-menu {
		height: 400px;
	}

	/*footer ------------------------------------------------------------------*/
	.footer .p-tb-75 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.footer .col-2 {
		width: 49%;
		display: inline-block;
	}
	.footer .col-4 {
		margin-top: 0;
	}
}