/* ===== Responsive Styles =====================================================
   Author: Dan Mitchell / Vitamin Cornwall
   ========================================================================== */
   

@media only screen and (max-width: 1285px) {

	aside {
		flex: 0 0 150px;
		font-size: 12px;
	}

}

@media only screen and (max-width: 1100px) {
	
	.section-news__grid .tile {
		flex: 0 0 47%;
		margin: 0 3% 3em 0;
		width: 0;
	}
	
	.panelgroup {
		display: block;
	}
	
	.panelgroup .panel {
		margin-right: 0;
	}
	
}

@media only screen and (max-width: 950px) {
	
	.section-news__grid .tile {
		flex: 0 0 100%;
		margin: 0 0% 3em 0;
		width: 0;
	}
	
}

@media only screen and (max-width: 730px) {
	
	body {
		background: #EBEDF2;
	}
	
	main {
		display: block;
	}
	
	.panel {
		margin: 0 0 30px 0;
	}
	
	.panel__head {
		display: block;
	}
	.panel__head > div:first-child,
	.panel__head h3 {
		margin-bottom: 10px;
	}
	
	.panel--basic {
		display: block;
	}
	.panel--basic > div {
		margin-bottom: 10px;
	}
	
	aside {
		flex: 0 0 100%;
		font-size: 11px;
	}
	
	aside ul {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	aside li {
		flex: 0 0 50%;
	}
	aside li span {
		/* display: none; */
	}
	aside li a,
	aside li a.selected,
	aside li a:hover {
		border: none;
	}
	aside li a.selected {
		background-color: #0C0B4C;
	}
	aside li a.icon {
		/* background-position: center center; */
		/* padding: 20px; */
	}
	
	.myform .row-group {
		display: block;
	}
	.myform .row-group input:first-child {
		margin-bottom: 10px;
	}
	.myform .row-group input:nth-child(2) {
		margin-bottom: 10px;
	}
	.myform select {
		width: 100%;
	}
	
	.content {
		padding: 40px 20px;
	}
	
	.section-news__grid .tile {
		width: auto;
	}
	
	.tr {
		display: block;
	}
	.td {
		padding-left: 0;
		padding-right: 0;
	}
	.td-image {
		height: 200px;
		max-height: 200px;
		background-color: #f7f7f7;
	}
	.td:last-child {
		text-align: left;
	}
	
}