/* navbar */
@media screen and (max-width: 1150px) {
	nav.navbar-top div.main {
		width: 800px;
	}

	nav.navbar-top div.main img.logo {
		height: 30px;
	}

	nav.navbar-top div.main form input {
		width: 400px;
	}

	div.navbar-bottom div.main {
		width: 400px;
	}

	div.carousel {
		width: 850px;
	}
}

@media screen and (max-width: 850px) {
	nav.navbar-top div.main {
		display: none;
	}

	nav.navbar-top div.main-mobile {
		display: flex;
	}

	div.navbar-bottom {
		display: none;
	}

	div.navbar-bottom-mobile {
		display: block;
	}

	div.carousel {
		padding: 10px;
		width: 100%;
	}
}

/* footer */
@media screen and (max-width: 1150px) {
	footer div.information div.main {
		width: 800px;
	}
}

@media screen and (max-width: 850px) {
	footer div.information div.main {
		display: block;
		width: 90%;
	}

	footer div.information div.main div.about {
		display: block;
		width: 100%;
	}

	footer div.information div.main hr {
		display: none;
	}

	footer div.information div.main div.item {
		margin-top: 30px;
	}
}

@media screen and (max-width: 500px) {
	#modalCart div.modal-body div.item-cart {
		box-shadow: none;
		padding: 0;
		width: 100%;
	}

	#modalCart div.modal-body div.item-cart img.thumb-img {
		height: 50px;
		margin-right: 5px;
		width: 50px;
	}

	#modalCart div.modal-body div.item-cart h4.product-name {
		font-size: 13px;
	}

	#modalCart div.modal-body div.item-cart p.information {
		font-size: 12px;
	}

	#modalCart div.modal-body div.item-cart h5.price {
		font-size: 14px;
	}

	#modalCart div.modal-body div.item-cart div.option {
		bottom: 5px;
	}

	#modalCart div.modal-body div.item-cart div.qty button {
		font-size: 12px;
		height: 25px;
		width: 25px;
	}

	#modalCart div.modal-body div.item-cart div.qty input {
		height: 25px;
		width: 35px;
	}

	#modalCart div.modal-body div.item-cart div.qty {
		right: 25px;
	}

	#modalCart div.modal-body div.item-cart .fa-trash {
		right: 5px;
		font-size: 17px;
		bottom: 10px;
	}

	div.box-chat-help-wa {
		bottom: 100px;
		display: none;
		height: auto;
		position: fixed;
		right: 0;
		width: 100%;
		z-index: 10;
	}
}
