/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  .date-field {
	float: left;
	max-width: 33%;
}
.date-field .bootstrap-select > .dropdown-toggle {
	width: 33%;
} 
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
 .date-field {
	float: left;
	max-width: 33%;
}
.date-field .bootstrap-select > .dropdown-toggle {
	width: 33%;
} 
table#winelist.dataTable.display tbody tr:hover {
    color: #000;
}
.winelist-edit .dropdown-menu {
	left: 35%;
}
table#winelist.dataTable.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table#winelist.dataTable.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	left: -3px;
}    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
 .footer-area .footer-nav{
	float: none;
}
.footer-area ul li a {
	float: left;
	font-size: 12px;
}
.footer-area .nav > li > a {
	padding: 10px 12px;
}
.date-field {
	float: left;
	max-width: 33%;
}
.date-field .bootstrap-select > .dropdown-toggle {
	width: 33%;
}
.winelist-edit .dropdown-menu {
	left: 21%;
}
table#winelist.dataTable.display tbody tr:hover {
    color: #000;
}
table.dataTable > tbody > tr.child span.dtr-title {
	display: block;
}
#wineinfo .modal-content {
	padding: 10px 20px;
}
.btn.btn-primary.btn-wine-submit.btn-wine-save {
  display: inline-block;
  margin-left: 2px;
}  
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
.date-field {
	float: left;
	max-width: 33%;
}
.date-field .bootstrap-select > .dropdown-toggle {
	width: 33%;
} 
.winelist-edit .dropdown-menu {
	left: 21%;
}
table#winelist.dataTable.display tbody tr:hover {
    color: #000;
}
#wineinfo .modal-content {
	padding: 10px 20px;
}
.btn.btn-primary.btn-wine-submit.btn-wine-save {
  display: inline-block;
  margin-left: 2px;
}
}