body { margin: 0; padding: 0; border: 0; }
#demo { width: 100%; position: relative; overflow: hidden; }
img { width: 100%; height: auto; }	
.caption { color: #fff; font-weight: 800; font-size: 21px; width: 300px; z-index: 99; position: absolute; top: 20px; left: 20px; text-shadow: 3px 3px 3px rgba(85, 85, 85, .8);  font-family: 'Khula', sans-serif; white-space: nowrap; text-transform: uppercase;  }		
.unslider-nav { position: absolute; bottom: 20px; left: 0; right: 0; margin-left: 0 50%; }
.unslider-nav ol li { display: inline-block; width: 12px; height: 12px; margin: 0 4px; background: transparent; border-radius: 12px; overflow: hidden; text-indent: -999em; border: 2px solid #fff; cursor: pointer; }
.unslider-arrow { color: #fff; top: 50%; }
.unslider-arrow { display: block; width: 64px; height: 64px; text-indent: -999em; background: rgba(0, 0, 0, 1) no-repeat 50% 50%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg=='); border-radius: 64px; }
.unslider-arrow.prev { transform: rotate(-180deg);

@media all and (max-width: 480px) {
	.caption { color: #fff; font-weight: 800; font-size: 16px; line-height: 16px; width: 300px; z-index: 99; position: absolute; top: 20px; left: 20px; text-shadow: 3px 3px 3px rgba(85, 85, 85, .8);  font-family: 'Khula', sans-serif; white-space:normal; text-transform: uppercase;  }		
}