@media (max-width: 767px) {

	.awesome{ overflow: hidden; }
	.awesome .item { display: none; overflow: hidden; width: 100%; height: 100%; }
	.awesome .item.show-for-resize { display: block; position: absolute; top: -9999px; left: -9999px; }
	.awesome.slide .item.show { display: block; }
	.awesome.fade .item.show { display: block; position: absolute; top: 0px; left: 0px; }

	.awesome .item.load { background: url('../images/loader.gif') 50% 50% no-repeat; }
	.awesome .transition-box { position: relative; width: 200%; height: 100%; left: 0% }
	.awesome.vertical .transition-box { width: 100%; height: 200%; top: 0% }
	.awesome .transition-box .item { position: relative; width: 50%; height: 100%; float: left; }
	.awesome.vertical .transition-box .item { width: 100%; height: 50%; float: none; }

	.awesome .bullets{ position: absolute; z-index: 2; bottom: 0px; left: 0px; right: 0px; text-align: center; }
	.awesome .bullets a { text-decoration: none;  color: #fff; font-size: 30px; margin: 0px 3px; }
	.awesome .bullets a:hover,
	.awesome .bullets a.selected { color: #ff0000; }

	.awesome .arrow { position: absolute; z-index: 10; top: 0; background-repeat: no-repeat; padding: 0; width: 27px; height: 200px; }
	.awesome .arrow.left { background: #fff url(../images/arrow-left.png) -26px 50% no-repeat; left: 0px; }
	.awesome .arrow.left:hover { background: #fff url(../images/arrow-left.png) 8px 50% no-repeat; left: 0px; }
	.awesome .arrow.right { background: #fff url(../images/arrow-right.png) 0 50% no-repeat; right: 0px; }
	.awesome .arrow.right:hover { background: #fff url(../images/arrow-right.png) -34px 50% no-repeat; right: 0px; }

}

@media (min-width: 768px) {

	.awesome{ overflow: hidden; }
	.awesome .item { display: none; overflow: hidden; width: 100%; height: 100%; }
	.awesome .item.show-for-resize { display: block; position: absolute; top: -9999px; left: -9999px; }
	.awesome.slide .item.show { display: block; }
	.awesome.fade .item.show { display: block; position: absolute; top: 0px; left: 0px; }

	.awesome .item.load { background: url('../images/loader.gif') 50% 50% no-repeat; }
	.awesome .transition-box { position: relative; width: 200%; height: 100%; left: 0% }
	.awesome.vertical .transition-box { width: 100%; height: 200%; top: 0% }
	.awesome .transition-box .item { position: relative; width: 50%; height: 100%; float: left; }
	.awesome.vertical .transition-box .item { width: 100%; height: 50%; float: none; }

	.awesome .bullets{ position: absolute; z-index: 2; bottom: 0px; left: 0px; right: 0px; text-align: center; }
	.awesome .bullets a { text-decoration: none;  color: #fff; font-size: 30px; margin: 0px 3px; }
	.awesome .bullets a:hover,
	.awesome .bullets a.selected { color: #ff0000; }

	.awesome .arrow { position: absolute; z-index: 10; top: 0; background-repeat: no-repeat; padding: 0; width: 27px; height: 100px; }
	.awesome .arrow.left { background: #fff url(../images/arrow-left.png) 0 50% no-repeat; left: 0px; }
	.awesome .arrow.left:hover { background: #fff url(../images/arrow-left.png) -34px 50% no-repeat; left: 0px; }
	.awesome .arrow.right { background: #fff url(../images/arrow-right.png) 0 50% no-repeat; right: 0px; }
	.awesome .arrow.right:hover { background: #fff url(../images/arrow-right.png) -34px 50% no-repeat; right: 0px; }

}