/*	TABLETS
#########################################################################*/
@media screen and (max-width: 960px) {
	
	#title ul, .line ul {
		flex-wrap: wrap;
	}

	.line, .title {
		padding: 8px 0;
	}
	
	.line li {
		padding: 0;
		line-height: 1.6em;
	}
	
	.filtre {
		margin-left: 10px;
	}
	
	#title {
		padding: 5px 0;
	}
	
	#title li {
		padding: 4px 0;
	}
	
	.admin a {
		margin-right: 10px;
	}
	
	#title li:nth-child(1), .line li:nth-child(1) { /*  Nom du vin */
		width: 36%;
		order: 1;
	}
	
	#title li:nth-child(3), .line li:nth-child(3) { /*  Année */
		width: 10%;
		order: 2;
	}
	
	#title li:nth-child(4), .line li:nth-child(4) { /* Propriétaire */
		width: 31%;
		order: 3;
	}
	
	#title li:nth-child(7), .line li:nth-child(7) { /*  Prix */
		width: 10%;
		order: 4;
	}
	
	#title li:nth-child(2), .line li:nth-child(2) { /*  Cépage */
		width: 49%;
		order: 5;
	}
	
	#title li:nth-child(5), .line li:nth-child(5) { /*  Origine */
		width: 20%;
		order: 6;
	}
	
	#title li:nth-child(6), .line li:nth-child(6) { /*  Volume */
		width: 8%;
		order: 7;
	}
	
	#title li:nth-child(8), .line li:nth-child(8) { /*  Stock */
		width: 10%;
		order: 8;
	}
	
	.line li:nth-child(2), .line li:nth-child(7) {
		opacity: .6;
	}
	
	.line-actions a {
		margin: 5px;
		padding: 3px 15px;
	}
	
	#content {
		padding-bottom: 37px;
	}
	
	#footer {
		padding: 8px 0;
	}

}


/*	MOBILES
#########################################################################*/
@media screen and (max-width: 600px) {
	
	#header {
		font-size: .9em;
	}
	
	#filters {
		padding: 5px 0;
		align-items: flex-start;
	}
	
	.filtre {
		margin-left: 5px;
	}
	
	.filtre li:not(.icon) a, .admin a {
		padding: 3px 15px;
	}
	
	.responsive {
		max-width: 80px;
	}
	
	.admin a {
		margin-right: 5px;
	}
	
	#title {
		line-height: 1em;
	}
	
	#content {
		padding: 103px 0 29px 0;
	}

	#title li:nth-child(1), .line li:nth-child(1) { /*  Nom du vin */
		width: 45%;
		order: 1;
		margin-left: 1%;
	}
	
	#title li:nth-child(4), .line li:nth-child(4) { /* Propriétaire */
		width: 33%;
		order: 2;
	}
	
	#title li:nth-child(7), .line li:nth-child(7) { /*  Prix */
		width: 10%;
		order: 3;
	}
	
	#title li:nth-child(2), .line li:nth-child(2) { /*  Cépage */
		width: 44%;
		order: 4;
		margin-left: 1%;
	}
	
	#title li:nth-child(5), .line li:nth-child(5) { /*  Origine */
		width: 47%;
		order: 5;
	}
	
	#title li:nth-child(3), .line li:nth-child(3) { /*  Année */
		width: 44%;
		order: 6;
		margin-left: 1%;
	}
	
	#title li:nth-child(6), .line li:nth-child(6) { /*  Volume */
		width: 18%;
		order: 7;
		text-align: left;
	}
	
	#title li:nth-child(8), .line li:nth-child(8) { /*  Stock */
		width: 24%;
		order: 8;
	}
	
	.line li:nth-child(2), .line li:nth-child(7) {
		opacity: .7;
	}
	
	.line-actions a {
		margin: 5px;
		padding: 3px 15px;
		font-size: .8em;
	}
	
	#footer {
		padding: 5px;
	}
	
	.compteur {
		display: none;
	}
	
	.total {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: .9em;
		text-align: center;
	}

}