@media only screen and (max-width: 341px) {
	.box-splash-desc {
		min-height: 27vh !important;
		max-height: 27vh !important;
	}
}
@media only screen and (max-width: 600px) {
	.main-header {
		max-width: 100%;
	}
	.main-body {
		max-width: 100%;
	}
	.main-menu {
		max-width: 100%;
	}
	.modal-dialog {
		max-width: 100%;
	}
	.link-log {
		right: 6%;
	}
	.box-splash-desc {
		min-height: 25vh;
		max-height: 25vh;
	}
	.carousel-shop img {
		max-height: 10rem;
		min-height: 10rem;
		width: 100%;
		object-position: center;
		object-fit: cover;
	}
}

@media only screen and (min-width: 600px) {
	.main-header {
		max-width: 70%;
	}
	.main-body {
		max-width: 70%;
	}
	.main-menu {
		max-width: 70%;
	}
	.modal-dialog {
		max-width: 70%;
	}
	.link-log {
		right: 20%;
	}
	.box-splash-desc {
		min-height: 25vh;
		max-height: 25vh;
	}
	.carousel-shop img {
		max-height: 14rem;
		min-height: 14rem;
		width: 100%;
		object-position: center;
		object-fit: cover;
	}
	.box-send-order {
		max-width: 70% !important;
	}
}

@media only screen and (max-width: 768px) {
	
}

@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width: 992px) {
	.main-header {
		max-width: 40%;
	}
	.main-body {
		max-width: 40%;
	}
	.main-menu {
		max-width: 40%;
	}
	.modal-dialog {
		max-width: 40%;
	}
	.link-log {
		right: 32%;
	}
	.box-splash-desc {
		min-height: 26vh;
		max-height: 26vh;
	}
}

@media only screen and (min-width: 1200px) {
	.sb-header {
		max-width: 33%;
	}
	.main-header {
		max-width: 33%;
	}
	.main-body {
		max-width: 33%;
	}
	.main-menu {
		max-width: 33%;
	}
	.modal-dialog {
		max-width: 33%;
	}
	.link-log {
		right: 36%;
	}
	.carousel-shop img {
		max-height: 18rem;
		min-height: 18rem;
		width: 100%;
		object-position: center;
		object-fit: cover;
	}
}

@media only screen and (min-width: 1400px) {
	
}