@media (min-width: 979px) and (max-width: 1200px) {

ul.location {width: 100%}
ul.phone {text-align: left; width: 100% !important;}
ul.phone li {float: left;}
li.phone-number {float: none}

.contact-info {padding-left: 0px}

.directory .right-column {padding-left: 18px; }

.teaser {min-height: 505px;}

	
.content-block .headshot img {width: 100%; height: 100%; max-width: 200px !important; max-height: 200px !important; float: none !important; margin-left: 0px; margin-bottom: 0px;}

	
.speaker img {float: none; width: 100% !important; padding-bottom: 10px;}

.speaker .pull-right {float: none; margin-left: 0px !important; padding-left: 0px !important}

.speaker .bumper-small-left {0px !important} 

.topmenu .logo img {padding-left: 10px; width: 90% !important; height: auto !important}

.news-block .nav-tabs li {font-size: 18px !important;}

.sidebar-left h2, .contact-block h2 {font-size: 28px !important}

.cos-logo img {width: 210px !important}

.dropdown-icons {margin-top: 20px !important; margin-left: 10px !important}

.top-slider .headline {font-size: 28px !important; letter-spacing: 0px !important; line-height: 28px !important}

.top-slider .main-image {padding-left: 15px}

.front-slideshow .slide-image {width: 100%; margin-left: 0px; margin-bottom: 30px}

.front-slideshow .slide-caption {width: 100%; float: none; margin-left: 0px}

.span2.rotating-caption,
.grid .headline 

	{width: 90% !important}
	
div.accordion-heading-box {width: 70% !important}
	
}