.kuContainer{
	width:100% !important;
}

@media only screen and (max-width: 1024px) {
	#pix-fe .kuSortby{
		width:30%;
	}

	#pix-fe .kuView{
		width:30%;
		text-align:right;
	}
	
	#pix-fe .kuPerPage{
		width:30%;
		text-align:left;
		margin-left:10px;
	}
	
	#pix-fe .kuPagination{
		width:50%;
		margin-top:10px;
	}
	
	#pix-fe .kuGridView ul li{
		width:31%;	
		margin-bottom:20px;
	}
	
	#pix-fe .kuListView .klevuImgWrap{
		width:20% !important;
	}
	
	#pix-fe .kuListView ul li .kuNameDesc{
		width:76%;	
	}
	
	#pix-fe .kuListView ul li .kuPrice{
		float: none !important;
		width: 58%;
		display: table-cell;
		text-align: left;
		padding-top: 20px;
		padding-left: 10px;
	}
	
	#pix-fe .kuListView ul li .kuPrice .kuSalePrice{
		display:inline !important;	
	}

	#pix-fe .kuListView ul li .kuPrice .kuOrigPrice{
		display:inline !important;	
	}
	
	#pix-fe .kuListView ul li .kuAddtocart{
		width: 15%;
		float: none;
		margin-top: 30px;
		visibility: visible !important;
		opacity: 1;
		display: table-cell;
	}
	
	#pix-fe .kuGridView ul li .kuAddtocart{
		visibility: visible;
		opacity: 1;
	}
		
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
	#pix-fe .kuResultList{
		width:66%;	
	}
	#pix-fe .kuFilters {    
		width: 33%;
	}
	
	#pix-fe .kuGridView ul li{
		width:46%;	
		margin-bottom:20px;
	}

}

@media only screen and (max-width: 640px) {
	#pix-fe .kuFilters{
		display:none !important;	
	}
	
	#pix-fe .kuTotResults{
		float:none;
		width:100%; 
		text-align: center;
	}
	
	#pix-fe .kuResultList{
		float:none;
		width:100%;	
		margin-left:0px;
	}
	
	#pix-fe .kuTotalResultsTab{
	  float:none; 
		width:100%; 
		text-align: center;
	}
	
	#pix-fe .kuSortby{
		width:50%;
		height:50px;
	}
	
	#pix-fe .kuSortHeader{
		margin:0px;	
	}

	#pix-fe .kuView{
		width:50%;
		text-align:right;
		height:50px;
		display: none;
	}
	
	#pix-fe .kuPerPage{
		width:48%;
		text-align:right;
		margin:0 auto;
		margin-top:0px;
	}
	
	#pix-fe .kuPagination{
		width:100%;
		margin:0 auto;
		margin-top:10px;
		text-align:center;
	}
	
	#pix-fe .kuGridView ul li{
		width:31%;	
	}

	
	#pix-fe .kuBottomPagi .kuPerPage{
		margin-left:0px;
		text-align: left;
		margin-bottom:5px;
		float: left;
		width: 46%;
	}

	#pix-fe .kuBottomPagi .kuPagination{
		width: 52%;
		float: right;
		margin-top: 5px;
		text-align: right;
	}
	
	#pix-fe .kuShowOpt {
	   text-align: left !important;
	   padding: 10px;
	   padding-left: 35px;
	   margin-bottom: 10px;
	   margin-top: 10px;
	}
	#pix-fe .kuHideOpt {
	   text-align: left !important;
	   padding: 5px;
	   padding-left: 35px;
	   margin-bottom: 10px;
	   margin-top: 10px;
	}

	
}

@media only screen and (max-width: 480px) {
	#pix-fe .kuGridView ul li{
		width:46%;	
		min-height: 440px;
		margin-bottom: 15px;
	}
	#pix-fe .kuGridView ul li .kuSalePrice {
		display: block;
		margin-top:5px;
	}
	#pix-fe .kuGridView ul li .kuName a {
		 font-size: 12px;			
	}	
}

