@media (min-width: 992px) {
	.mobile_filter {
		display: none;
	}
}

@media all and (max-width: 991px) {
	.hero-single {
	    padding-top: 130px;
	    padding-bottom: 60px;
	    background-position: center !important;
	    background-size: cover !important;
	    background-repeat: no-repeat !important;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    position: relative;
	    z-index: 1;
	}
	.hero-single .hero-content .hero-sub-title {
	  display: inline-block;
	  color: var(--theme-color);
	  font-size: 16px;
	  letter-spacing: 6px;
	  font-weight: 800;
	  position: relative;
	  text-transform: uppercase;
	}
	.hero-single .hero-content .hero-title {
	  font-size: 35px;
	  font-weight: 600;
	}
	.hero-single .hero-img {
	  position: relative;
	  width: 100%;
	  right: unset;
	  bottom: unset;
	  margin-top: 0px;
	}
	.desktop_filter_hide{
		display: none;
	}
	.mobile_filter {
		display: block;
	}
}



@media all and (max-width: 767px) {
	.hero-single .hero-content .hero-title {
	  font-size: 30px;
	  font-weight: 600;
	}
	.hero-section{
		text-align: center;
	}
	.hero-single .hero-content .hero-btn{
		justify-content: center !important;
	}
	.site-title-tagline{
		font-size: 14px;
	}
	.site-heading {
	  margin-bottom: 30px;
	}
	.site-title{
		font-size: 28px;
	}
	.category-item{
		padding: 4px;
	}
	.category-item h5{
		font-size: 15px;
	}
	.category-img {
	  width: 75px;
	}
	.about-right {
	  padding-left: 0px;
	}
	.brand-item {
	  margin-bottom: 5px;
	  padding: 6px;
	}
	.brand-item h5{
	  font-size: 15px;
	  margin-bottom: 15px;
	}
	.testimonial-area {
	  padding-bottom: 0px;
	}
	.testimonial-single{
		padding: 40px 30px 10px 30px;
		margin-bottom: 0px;
	}
	.download-wrapper{
		position: relative;
		background: var(--theme-bg-light);
		border-radius: 10px;
		padding: 25px 0px;
		overflow: hidden;
		z-index: 1;
	}
	.download-btn {
	  flex-direction: unset;
	}
	.search-area {
	  width: 100%;
	  margin: auto;
	}
	.search-area .form-control {
	  padding: 9px 45px 9px 20px;
	  border-radius: 10px;
	  box-shadow: none;
	}
	#scroll-top.active {
	  opacity: 1;
	  visibility: visible;
	  bottom: 65px;
	}
}
@media all and (min-width: 768px) {
	.mobile-nav{
		display: none;
	}
}