﻿@media all and (max-width: 240px) {
	div#toast-container > div {
		padding: 0.2em 0.2em 0.2em 2.5em;
		width: 108px;
	}
}
@media all and (min-width: 241px) and (max-width: 300px) {
	div#toast-container > div {
		padding: 0.2em 0.2em 0.2em 2.5em;
		width: 128px;
	}
}
@media all and (min-width: 321px) and (max-width: 480px) {
	div#toast-container > div {
		padding: 0.2em 0.2em 0.2em 2.5em;
		width: 192px;
	}
}
@media all and (min-width: 481px) and (max-width: 768px) {
	div#toast-container > div {
		padding: 0.5em 0.5em 0.5em 2.5em;
		width: 300px;
	}
}
@media all and (min-width: 769px) {
	div#toast-container > div {
		padding: 0.5em 0.5em 0.5em 2.5em;
		width: 300px;
	}
}