@media (min-width: 1024px) and (max-width: 1200px) {}

@media (min-width: 768px) and (max-width: 1023px) {}

@media only screen and (max-width: 767px) {
	.Order-meabout {
		width: 100%;
	}
	.Order-meaboutvideo video {
		width: 100%;
		float: right;
	}
	.high-qulity {
		width: 100%;
	}
	.benifit-left {
		width: 100%;
	}
	.benifit-middle {
		margin: 10px 0 0;
	}
	.benifit-rgt {
		width: 100%;
	}
	.Features h2 {
		margin: 0 0 20px;
		font-size: 20px;
	} 
	.filter {
		padding-top: 1.5rem;
	}
	.order-me-officon {
		float: left;
		width: 100%;
		text-align: center;
	}
	.order-me-officon img{
		display: inline-block;
		width: 30%;
		margin: 0 0 20px;
	}
	.order-me-txt {
		width: 100%;
		padding: 0;
	}
	.ORDER-mecontent .img-fluid {
		max-width: 40%;
		display: inline-block;
		text-align: center;
	}
	.ORDER-mecontent  {
		text-align: center;
	}
	.ORDER-mecontent {
		text-align: center;
		margin: 0 0 15px;
		display: inline-block;
	}
	div#ORDER-BUYER {
		padding: 30px 0 40px 0 !important;
	}
	.buyer-left {
		float: left;
		width: 100%;
	}
	.buyer-img {
		width: 100%;
		float: left;
		text-align: center;
		padding: 0;
	}
	.buyer-right {
		float: right;
		width: 100%;
	}
	.navbar-custom {
		background-color: #ffffff;
	}
	.navbar-custom .navbar-toggler {
		border: none;
		color: #000;
		font-size: 2rem;
	}
	.video-banner video {
		height: 390px;
		width: 100%;
	}
	.owl-carousel .owl-item img {
		display: block;
		width: 100%;
		height: 240px;
	}
	.video-banner video {
		height: auto;
	}
	.ORDER-me h2 {
		margin-bottom: 1.375rem;
		color: #343434;
		padding-top: 0;
		font-size: 22px;
	}
}

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

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