.productResult{
	height: fit-content;
    max-height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin: 0 auto;
}
.productResultImg{
    margin: 0 auto;
    float: none;
}

.marketplace-width {
	width: 100%;
	margin-left: 0px !important;
}

.productResultName {
	padding-top: 10px;
}

.custom-hover {
	display: none;
    transition: .76s;
    width: inherit;
    top: 0;
    position: absolute;
    z-index: 2;
}

.custom-hover-box:hover .custom-hover {
	display: block;
}

.custom-hover-box { 
    max-width: 304px !important;
    margin: 10px auto 0px auto;
}

.marketlogo {
	width: 200px;
    margin: 0px 0px 30px 0px;
}

.qty-mark {
    font-variant: all-petite-caps;
    font-weight: 600;
    margin: 0px auto;
    padding: 10px 0px;
}

.custom-border-market {
	border: solid 4px #38595A;
    border-radius: 25px;
    margin: 20px;
    padding: 0px !important;
    max-width: 300px !important;
}

.custom-border-market:hover .custom-banner {
	animation: custombanner .35s ease;
	opacity: 0;
	margin-top: -25px;

}

.custom-banner-markets {
    background-color: #e9d5b5;
    border: #38595A solid 4px;
    height: auto;
    opacity: 1;
    transition: .76s;
    margin-top: 0px;
    display: flex;
    place-content: center;
    padding: 20px;
}

.custom-banner-markets h2 {
	align-self: center;
    margin: 0;
    padding: 0px;
    font-weight: 800;
    padding-bottom: 0px;
}

.custom-banner {
    background-color: #e9d5b5;
    height: auto;
    min-height: 40px;
    opacity: 1;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    position: absolute;
    max-width: 292px;
    color: #3A3A3B;
    z-index: 10;
    border-bottom: solid #38595a 4px;
    width: 100%;
    transition: .76s;
}

.custom-banner h2 {
	margin: 0 auto;
    padding-top: 5px;
    font-weight: 700;
    font-size: 10px;
    padding-left: 10px;
    line-height: 2;
}

.custom-hover-box:hover .fitImg {
	transform: scale(1.1);
    padding: 0;
    margin: 0 auto;
    border-radius: 15px;
    border: solid 2px #38595A;
    box-shadow: #38595a7a 0px 0px 4px 4px;
    opacity: .5;
    z-index: 1;
    display: block;
}

.fitImg{
	height: 10vw;
	max-width: 220px;
	border: solid 3px #38595a;
    max-height: 220px;
  	width: 10vw;
  	object-fit: cover;
}

.productResultImg img{
    transition: .76s;
}
.productResultInfo{
	color: #333333;
    float: none;
    padding: 5px 0px 10px 0px;
    cursor: pointer;
    font-weight: 600;
    font-variant: all-petite-caps;
    font-size: 21px;
    margin-top: -15px;
    display: block;
}

.productViewBtn {
	height: 11.5vw;
    object-fit: cover;
    width: 11.5vw;
    margin: 0;
    margin-top: -14px;
    font-size: 20px;
    opacity: 1;
    border-radius: 15px;
    background: transparent !important;
    color: black;
    border: none;
    z-index: 2;
    max-width: 250px;
	max-height: 250px;
    box-shadow: none;
}

#custom-buttonn {
	float: right;
}

#marketplace {
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}

#results {
	padding: 25px;
}

p {
	line-height: 2;
	text-align: left;
    margin-left: 15px;
}

.productResultName h2 {
	font-weight: 800;
    margin: 0 auto;
    letter-spacing: 1;
    font-size: 15px;
    padding: 10px 0px 10px 0px;
    text-align: center;
}

.resultsNav{
    float: left;
    width: 100%;
    margin: 0 auto;
}

.searchBar{
    width: 50%;
    margin-right: 10px;
    text-align: left;
}


#marketplaceOrderBy, #marketplaceResultsPerPage {
	width: fit-content;
}

.searchBarLabel, .searchDropdown, .filterType{
	color: white !important;
}

.searchArea {
	padding: 15px;
}

 .searchBar, #marketplaceOrderBy, #marketplaceResultsPerPage {
 	margin-top: 8px;
 }

.detailsBusName{
    font-size: x-large;
    font-weight: bold;
}
.customResult{
	margin: 0.675em 0.675em;
    border: 4px solid #38595A;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    width: 200px;
    height: 200px;
    padding: 0px 25px 0px 25px;
    background-color: #ffffff;
}

.customResultImg{
	color: #333333;
    float: none;
    text-align: center;
    margin-bottom: 15px;
}
.customResultImg img{
    float: none;
    margin: 0 auto;
    margin-top: 10px;
    height: auto;
    max-height: 90px;
    width: 115px;
    object-fit: contain;
}
.customResultImg{
    color: #333333;
    float: none;
    padding: -5px;
}
.customResultName h2{
    width: 100%;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    margin: 3px auto;
    padding: 0px;
    float: none;
    min-height: 5em;
}

.container h3 {
    color: #3A3A3B !important;
    text-align: left;
    letter-spacing: 0;
    font-size: 13px;
}

.cartAddQty {
	width: 60px;
	border: solid 3px #273f40 !important;
	box-shadow: none !important;
	text-align: center;
}


.fas, .fa {
	margin-right: 10px;
}

@media(max-width: 1250px) {
	.fitImg {
		height: 15vw;
	    width: 15vw;
	}
	
	.productViewBtn {
    	height: 17.5vw;
    	width: 17.5vw;
	}
}

@media (max-width: 990px) {
	table {
		width: 95% !important;
	    margin: 0px auto !important;
	    margin-left: 25px;
	}
	
	.custom-banner {
		position: relative;
	}
	
	.custom-border-market:hover .custom-banner {
		opacity: 1;
		animation: none;
		margin-top: 0px;
	}
	
	.marketplace-width  {
		width: inherit;
	}
	
	.custom-banner-markets h2 {
		text-align: left;
	}
}

@media (max-width: 750px) {
	
	.fitImg {
		height: 35.5vw;
	    width: 35.5vw;
	}

	.productViewBtn {
	    height: 41vw;
	    width: 41vw;
	    display: none;
	}
	
}

@media(min-width: 768px) {
	.custom-banner {
		min-height: auto;
		position: relative;
		height: auto;
	}
}

@media(min-width: 1220px) {
	.custom-banner {
		min-height: auto;
		position: relative;
	}
}

@keyframes custombanner {
	0% {
		opacity: 1; 
		margin-top: 0px;
	}
	
	
	100% {
		margin-top: -25px; 
		opacity: 0;
	}
}