/*
  Responsive Sections
	@media (min-width: 768px) and (max-width: 979px) 
	@media (max-width: 767px) 
	@media (min-width: 1200px)

	@media (max-width: 480px) 
	@media (max-width: 979px) 
	@media (min-width: 980px) 

*/
/*functions*/
/*curved radius*/
/*padding and margin shims*/
.pt20 {
  padding-top: 20px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pl30 {
  padding-left: 30px;
}
/*Global Patches & Steez */
body {
  position: relative;
  /*margin-top:170px;
		background: url(/images/responsive-ruler.gif) 0 40px  no-repeat;
		/*end*/
    background-image: url('/images/wallpaper.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


}
p {
  color: #666;
}
.nav {
  padding-left: 120px;
}
.navbar-inverse .navbar-inner {
  /*.gradient(#0078c4, #004586, 15px, 50px ) ;*/

  background: #000000 url(/images/navbar-bg.gif);
  padding: 10px 0;
}
/*nav font*/
.nav li a {
  font-family: 'OctinCollegeRgRegular';
  font-size: 24px;
}
.navbar-inverse .brand {
  width: 101px;
  height: 108px;
  padding: 0;
  margin: 0;
  background: url(/images/gb-tag.png) no-repeat;
  color: #fff;
  position: absolute;
  top: 0;
  left: 40px;
  z-index: 100;
  text-indent: -4000px;
}
.navbar-inverse .brand:hover {
  background: url(/images/gb-tag.png) 0 -108px no-repeat;
}
.navbar {
  position: fixed;
}
.navbar .nav > li {
  padding: 6px;
}
.navbar .nav > li > a {
  color: #fff;
  padding: 4px 8px;
}
.navbar .nav > li > a:hover {
  color: #fff;
  color: #f00;
  /*.c-shadowradius;*/

}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus,
.navbar-inverse .nav .active a {
  /*background:#00315c;
	.c-shadowradius;*/

  background: none;
  color: #fdd42f !important;
}
.topanchor {
  height: 40px;
}
.photo {
  border: 8px solid #fff;
  margin-bottom: 20px;
}
/*container patches to make width 100% wide*/
.container.fullwide {
  width: 100%;
}
.anchor .container {
  float: none;
}
.biglist {
  /*list-style-type:none;*/

  color: #7a7aa1;
}
.biglist li {
  font-size: 18px;
  padding-bottom: 10px;
}
/*carousel*/
.carousel {
  margin-bottom: 0;
}
.carousel-inner .item {
  min-height: 500px;
}
.carousel-control {
  /*patch*/

  position: absolute;
  top: 50%;
}
#splashbg-one {
  background: #efefef url(/images/splash-banner1.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#splashbg-two {
  background: #efefef url(/images/splash-banner2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#splashbg-three {
  background: #efefef url(/images/splash-banner3.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-indicators {
  /*patch*/

  position: absolute;
  top: 345px;
  right: 40px;
  z-index: 5;
  margin: 0;
  list-style: none;
}
/*homepage*/
/*.carousel-inner .item{
		background:#efefef url(/images/splash-banner.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		margin-bottom:20px;
		min-height:450px;
	}*/
.boiler {
  display: block;
  border-top: 1px solid #b7192c;
  background: #b7192c;
  /* Old browsers */

  background: -moz-linear-gradient(top, #b7192c 0px, #910f1f 110px);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #b7192c), color-stop(110px, #910f1f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #b7192c 0px, #910f1f 110px);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #b7192c 0px, #910f1f 110px);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #b7192c 0px, #910f1f 110px);
  /* IE10+ */

  background: linear-gradient(to bottom, #b7192c 0px, #910f1f 110px);
  /* W3C */

  padding-top: 10px;
  padding-bottom: 40px;
  padding-bottom: 20px;
}
#checkborderwrap {
  display: block;
  height: 48px;
  text-align: center;
  background: url(/images/checktile.jpg);
  margin-bottom: 0;
}
#checkborderwrap .span12 {
  margin: 0 auto;
  background: #0f0 !important;
  display: block;
}
.boiler-sub {
  text-align: center;
  font-weight: normal;
  font-size: 25px;
  color: #fff;
}
/*other sections*/
.anchor h1 {
  margin-bottom: 30px;
}
#history {
  /*.section-style(#d8d5d5, #efefef);*/

  background: #000000 url(/images/history-bg.jpg) no-repeat center fixed;
  /*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/

  padding-top: 40px;
  padding-bottom: 40px;
}
#history .greenstreet {
  position: absolute;
  top: -50px;
  right: 0;
  z-index: 100;
}
#history p {
  color: #fff !important;
}
#history h1 {
  color: #fff;
}
#menu {
  padding-top: 40px !important;
  display: block;
  border-top: 1px solid #ffffff;
  background: #ffffff;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #ffffff), color-stop(110px, #ffffff));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* IE10+ */

  background: linear-gradient(to bottom, #ffffff 0px, #ffffff 110px);
  /* W3C */

  padding-top: 10px;
  padding-bottom: 40px;
  border-top: 1px solid #a18434;
  background: #efefef url(/images/menu-bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 80px !important;
}
#menu th {
  font-family: 'OctinCollegeRgRegular';
  font-size: 18px;
}
#menu .menurow {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #000000 url(/images/navbar-bg.gif);
  color: #fff;
}
#menu table {
  margin-bottom: 10px;
}
#menu .pizza,
#menu .draughtbeer {
  width: 100%;
}
#menu .pizza td,
#menu .draughtbeer td,
#menu .pizza th,
#menu .draughtbeer th {
  text-align: left;
  vertical-align: text-top;
}
#menu .pizza td:nth-child(1),
#menu .draughtbeer td:nth-child(1) {
  width: 60%;
}
#menu .pizza td:nth-child(n+2),
#menu .draughtbeer td:nth-child(n+2) {
  width: 20%;
}
#menu .drinks {
  width: 100%;
}
#menu .drinks td,
#menu .drinks th {
  text-align: left;
  vertical-align: text-top;
}
#menu .drinks td:nth-child(1) {
  width: 80%;
}
#menu .drinks td:nth-child(n+2) {
  width: 20%;
}
#menu h1,
#menu h3 {
  color: #fff;
}
#menu .container .row .bucket img {
  border-bottom: 6px solid #f00;
}
#menu .container .row .bucket:nth-child(2) img {
  border-bottom: 6px solid #0f0;
}
#menu .container .row .bucket:nth-child(3) img {
  border-bottom: 6px solid #00f;
}
#location {
  padding-top: 40px;
  padding-bottom: 80px;
  border-top: 1px solid #666;
  background: #0000ff url(/images/location-bg.jpg) no-repeat center fixed;
  background-size: cover;
}
#location h1,
#location p {
  color: #fff;
}
#location h4 {
  padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 0;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
}
#location h4 span {
  color: #e17b14;
}
#location .blackbox {
  background: #000;
  position: relative;
  padding-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.85);
}
#location .blackbox h4 {
  line-height: 35px;
}
#location .blackbox p {
  padding: 18px 18px 0 30px;
  color: #fff !important;
}
#location .blackbox .google-pin {
  position: absolute;
  top: -150px;
  right: 15%;
  z-index: 100;
}
#location .blackbox a.fancybox {
  display: block;
  padding-left: 30px;
  color: #e17b14;
}
#location .blackbox a.fancybox img {
  float: left;
}
#location .blackbox a.fancybox span {
  padding-left: 20px;
  display: block;
  float: left;
}
#location .blackbox a.fancybox:hover {
  color: #0f0;
}
#location.locationbg-ios,
#location.locationbg-iospad {
  background: #000000 url(/images/location-bg.jpg);
  background-size: auto;
}
#history.historybg-ios {
  background: #000000 url(/images/history-bg.jpg) !important;
  background-size: auto;
}
/* ---------------------------------------------
GALLERY section
---------------------------------------------  */
#gallery {
  padding-top: 10px;
  padding-bottom: 40px;
  /*background: #ddd;*/
}
#gallery h1,
#gallery h3,
#gallery p {
  color: #fff;
}
#gallery .gallerybox {
  background: #222;
  border: 8px solid #fff;
}
.thumbrow{
  margin-top:20px;
}
.thumbrow .span3 {
  text-align: center;
}
.thumbrow .span3 a {
  display: block;
  padding: 10px solid #efefef;
  margin-bottom: 10px;
}
/*patch*/
.fancybox-lock .fancybox-overlay {
  overflow: hidden;
  overflow-y: hidden !important;
}
.thumbrow .span3 a img {
  border: 10px solid #efefef;
 /* border-bottom: 40px solid #efefef;*/
  width: 85%;
  
/*
  -webkit-box-shadow: 0 0 20px #000000, inset 0px 0px 115px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 20px #000000, inset 0px 0px 115px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 20px #000000, inset 0px 0px 115px rgba(0, 0, 0, 0.75);

*/

}