@media only screen and (max-width: 420px) {
	#pix-fe .kuGridView ul li{
		width:100%;		
		
	}
	
}
/*-----------------------CSS for enabling filters in mobile and filter tags----------------------------*/
@media only screen and (max-width: 640px) {
	#pix-fe .kuPagination {
		display: none !important;
	}
	#pix-fe .kuBottomPagi .kuPagination {
		display: block !important;
	}
	#pix-fe .kuBottomPagi .kuPerPage {
		display: block;
	}
	#pix-fe .kuSortby {
		width: 100%;
	}
	#pix-fe .kuSortHeader {
		text-align: right;
	}
	#pix-fe .kuPerPage {
		display: none;
	}
	#pix-fe .kuTotalResultsTab {
		text-align: left;
	}
	#pix-fe .kuTotalResultsTab .kuTabs a {
		padding: 0px 8px;
		display: inline-block;
	}
	#pix-fe .kuTotalResultsTab .kuTabs a:hover {
		border-bottom: 0px solid #c7c8ca;
		text-decoration: none;
		background: #eee;
	}
	#pix-fe .kuTotalResultsTab a.kuTabSelected {
		border-bottom: 0px solid #c7c8ca;
		background: #eee;
		transition: all 0.3s ease;
	}
	#pix-fe .kuFilterRefineMobile {
		border: none;
		display: block;
		font-size: 13px;
		font-weight: 600;
		height: 32px;
		line-height: 32px;
		margin: 10px 0px;
		padding-right: 30px;
		text-align: center;
		text-transform: uppercase;
		color: #383838;
		background-color: #eee;
		cursor: pointer;
	}
	#pix-fe .kuFilterRefineMobile.kuExpand::after {
		top: 10px
	}
	#pix-fe .kuFilterRefineMobile.kuCollapse::after {
		top: 14px
	}
	#pix-fe .kuFilters {
		display: block !important;	/* change none to block*/
		float: none !important;
		width: 100% !important;
		margin-bottom: 20px;
	}
	#pix-fe .kuFilterBox {
		margin-bottom: 0px;
	}
	#pix-fe .kuFilterRefineMobile .KuFilterLabelTxt {
		position: relative
	}
	#pix-fe .kuFilterRefineMobile.kuExpand .KuFilterLabelTxt::after {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #000;
		border-image: none;
		border-style: solid;
		border-width: 0 1px 1px 0;
		content: "";
		display: inline-block;
		padding: 3px;
		position: absolute;
		right: -18px;
		top: 3px;
		transform: rotate(45deg);
		transition: all 0.3s ease;
	}
	#pix-fe .kuFilterRefineMobile.kuCollapse .KuFilterLabelTxt::after {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #000;
		border-image: none;
		border-style: solid;
		border-width: 0 1px 1px 0;
		content: "";
		display: inline-block;
		padding: 3px;
		position: absolute;
		right: -18px;
		top: 8px;
		transform: rotate(-135deg);
		transition: all 0.3s ease;
	}
	/* css for filter tags*/
	#pix-fe .kuContainer #ku-search-filter-tags {
		display: block !important;
		color: #222222;
		margin-bottom: 10px;
		width: 100%;
		text-align: left;
		padding-bottom: 8px;
		padding-left: 0px;
		position: relative;
	}
	#pix-fe .ku-search-filter-tag {
		background: #eee;
		border: 0px solid #f8f8f8;
		margin-right: 4px;
		border-radius: 0px;
		font-size: 11px;
		padding: 0px 5px;
		color: #222;
		margin-bottom: 4px;
		display: inline-block;
		line-height: 20px;
	}
	#pix-fe .ku-search-filter-remove, .ku-search-filter-remove-all {
		cursor: pointer;
		font-size: 12px;
		color: #222222;
		text-decoration: none;
	}
	#pix-fe .ku-search-filter-remove-all a {
		color: #222222;
		font-size: 12px;
		text-decoration: none;
		cursor: pointer;
	}
	#pix-fe .ku-search-filter-remove-all a:hover {
		color: #333;
	}
}
/*-----------------------ends CSS for enabling filters in mobile and filter tags----------------------------*/