@import '../../../styles/varibale.scss';

.productHeaderText {
	font-weight: 600;
	font-size: 30px;
	line-height: 12px;
}

.productSearch{
	
}

.searchInput {
	margin-left: 16px;
}

.pproductCount {
	font-weight: 500;
	font-size: 10px;
	line-height: 12px;
	color: $lightGray;
}

.productSearchResultDesc {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	color: $lightGray;
}

.productHeaderTextMobile {
	font-weight: 700;
	font-size: 26px;
	line-height: 33px;
	margin-left: 16px;
	margin-top: 16px;
}

.productHeaderWrapper {
	:global(.ant-input){
		padding: 0;
		border: none;
		outline: none;
		height: 25px !important;
	}
	:global(.ant-input-affix-wrapper){
		width: 200px;
    height: 34px !important;
    line-height: 1 !important;
	}
}


@media only screen and (min-width: 769px) and (max-width: 1199px){
.productSearch{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end;
}
}

@media (max-width: 768px) {

	.productHeaderWrapper {
		margin-top: 6rem;
		opacity: 0;

	}
}