@media only screen and (max-width: 2561px) {
	.padding-x {
		padding-left: 27%;
		padding-right: 27%;
	}
}

@media only screen and (max-width: 1921px) {
	.padding-x {
		padding-left: 19%;
		padding-right: 19%;
	}
}

@media only screen and (max-width: 1441px) {
	.padding-x {
		padding-left: 9%;
		padding-right: 9%;
	}
}

@media only screen and (max-width: 1281px) {
	.padding-x {
		padding-left: 4%;
		padding-right: 4%;
	}
}

@media only screen and (max-width: 1025px) {
	/* turis aktivity */
	.card-tourist-activity {
		width: 31%;
	}

	/* ini bagian testimoni */
	.con-vidio-testimoni {
		width: 55%;
	}

	aside.wrapper-testimoni {
		width: 40%;
	}
}

@media only screen and (max-width: 901px) {
	.padding-y {
		padding-top: 4rem;
	}

	.top-destination h1,
	.tourist-activity div h1,
	.prefer-destination div h1,
	.galery-photo h1,
	.testimoni h1 {
		margin-bottom: 0.6rem;
	}

	/* bagian navbar */
	/* .nav-bar {
		background-color: #2b3752e7;
		transition: 0.3s ease-in-out;
	} */

	.humburger {
		display: block;
		cursor: pointer;
	}

	.humburger .line {
		width: 30px;
		background-color: #fefefe;
		height: 3px;
		margin: 6px 0;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		-o-border-radius: 2px;
	}

	.list-navbar {
		height: 0;
		position: absolute;
		top: 73.59px;
		left: 0;
		right: 0;
		width: 100vw;
		background-color: #2b3752e7;
		transition: 0.2s;
		overflow: hidden;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-ms-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}

	.list-navbar ul {
		text-align: center;
		opacity: 0;
	}

	.list-navbar ul li {
		display: block;
		margin: 1rem 0;
	}

	.list-navbar ul li a:hover {
		color: #fcfcfc;
	}

	.list-navbar.active-humburger {
		/* height: 218px; */
		height: 1000px;
	}

	.list-navbar.active-humburger ul {
		opacity: 1;
	}

	/* bagian hero */
	.article-hero {
		width: 70%;
	}

	/* pengenalan bali */
	.introduce-bali h1 {
		margin-bottom: 1.5rem;
	}

	.small-device {
		display: block !important;
	}

	.higher-device {
		display: none;
	}

	.text-introduce-bali {
		width: 100%;
		padding-right: 0;
	}

	.img-introduce-bali.small-device {
		margin-bottom: 1rem;
		width: 100%;
		aspect-ratio: 4/3;
	}

	/* bagian top destionation */
	.top-destination h1,
	.top-destination p {
		width: 75%;
	}

	.top-destination > p,
	.con-top-destionation {
		margin-bottom: 2rem;
	}

	.card-top-destination div.flex-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.card-top-destination div.flex-row h3 {
		margin-bottom: 0.6rem;
	}

	.img-destination-top,
	.card-top-destination > p {
		margin-top: 1rem;
	}

	/* tourist activity */
	.con-tourist-activity {
		margin: 3rem 0;
	}

	/* prefer destination */
	.prefer-destination > div:first-of-type {
		margin-bottom: 3rem;
	}

	.con-prefer-destination {
		gap: 1rem;
	}

	/* ini bagian testimoni */
	.con-testimoni {
		flex-direction: column;
	}

	.con-vidio-testimoni {
		width: 100%;
	}

	.con-vidio-testimoni iframe {
		height: 320px;
	}

	aside.wrapper-testimoni {
		margin-top: 3rem;
		width: 100%;
	}

	.square {
		top: -15px;
		left: 30px;
	}

	.con-profile-testimoni {
		margin-top: 2rem;
	}

	/* ini bagian footer */
	.logo-n-social-media img {
		width: 10rem;
	}

	.con-social-media i {
		font-size: 1.4rem;
		margin-right: 1rem;
	}

	form .advice-input {
		width: 12rem;
	}

	footer ul li a,
	footer label {
		font-size: 0.9rem;
	}
}

@media only screen and (max-width: 769px) {
	/* ini bagian footer */
	.con-logo-n-advice {
		display: grid;
		grid-template: auto auto / auto auto auto;
	}

	.logo-n-social-media {
		grid-column: span 3;
	}

	.con-social-media {
		justify-content: center;
		margin: 1.5rem 0 2rem;
	}
}

@media only screen and (max-width: 431px) {
	h1 {
		font-size: 1.802rem;
		line-height: 2.5rem;
	}

	h2 {
		font-size: 1.602rem;
	}

	h3 {
		font-size: 1.424rem;
	}

	h4 {
		font-size: 1.266rem;
	}

	h5 {
		font-size: 1.125rem;
	}

	.padding-y {
		padding-top: 3rem;
		padding-bottom: 4rem;
	}

	/* ini adalah bagian header */
	.article-hero {
		width: 100%;
	}

	/* ini bagian destinasi populer */
	#top-destination div.con-top-destionation.flex-row {
		flex-direction: column;
	}

	.card-top-destination {
		width: 100%;
		margin-bottom: 1rem;
	}

	.card-top-destination div.flex-row {
		flex-direction: row;
		align-items: center;
	}

	div.card-top-destination div.flex-row h3 {
		margin-bottom: 0;
	}

	.top-destination h1,
	.top-destination p {
		width: 100%;
	}

	/* aktifitas turis */
	#tourist-activity > div:first-of-type {
		text-align: left;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#tourist-activity h1 {
		text-align: center;
		width: 80%;
	}

	#tourist-activity .con-tourist-activity {
		margin-top: 2rem;
		margin-bottom: 2.5rem;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		justify-content: flex-start;
	}

	#tourist-activity .card-tourist-activity {
		display: flex;
		flex-direction: column;
		flex: 0 0 100%;
		scroll-snap-align: start;
		box-shadow: none;
	}

	/* destinasi pilihan */
	.prefer-destination > div:first-of-type {
		margin-bottom: 2rem;
	}

	.card-prefer-destination {
		width: 47%;
	}

	/* ini bagian galeri foto */
	.con-galery-foto {
		grid-template: repeat(6, 250px) / auto auto;
	}

	.galery-foto-2 {
		grid-column: span 1;
	}

	.galery-foto-5 {
		grid-column: span 2;
	}

	/* ini bagian testimoni */
	.con-vidio-testimoni iframe {
		height: 250px;
	}

	.con-logo-n-advice {
		grid-template: auto auto auto / auto auto;
	}

	.logo-n-social-media,
	.advice {
		grid-column: span 2;
	}

	.advice form {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 1.5rem;
	}

	.con-copyright p {
		font-size: 0.875rem;
	}
}

@media only screen and (max-width: 321px) {
	.con-logo-n-advice {
		grid-template: repeat(3, auto) / auto 30%;
	}
}