#screenshot-body { /* For tablets & smart phones */ /* For smartphones */ /* For smaller displays like laptops */ /* For larger displays */ }
#screenshot-body #slides { display: none; }
#screenshot-body #slides div { text-align: center; }
#screenshot-body .container { padding-top: 60px; padding-bottom: 60px; }
#screenshot-body #slides .slidesjs-navigation { position: absolute; margin-top: -400px; }
#screenshot-body #slides .slidesjs-previous { margin-left: -100px; float: left; }
#screenshot-body #slides .slidesjs-next { margin-left: 750px; float: left; }
#screenshot-body .slidesjs-pagination { margin: 6px 0 0; float: right; list-style: none; }
#screenshot-body .slidesjs-pagination li { float: left; margin: 0 3px; }
#screenshot-body .slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(/img2014/common/pagination.png); background-position: 0 0; float: left; overflow: hidden; }
#screenshot-body .slidesjs-pagination li a.active, #screenshot-body .slidesjs-pagination li a:hover.active { background-position: 0 -13px; }
#screenshot-body .slidesjs-pagination li a:hover { background-position: 0 -26px; }
#screenshot-body #slides a:link, #screenshot-body #slides a:visited { color: #333333; }
#screenshot-body #slides a:hover, #screenshot-body #slides a:active { color: #9e2020; }
#screenshot-body .navbar { overflow: hidden; }
#screenshot-body #slides { display: none; }
#screenshot-body .container { margin: 0 auto; }
@media (max-width: 767px) { #screenshot-body body { padding-left: 20px; padding-right: 20px; }
  #screenshot-body .container { width: auto; } }
@media (max-width: 480px) { #screenshot-body .container { width: auto; } }
@media (min-width: 768px) and (max-width: 979px) { #screenshot-body .container { width: 724px; } }
@media (min-width: 1200px) { #screenshot-body .container { width: 1170px; } }
