@media (max-width: 1200px) {
	.span4{width:298px;} 
	.vert-snap .pad-right, .vert-snap .pad-left{padding: 18px;}
	.vert-snap .span6{float: none; display: block; width: auto;}
	.vert-snap .span3{float: none; display: block; width: auto; padding-top: 0 !important; margin-bottom: 0px !important;}
	.vert-snap .black{background: #000;}
  .vert-snap .black img{max-width: 250px;}
	.navigation .span8{}

    .navigation ul.main li{font-size: 14px; padding: 10px 5px;}
    .navigation ul.main li.first{padding: 10px 5px 10px 15px;}
    .navigation ul.main li.last {padding: 10px 10px 10px 15px;}

	.contact-form .form-input [class*="span"] {
    	width: 95%;
	}

}

@media (min-width: 768px) and (max-width: 979px) {
	.slider .span4{
		width: 247px;
	}
	.slider .date{margin-bottom: 10px; font-size: 20px;}
	.slider .pages{left: 465px; width: 100px;}
	.slider h4{font-size: 13px;}

	.slider .short{display: block;}
	.slider .long{display: none;}
	.calendarBG td{padding: 1px; font-size: 9px;}

	.navigation .span3{float: none; text-align: left; margin-bottom: 10px;}
	.navigation .span9{float: none; margin-top: 20px; width: 100%;}
	.navigation .main{float: none;}

	.form-input .span8{width: 94%;}
	.form-input .span5{width: 94%;}
	.form-input .span3{width: 94%;}
	.visit .other-venues .red {
        min-height: 255px;
    }
    .compressed .info{left: 0;}

    .donate-links .span3{min-height: 220px;}

    .buy-wrapper {
        position: absolute;
        top: 0;
        right: 10px;
    }

    .tiles .header {
        /* height: 250px; */
        height: 170px;
        padding: 10px 10px 10px;
    }
    .tiles .date{
        margin-bottom: 10px;
    }
    .tiles h4 a{
        font-size: 18px;
    }

    .tiles .buy{
        background-size: 20px;
        padding: 5px 21px 5px 0;
        background-position: right 2px;
    }
    .caption-group {
    	height: 238px;
        width: 247px;
        margin-left: 0;
	}
		.navigation .span8{display: block; width: 100%; margin-top: 10px;}
	.navigation .span8 ul.pull-right{float: none;}

}
@media (max-width: 767px) {

	.navigation ul.main{margin: 0 0 0 0;}
	.navigation ul.main li{float: left; padding: 0;  font-size: 16px; font-weight: 500; color: #000;  letter-spacing: 3px; background-color: #73CDE1; line-height: 40px; margin: 0;
	}
	
	.navigation ul.main .dropdown-menu{
		background: #2F3447;
	}
	
	.navigation ul.main .dropdown-menu a{
		color:  #fff;
	}
	.navigation .mobile-menu-btn {
		padding: 10px 10px;  font-size: 16px; color: #000;  letter-spacing: 3px; background-color: #D6DE23; line-height: 24px; font-weight: 700; display: block;
	}
	.navigation ul.main li a{color: #000; font-weight: 700; font-size: 12px; padding: 20px 15px;
	}
	.navigation ul.main li.secondary a{color: #000; font-weight: 700; font-size: 12px; padding: 20px 0px;
	}
	.navigation ul.main li.secondary{ position: relative;  font-size: 10px; font-weight: 700; letter-spacing: 3px;  background-color: #D6DE23;}
	.navigation ul.main li.first{padding: 0;}
	.navigation ul.main li.last{padding: 0;}
	.navigation ul.main li a .caret{
		float:  right;
		line-height: 40px;
		margin: 15px 12px 0 0;
		font-size: 20px;
	}
	.navigation .dropdown-menu {min-width: 170px;}
	.navigation .dropdown:hover > .dropdown-menu {}
	.navigation .dropdown.first ul{width: 100%;}
	.navigation .secondary .dropdown-menu li a{background-color: #2F3447;}
	.navigation .secondary .dropdown-menu li a:hover{background-color: #D6DE23;}
	
	.college{
		line-height: 40px;
		background: url(../../images/crown.png) no-repeat left 12px; 
	}
	
	#keywords{
		width:  auto;
		max-width: 100px;
	}
	
	.navigation li .dropdown-menu {background-color: transparent; border: none; border-radius: 0; box-shadow: none; width: 100%; overflow: hidden;}

	.nav-collapse
	{
		margin-bottom: 10px;
	}

	.single-event .event-content{margin-top: 0px;}
	body{padding-left: 0; padding-right: 0;}
	.container{padding: 0 15px;}
	.navigation .span3{margin-bottom: 10px; width: 50%;}
	.slider{display: none;}
	
  .navigation ul.pull-right{float: none;}
  .navigation ul li.dropdown{float: none; display: block; text-align: left;}
  .navigation ul li.secondary{float: left; width: 32%; text-align: center; padding: 10px 0 !important; margin: 0 1.0%;}
  .navigation ul li.secondary.last{margin: 0 0 0 1.0%;}
  
  .navigation ul li.first{margin-left: 0;}
	
  .span3.tiles{width: 225px; float: left; margin-left: 10px;}
	.form-input .span8{width: 94%;}
	.form-input .span5{width: 94%;}
	.form-input .span3{width: 94%;}

	.compressed .date{left: 0;}

	.buy-wrapper {
        position: absolute;
        top: 0;
        right: 10px;
        width: auto;
    }
    .row.bg  {
        position: relative;
    }
    .compressed .span9 {
        padding-right: 80px;
    }


}
@media (max-width: 480px) {
.brand-container
{
	height: 61px;
}
.contact-us .contacts h1{
	
	font-size: 24px;
	line-height: normal;
}

  .span3.tiles{
    width: 100%;
    margin-left: 0;
  } 
  .tiles .header{
    height: auto;
  }
  .footer .bdr {
    border: none;
    padding-left: 0;
    min-height: 40px;
  }

  .information{
    padding-bottom: 0;
  }

  .footer .logo{
    margin-left: 0;
  }

  .footer-menu{
    text-align: left;
  }

  .event, .single-event .event{
    font-size: 11px;
  }

  .main-feature h1 {
    font-size: 20px;
  }

  h2.event .pull-right{
    float: none;
    display: block;
  }
  

  .compressed h4{margin-bottom: 10px; padding: 20px 24px 20px 0;}
  .compressed h4 a{font-size: 16px; line-height: 19px; display: block; margin-bottom: 10px;}
  .compressed a.series-title, .compressed small{line-height: 16px;}

  .tiles .buy{background-size: 23px;}

  .navigation ul.main .dropdown-menu{
    width: 100%;
  }

  .navigation ul.main .dropdown-menu li a {
    width: auto;
  }

  .main-feature .buy,{
    background-size: 25px;
    font-size: 16px;
    margin-right: 5px;
    background-position: right 3px;
  }

  .series h1{
    font-size: 25px;
  }
  .series:nth-child(odd) .pad{
    padding: 15px;
  }
}




@media (min-width: 1200px) {
	.calendarBG td{padding: 8px;}
	.slider .pages{left: 770px;}
	.slider .page{width: 40px;}
	.slider .date{margin-bottom: 150px;}
	.pages h4{left: 9px;}
	.contact-us .contacts h1{letter-spacing: 3px; font-size: 45px;}
	.contact-us .directions .pad{padding: 15px;}
	.miller {
		margin-top: 0px;
	}
	.navigation ul.main li.first{padding: 10px 15px 10px 30px;}
	.navigation ul.main li.last{padding: 10px 30px 10px 15px;}
	.navigation ul.main li{padding: 10px 15px;}
	.series .buy{padding: 10px 35px 10px 0;}
	.series h1{margin-top: 25px;}

	.compressed .date{text-align: center; width: 100px; margin-right: 20px;}
	.compressed .buy{padding: 15px 0;}
	.span3.tiles{margin-bottom: 30px;}
	.series{margin-bottom: 30px;}
	.event{margin-top: 30px; margin-bottom: 30px;}
	.side-bar{margin-top: 30px;}
	.margin-top{margin-top: 30px;}
    .margin-bottom{margin-bottom: 30px;}
	.form-input .span8{width: 820px;}
	.form-input .span5{width: 410px;}
	.form-input .span3{width: 380px;}

	.director.vert-snap img {
    	float: left;
	}
	.history.vert-snap img {
    	float: right;
	}
	.director .span6 {
    	margin-left: 14px;
	}

	.caption-group {
    	height: 385px;
        width: 400px;
        margin-left: 0;
	}

}