.thumbrow .span3 a .imagebox img {

 /* border-bottom: 40px solid #efefef;*/
  width: 85%;
}



.thumbrow .span3{
  /*background:#0f0;*/
}





  /*ICON STEEZ ============================================ */
        /*glossy icon*/
        .icon {

          margin:0 auto !important;
          width: 85%;
          height: 85%;
          -webkit-border-radius: 19px !important;
          background: #000;
          float: none;
          /*margin: 50px;*/
          -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
          position: relative;
          margin-bottom:4px !important;

          
      }
      .span3 p{
        padding-bottom:10px;

      }
      a:hover.icon {
        -webkit-box-shadow:  0px 3px 10px rgba(0, 0, 0, .5);
      }


      .icon .gloss {
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.2)));
          width: 100%;
          height: 40%;
          
          position: relative;
          -webkit-border-top-right-radius: 19px;
          -webkit-border-top-left-radius: 19px;
          -webkit-border-bottom-right-radius: 55% 20px;
          -webkit-border-bottom-left-radius: 55% 20px;
          z-index: 1;
          position: absolute;
          top:0px;
          -webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, .6);
      }

      /*ICON BGS*/
      #th1{
        background-image: url('/images/photos/thumbs/mv1.gif');
        background-size: cover; 
      }
      #th2{
        background-image: url('/images/photos/thumbs/mv2.gif');
        background-size: cover; 
      }
      #th3{
        background-image: url('/images/photos/thumbs/mv3.gif');
        background-size: cover; 
      }
      #th4{
        background-image: url('/images/photos/thumbs/mv4.gif');
        background-size: cover; 
      }
      #th4{
        background-image: url('/images/photos/thumbs/mv4.gif');
        background-size: cover; 
      }

      #th5{
        background-image: url('/images/photos/thumbs/mv5.gif');
        background-size: cover; 
      }

      #th6{
        background-image: url('/images/photos/thumbs/mv6.gif');
        background-size: cover; 
      }

      #th7{
        background-image: url('/images/photos/thumbs/mv7.gif');
        background-size: cover; 
      }
      #th8{
        background-image: url('/images/photos/thumbs/mv8.gif');
        background-size: cover; 
      }
      #th9{
        background-image: url('/images/photos/thumbs/mv9.gif');
        background-size: cover; 
      }
      #th10{
        background-image: url('/images/photos/thumbs/mv10.gif');
        background-size: cover; 
      }
      #th11{
        background-image: url('/images/photos/thumbs/mv11.gif');
        background-size: cover; 
      }
      #th12{
        background-image: url('/images/photos/thumbs/mv12.gif');
        background-size: cover; 
      }
      #th13{
        background-image: url('/images/photos/thumbs/mv13.gif');
        background-size: cover; 
      }
      #th14{
        background-image: url('/images/photos/thumbs/mv14.gif');
        background-size: cover; 
      }




  /*END ICON STEEZ ============================================ */    


      /*.icon .text
      {
          background:#f00 !important;

          color: #000;
          font-size: 150px;
          font-family: sans-serif;
          line-height: 0px;
          font-weight: bold;
          text-align: center;
      }*/



