.h1{
		color:grey;
		font-weight: 800;
		color: #02bec4;
	}
	.table tr{
		color: #504f4f !important;
	}
	.table th, .table td{
		padding: 0.55rem ;
		vertical-align: middle;
	}
	.table thead th{
		text-align: left;
		vertical-align: middle;
	    border-top: none;
		color: #595959;
		font-weight: 500;
	}
	.table thead {
		border-top: none;
	}
	.alert{
		color:#DD3B2A !important;
	}
	.success{
		color:#83B541 !important;
	}
	.one,.two,.three,.four,.five,.six{
		display: none
	}
	.field-det{
		padding:0;
	}
	.field-det li {
		list-style: none;
	}
	.field{
		background-color: lightgrey;
		border-radius: 100px;
	}
	#table-container{
		/* height: 1320px; */
		width: 100%;
		margin: 2% 0; 
		overflow-x: auto;
	}
	.mv-image{
		object-fit: contain;
		width:30%;
		float:left;
		margin-right: 2%;
		margin-bottom: 2%;

	}
	@media only screen and (min-width: 1024px){
		.tab{
			display: none;
		}
	}
    @media screen and (min-width: 320px) and (max-width: 767px){

		.card{
			margin-bottom: 1rem;
		}
		table{
			font-size: 14px;
		}
		.table th, .table td{
			padding: 0.45rem ;
			padding-top: 0.35rem;
			padding-bottom: 0.55rem
		}
		.tab{
			display: none;
		}
	}
	
	@media only screen and (max-width: 1024px) and (min-width: 768px){
	    
		table{
			font-size: 14px;
		}
		.table th, .table td{
			padding: 0.45rem ;
			padding-top: 0.35rem;
			padding-bottom: 0.55rem
		}
		.tab{
			display: block;
		}
		.desktop{
			display:none
		}
	}
	/*cards*/
	a {
  transition: .25s all;
}

.card {
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transition: .25s box-shadow;
}
.card:focus, .card:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.card-inverse .card-img-overlay {
  background-color: rgba(51, 51, 51, 0.85);
  border-color: rgba(51, 51, 51, 0.85);
}
.product-descripton{
	height: 300px;
	overflow-y: scroll;
}