/* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }
    }
    #site-slideshow {
      display: none;
    }

    .slidesjs-navigation {
      position: absolute;
      font-size: 0px;
      background: url('../images/img-slide.png') no-repeat;
      width: 42px;
      height: 85px;
      z-index: 10000;
      top: 200px;
    }
	.slidesjs-previous:hover {
     background-position: -42px 0;
    }

    .slidesjs-next:hover {
     background-position: 0px 0;
    }
    .slidesjs-previous {
     left: 10px;
     background-position: -42px -85px;
    }

    .slidesjs-next {
     right: 10px;
     background-position: 0px -85px;
    }

    .slidesjs-pagination {
      position: absolute;
      bottom: 10px;
      right:10px;
      z-index:1000;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }
    
	.slide-infobox {
		position: absolute;
		font-style: italic;
		background: rgb(255, 255, 255); /* The Fallback */
   		background: rgba(255, 255, 255, 0.7);
		width: 550px;
		bottom: 27px;
		padding: 30px 17px 20px 30px;
	}
	.slide-infobox h1 { background: url('../images/bg_infobox_h1.png') left bottom repeat-x;
	 font-weight: lighter; font-size: 1.8em; padding-bottom: 7px; }
	.slide-infobox p { color: #296490;  line-height: 1.5em; text-align: justify;}
	.slide-infobox .slide-more { color: #30bdf3; float: right; margin-top: 24px; }