@media screen and (max-width: 1200px) {
	.nano { position: relative; width: 100%; height: 100%; overflow: hidden; }
	.nano > .nano-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: scroll; overflow-x: hidden; }
	.nano > .nano-content:focus { outline: thin dotted; }
	.nano > .nano-content::-webkit-scrollbar { display: none; }
	.has-scrollbar > .nano-content::-webkit-scrollbar { display: block; }
	.nano > .nano-pane {
		position: absolute !important;
		top: 0;
		right: 0;
		bottom: 0;
		display: block !important;
		width: 7px;
		opacity: 1 !important;
		visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
		background: rgba(0,0,0,.25);
		padding: 0 !important;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	}
	.nano > .nano-pane > .nano-slider { position: relative; display: block !important; background: var(--primary); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 1px; }
	.nano:hover > .nano-pane,
	.nano-pane.active,
	.nano-pane.flashed { opacity: 0.99; visibility: visible\9; /* Target only IE7 and IE8 with this hack */ }
}
@media screen and (min-width: 960px) { .nano > .nano-content { position: relative; top: auto; right: auto; bottom: auto; left: auto; } }