.thumbrow .span3 a:hover img {
  border-color: #fff;
  /*outer shadow*/
  /*  TURNED SHADOW OFF ON IMAGE
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 115px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 115px rgba(0, 0, 0, 0.75);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 115px rgba(0, 0, 0, 0.75);*/
}




/*CUSTOM RESPONSIVE*/
/*  Responsive Sections
		@media (min-width: 768px) and (max-width: 979px) 
  		@media (max-width: 767px) 
  		@media (min-width: 1200px)

  		@media (min-width: 768px) and (max-width: 979px) 
  		@media (max-width: 767px) 
 		@media (max-width: 480px) 
 		@media (max-width: 979px) 
  		@media (min-width: 980px) */
/* ---------------------------------------------
END GALLERY section
---------------------------------------------  */
/*DEFAULT SPAN3*/


/*minh patch*/
.span3 {
width: 166px;
}



#contact {
  display: block;
  border-top: 1px solid #9c2b06;
  background: #9c2b06;
  /* Old browsers */

  background: -moz-linear-gradient(top, #9c2b06 0px, #c23608 110px);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #9c2b06), color-stop(110px, #c23608));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #9c2b06 0px, #c23608 110px);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #9c2b06 0px, #c23608 110px);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #9c2b06 0px, #c23608 110px);
  /* IE10+ */

  background: linear-gradient(to bottom, #9c2b06 0px, #c23608 110px);
  /* W3C */

  padding-top: 10px;
  padding-bottom: 40px;
  color: #fff;
}
#contact p {
  color: #fff;
}
#contact .span4 {
  text-align: left;
  margin-bottom: 10px;
}
#contact .span4 img {
  width: 52px;
  float: left;
  margin-right: 10px;
}
#contact .span4 p {
  display: block;
  float: left;
}
.modal-body p {
  color: #666 !important;
}
.footer {
  display: block;
  /*border-top: 1px solid #000000;
  background: #000000;
  /* Old browsers */

 /* background: -moz-linear-gradient(top, #000000 0px, #222222 110px);
  /* FF3.6+ */

 /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #000000), color-stop(110px, #222222));
  /* Chrome,Safari4+ */

  /*background: -webkit-linear-gradient(top, #000000 0px, #222222 110px);
  /* Chrome10+,Safari5.1+ */

  /*background: -o-linear-gradient(top, #000000 0px, #222222 110px);
  /* Opera 11.10+ */

  /*background: -ms-linear-gradient(top, #000000 0px, #222222 110px);
  /* IE10+ */

  /*background: linear-gradient(to bottom, #000000 0px, #222222 110px);
  /* W3C */

  padding-top: 10px;
  padding-bottom: 40px;
  color: #fff;
  padding: 40px 0 60px 0;
}
.footer a {
  font-size: 11px;
  color: #666;
}
.footer p {
  color: #666;
  font-size: 12px;
  margin: 0 0 4px 0;
  padding: 0;
  line-height: 17px;
}
.footer .span4 {
  margin-bottom: 20px;
}
.footer .span2 {
  margin-bottom: 10px;
}
.footer h2 {
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  display: block;
  padding-bottom: 4px;
  border-bottom: 1px solid #666;
}
.footer ul {
  margin: 0;
  list-style-type: none;
}
.footer ul li {
  margin: 0 !important;
  padding: 0;
  display: block;
}
.footer ul li a {
  height: 22px !important;
  padding-top: 4px;
  display: inline-block !important;
}
.footer ul li a#social-fb {
  background: url(/images/social-sprite.png) 0 0 no-repeat;
  padding-left: 34px ;
}
.footer ul li a#social-twitter {
  background: url(/images/social-sprite.png) 0 -60px no-repeat;
  padding-left: 34px ;
}
.footer ul li a#social-fb:hover {
  background-position: 0 -30px !important;
  text-decoration: none;
  color: #fff;
}
.footer ul li a#social-twitter:hover {
  background-position: 0 -90px !important;
  text-decoration: none;
  color: #fff;
}
.bucket {
  background: #fff;
}
.bucket img {
  width: 100%;
  margin-bottom: 10px;
}
.bucket p {
  padding: 10px;
}
#history .span9.span9c {
  /*orig700  default*/

  width: 680px;
  padding-left: 20px;
}
@media (min-width: 980px) {
  #gallery .span3 {
    margin-bottom: 10px;
  }
}
/*RESPONSIVE Patches & Steez*/
@media (min-width: 1200px) {
  /*#history .span3 img{
  		width:90%;
  	}*/

/*minh patch*/
.span3 {
width: 166px;
}

  #history .span3 {
    /*orig270*/
  
    width: 200px;
  }
  #history .span9.span9c {
    /*orig870*/
  
    width: 920px;
    padding-left: 20px;
  }
  .carousel-indicators {
    /*patch*/
  
    position: absolute;
    top: 445px;
  }
}
@media (max-width: 1199px) {
  .carousel-inner .item {
    min-height: 400px;
  }
}
@media (max-width: 979px) {
  .biglist {
    /*list-style-type:none;*/
  
    color: #7a7aa1;
    margin: 0 0 0px 25px;
  }
  .logorow ul {
    padding-top: 20px;
  }
  .logorow li {
    width: 85px;
    height: 85px;
    margin-right: 8px;
  }
  #history .span9.span9c {
    /*orig870*/
  
    width: 510px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  /*chenged from 979, this is also changed in main bootstrap responsive css*/
  .footer .span4 .span2.vidthumb {
    width: 25%;
    float: left;
  }
  .footer .span4 .span2.vidtext {
    width: 75%;
    float: left;
  }
  .boiler {
    margin-left: -20px;
    margin-right: -20px;
  }
  /*gallery PATCH*/
  #gallery .span3 {
    width: 33%;
    float: left;
  }
  .navbar-inverse .brand {
    position: absolute;
    top: 0;
    left: 10px !important;
    z-index: 100;
    text-indent: -4000px;
  }
  /*mobile NavBar  */
  .navbar-inverse .btn-navbar {
    background: #7c1008;
    /* Old browsers */
  
    background: -moz-linear-gradient(top, #7c1008 15px, #ce1b0d 50px);
    /* FF3.6+ */
  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15px, #7c1008), color-stop(50px, #ce1b0d));
    /* Chrome,Safari4+ */
  
    background: -webkit-linear-gradient(top, #7c1008 15px, #ce1b0d 50px);
    /* Chrome10+,Safari5.1+ */
  
    background: -o-linear-gradient(top, #7c1008 15px, #ce1b0d 50px);
    /* Opera 11.10+ */
  
    background: -ms-linear-gradient(top, #7c1008 15px, #ce1b0d 50px);
    /* IE10+ */
  
    background: linear-gradient(to bottom, #7c1008 15px, #ce1b0d 50px);
    /* W3C */
  
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed;
  }
  .navbar-inverse .nav-collapse .nav > li {
    padding: 0px;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #fff;
    font-weight: normal;
    padding: 10px 18px;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    /*background-color: #f00;*/
    /*dropdown hover*/
  
    background: none;
    color: #f00 ;
  }
  .navbar-inverse .nav-collapse .nav > li.active > a:hover,
  .navbar-inverse .nav-collapse .nav > li.active > a:focus {
    /*background-color: #00315c;*/
  
    /*dropdown ACTIVE hover*/
  
    background: none;
    color: #f00 ;
  }
  /*END mobile NavBar*/
  .caro-wrap {
    margin-left: -20px;
    margin-right: -20px;
  }
  #checkborderwrap {
    margin-left: -20px;
    margin-right: -20px;
  }
  .logorow li {
    width: 85px;
    height: 85px;
    margin-right: 20px;
  }
  #history .span3.span3c {
    /*orig870*/
  
    float: left;
    width: 30%;
    padding-left: 0 !important;
    padding: 0 16px;
  }
  #history .span9.span9c {
    /*orig870*/
  
    float: left;
    width: 60%;
    padding-left: 20px;
  }
  #menu .menurow {
    padding-left: 20px;
    padding-right: 10px;
    border-bottom: 2px solid #000;
  }
  .anchor {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: 0px;
    margin-left: 0px;
  }
  /*splashbanner*/
  /*	.carousel-inner .item{
  		margin-left:-20px;
  		margin-right:-20px;
  	}
  	.carousel-inner .item .container{
  		padding:0 20px;
  
  	}
  	.carousel-inner .item{
  		margin-bottom:20px;
  	}
  
  */.boiler-sub {
    font-weight: normal;
    font-size: 20px;
    line-height: 29px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .bucket {
    padding: 10px;
    display: block;
    margin-bottom: 10px;
    background: #ededf6;
  }
  .bucket img {
    width: 35%;
    float: left;
    /*border:4px solid #fff;*/
  
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .bucket p {
    display: block;
    float: left;
    padding: 0px 10px 0px 10px;
    clear: right;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #history .span9 {
    width: 518px;
    padding-left: 20px;
  }
  /*#history .span3{
  		background:#00f;
  	}*/
  #history .span3 img {
    width: 100%;
  }
}
@media (max-width: 530px) {
  /*gallery PATCH*/
  #gallery .span3 {
    width: 50%;
    float: left;
  }
  .footer .span4 .span2.vidthumb {
    width: 25%;
    float: left;
  }
  .footer .span4 .span2.vidtext {
    width: 75%;
    float: left;
    padding-left: 10px;
  }
}
@media (max-width: 480px) {
  .topheadline{
    font-size:32px;
  }

  /*gallery PATCH*/
  #gallery .span3 {
    width: 48%;
    float: left;
    margin-right: 6px;
  }
  #gallery .span3:nth-child(even) {
    width: 48%;
    float: left;
    margin-right: 0px;
   } 



  .footer .span4 ul li {
    padding: 10px 0;
    background: #333;
    margin-bottom: 3px !important;
  }
  .footer .span4 ul li a {
    font-size: 18px;
    display: block !important;
  }
  /*location google pin*/
  #location .blackbox .google-pin {
    position: absolute;
    top: -150px;
    right: 0px;
    z-index: 100;
  }
  .logorow ul li {
    display: block;
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }
  .logorow ul li:nth-child(-n+6) {
    background-size: 623px 70px !Important;
  }
  .logorow li#logo-ucsb {
    background: url(/images/logo-farm.png) -110px 0;
  }
  .logorow li#logo-childrenshospital {
    background: url(/images/logo-farm.png) -220px 0;
  }
  .logorow li#logo-stanford {
    background: url(/images/logo-farm.png) -330px 0;
  }
  .logorow li#logo-chc {
    background: url(/images/logo-farm.png) -440px 0;
  }
  .logorow li#logo-lucilepackard {
    background: url(/images/logo-farm.png) -550px 0;
  }
  #history .span3.span3c {
    /*orig870*/
  
    float: none;
    width: 100%;
    padding-left: 0 !important;
    text-align: center;
    padding-bottom: 20px;
  }
  #history .span3.span3c img {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
  #history .span9.span9c {
    /*orig870*/
  
    float: none;
    width: 100%;
    padding-left: 0;
  }
}
/*
patch for fixed elements shifting when fancbox is triggered.
https://github.com/fancyapps/fancyBox/issues/360
*/
.fancybox-lock {
  overflow: visible !important;
  margin-right: auto !important;
}