@media screen and (max-width: 1024px) {
	.navbarCus {
		display: none;
	}
	.hideOnMobile{
		display: none;
	}
	.navbarMobile {
		position: fixed;
		z-index: 10;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		background-color: white;
		flex-direction: column;
	}
	.navbarMobile .navMenu {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		height: calc(100vh - 66px);
	}
	.navbarMobile .navMenu > a:hover,
	.navbarMobile .navMenu > .nav-produk,
	.navbarMobile .navMenu > a {
	/*.navbarMobile .navMenu > div {*/
		height: 64px;
		border-bottom: 1px solid #d9d9d9;
		padding: 20px;
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between;
	}
	.nav-produk .title-items {
		padding: unset;
	}
	#produkNavMenuContainer {
		position: fixed;
		z-index: 11;
		background-color: white;
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.navbarMobile .title .title-items:hover {
		color: unset;
		background-color: unset;
	}
	.demoGratisNavMobile {
		margin: auto 0 20px;
		text-align: center;
	}
	.demoGratisNavMobile a {
		box-shadow: 0px 0px 10px 0px #FF9800;
		padding: 20px 0;
		width: 100%;
		border-radius: 12px;
	}
	a:hover {
		color: unset;
	}


	/*dipakai di halaman home*/
	.sect1-100vh .cover {
		width: unset !important;
	}
	.sect1-100vh .sect1 {
		background-position: left;
	}
	.title-sect2,	.title-sect3 {
		padding: 0 24px;
		font-size: 28px;
	}
	.best-produk {
		grid-template-columns: repeat(1, 1fr);
	}
	.alur .alur1 {
		flex-direction: column;
		height: auto;
		align-items: center;
		/*margin: 0 20px;*/
		text-align: center;
		padding: 20px !important;
	}
	.alur .text-alur,
	.alur .text-alur *{
		text-align: left !important;
	}
	.alur .text-alur {
		width: unset !important;
	}
	.sect4 .title-sect2 * {
		width: unset !important;
	}
	.slick-slider {
		width: 100% !important;
	}


	/*dipakai di halaman produk*/
	.sect1-100vh .cover .caption {
		width:  unset !important;
	}
	.sect2 .manfaat-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}
	.sect2 .manfaat-container .manfaat-img {
		width: 100%;
	}
	.sect2 .manfaat-container .manfaat-description {
		gap:16px;
		width: 100%;
	}
	.sect2 .manfaat-container img {
		width: 100%;
		height: auto;
	}
	.paket-sect .penjelasan,
	.paket-sect .list-paket {
		width: unset !important;
		word-break: break-word;
	}
	.sect3 {
		background-color: unset !important;
	}
	.sect3 *:not(img){
		width: 100% !important;
	}
	.sect3 img {
		width: 200px !important;
		height: 200px !important;
	}
	.sect3 .list {
		flex-direction: column;
		background-color: transparent;
	}
	.sect5 {
		flex-direction: column;
	}
	.sect5 > * {
		width: 80vw !important;
		text-align: center;
	}
	.sect5 .konsultasi-btn {
		justify-content: center;
		align-items: center;
	}
	.footer .footer-section {
		flex-direction: column;
		gap: 24px !important;
	}
	.footer {
		padding-bottom: 36px;
	}

	/*halaman promosi*/
	.sect1-100vh .carousel-inner > .item > a > img {
		height: 100%;
		object-fit: cover;
	}
	.sect2 .title-sect2 h1 {
		font-size: 28px;
	}
	.sect2 .tampilPromo {
		grid-template-columns: 295px;
		justify-content: center;
	}
	.glyphicon {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}

@media screen and (max-width: 1024px) and (orientation: landscape){
	.sect1-100vh {
		height: unset !important;
	}
	.sect1-100vh .cover {
		position: unset !important;
		margin-bottom: 70px;
	}
	.sect1-100vh .sect1 {
		position: absolute;
		z-index: -1;
		top: 0;
		background-size: 200%;
	}
	.navbarMobile .navMenu {
		overflow: auto;
	}

	.section1-detail {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.section1-detail .slideshow-container {
		max-width: 402px;
	}
	.section2-detail {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.section2-detail img {
		max-width: 475px;
		height: auto;
	}
	.section4 .section4-caption img {
		max-width: 475px;
		height: auto;
	}
}