
.ccm-page iframe, .ccm-page img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1184px) {
	.ccm-page .featurecaption {
		position:relative;
		width:100% !important;
	}

	.ccm-page .roid, .ccm-page .tape {
		max-width:none;
	}

	.ccm-page .ironmap img {
		width:auto;
		max-width:none !important;
	}

	.ccm-page #floater {
		display:none;
	}

	.ccm-page .content h1.archive-title {
		font-size:12px !important;
		width:auto!important;
	}

	.ccm-page #featureslides .featurecaption {
		box-sizing: border-box;
		padding:50px;
	}
}

@media screen and (max-width: 1024px) {
	.ccm-page .content {
		width:90% !important;
	}

	.ccm-page .tape { display:none; }
	.ccm-page .contentsection .content, .ccm-page #footercontent {
		width:90%;
	}
	
	.ccm-page #header .content h1 { 
		margin-top: 0px; 
	}
	
	.ccm-page .footercontent {
		width:90%;
	}

	.ccm-page #navitems {
		width:100%;
	}

	.ccm-page #nav #navitems ul li {
		margin-right:0px;
		font-size:15px;
		margin-right:0px;
	}

	.ccm-page #nav #navitems ul {
		margin-bottom:0;
	}

	.ccm-page #nav #navitems ul li ul {
		display:none;
	}

	.ccm-page #header h1 {
		font:800 83px/85px "open sans";
	}

	.ccm-page .jobtable {
		width:100%;
		float:none;
		display:block;
		margin:0 0 20px 0px;
	}

	.ccm-page .contentsection .left, 
	.ccm-page .contentsection #beer {
		float:none;
	}

	.ccm-page .contentsection .left {
		width:100%;
	}

	.ccm-page .contentsection #beer {
		margin:0 auto;
	}

	.ccm-page p.callout {
		width:100%;
	}

	.ccm-page .ironmap, .ccm-page #maplocations {
		width:95%;
		float:none;
		display:block;
	}

	.ccm-page #maplocations {
		margin-top:45px;
		width:100%;
	}

	.ccm-page .locationitem .button, .ccm-page #footer .button {
		margin:0 auto !important;
		float:none !important;
	}
	.ccm-page .telephone {
		text-align:left;
	}

	.ccm-page .contentsection #beer {
		display:none;
	}

	.ccm-page #wheel {
		display:none;
	}

	.ccm-page p.callout.full {
		width:100%;
	}

	.ccm-page .orange {
		background-image:none !important;
	}

	.ccm-page #footercontent .content {
		float:none;
	}

	.ccm-page #footercontent .content p {
		line-height:45px;
	}

	.ccm-page #footer .button {
		display:block;
		float:none;
	}

	.ccm-page .falloff img {
		width:30%;
	}

	.ccm-page #colorpicker {
		display:none;
	}

	.ccm-page h1, .ccm-page h2, .ccm-page p {
		width:100% !important;
	}

	.ccm-page .jobtable p {
		width:auto !important;
	}

	.ccm-page .story {
		background-image:none;
	}

	.ccm-page .story .sideimage {
		width:100%;
		float:none;
		margin:10px auto 20px auto;
	}
}

@media screen and (max-width:1360px) {
	.ccm-page .falloff img {
		max-width:29%;
	}
}

@media screen and (max-width: 900px) {

	.ccm-page #featureslides .featurecaption {
		padding:0px 0px 15px 0px;
	}

	.ccm-page .openit {display:block;}

	.ccm-page #header .content p {
		width:100%;
	}

	.ccm-page #featureslides .slides .content {
		position:relative;
	}

	.ccm-page .contentsection .content h1 {
		font-size:62px;
		line-height:62px;
	}

	.ccm-page .content {
		width:90% !important;
	}

	.ccm-page #header .content h1 {
		font-size:30px;
		line-height:69px;
	}

	.ccm-page #nav {
		position:relative;
	}

	.ccm-page #allconent {
		padding-top:0;
	}

	.ccm-page #navitems {
		width:100%;
		padding:0;
	}

	.ccm-page #nav #navitems ul li {
		margin-right:0px;
		font-size:18px;
		margin-right:0px;
		float:none;
		display:block;
	}

	.ccm-page #nav #navitems ul li a {
		padding:10px 0px 10px 0px;
		padding-left:0px;
		padding-right:0px;
		cursor:pointer;
	}

	.ccm-page #nav #navitems ul li a {
		display:block;
		width:100%;
		background-color:#1C1C1C;
		border-bottom:solid 1px #2a2a2a;
	}

	.ccm-page #nav ul li ul li {
		margin-bottom:0;
	}

	.ccm-page #nav #navitems ul li img {
		display:none;
	}

	.ccm-page #nav {
		background-image:none;
		background-color:#1C1414;
	}

	.ccm-page #navitems {
		height:auto;
		padding-bottom:0px !important;
	}

	.ccm-page #nav #navitems ul {
		width:100%;
		float:none;
		margin-left:0px;
		padding-bottom:0px;
		display:none;
	}

	/* Sub Menu*/
	.ccm-page #nav #navitems ul li ul {
		border:none !important;
		left:0 !important;
		position:relative;
		margin:0 0 0px 0 !important;
		padding:0;
		top:0;
	}

	.ccm-page #nav #navitems ul li:hover ul {
		display:block;
		width:100%;
	}

	.ccm-page #nav ul li ul:before, 
	.ccm-page #nav ul li ul:after {
		border:none !important;
		margin:0 !important;
		bottom:0 !important;
	}

	.ccm-page #nav div#logo {
		display:block;
		float:left;
		width:300px;
		position:relative;
	}

	.ccm-page #navbutton {
		display:block;
		float:right;
		padding:30px 10px 0 0;
		width:15%;
	}

	.ccm-page #nav #navitems ul {
		clear:both;
	}

	.ccm-page #logo img {
		width:100%;
		height:auto;
	}

	.ccm-page .contentsection {
		text-align:center;
	}

	.ccm-page #map_canvas {
		width:94%;
	}

	.ccm-page #footer {
		text-align:center;
	}

	.ccm-page #footer p.copyright {
		float:none;
		width:100%;
	}

	.ccm-page #socialmedia {
		float:none;
		width:100%;
		text-align:center;
	}

	.ccm-page #socialmedia ul li {
		display:inline;
		float:none;
	}

	.ccm-page .seal {
		display:none;
	}

	.ccm-page #header {
		height:auto !important;
	}

	.ccm-page .col1, .ccm-page .col2 {
		width:46%;
	}

	.ccm-page h2 {
		font-size:21px;
	}

	.ccm-page .menusection h2 {
		font-size:39px;
		margin-bottom:20px;
	}

	.ccm-page div.menusection p {
		margin-bottom:15px;
	}

	.ccm-page #slideshow {
		width:390px;
		height:auto;
		padding-bottom:40px;
	}

	.ccm-page .polaroid img.roid {
		width:389px;
		height:auto;
	}

	.ccm-page #slideshow .roid {
		height:auto;
	}

	.ccm-page .flex-control-nav {
		position:relative;
		bottom:0px;
	}

	.ccm-page .flex-viewport {
		margin-bottom:20px;
	}

	.ccm-page .alignleft {
		float:none;
		margin-right:0;
		margin-bottom:10px;
		margin-top:0;
	}

	.ccm-page .alignright {
		float:none;
		margin-bottom:10px;
	}

	.ccm-page #sidebar {
		float:none;
		width:92%;
	}

	.ccm-page .maincon {
		float:none !important;
		width:100% !important;
	}

	.ccm-page textarea, .ccm-page #submit {
		width:100%;
		-moz-box-sizing:border-box;box-sizing:border-box;
	}

	.ccm-page #sidebar input {
		width:100%;
	}

	.ccm-page input {
		-moz-box-sizing:border-box;box-sizing:border-box;
	}

	.ccm-page ul li ul {display:none !important;}

	.ccm-page .attachment-post-thumbnail {
		position:relative;
		margin-bottom:20px;
		margin-top:-20px;
	}
	
	.ccm-page #navitems .nav-wrap {
		margin-left:0;
	}
}

@media screen and (max-width: 870px) {
/* @media screen and (max-width: 500px) { */

	.ccm-page #nav div#logo {
		display:block;
		margin:0px auto -10px auto;
		float:left;
		width:270px;
		position:relative;
	}

	.ccm-page .contentsection .content h1 {
		font-size:54px;
		line-height:54px;
	}

	.ccm-page #header {
		padding-bottom:20px;
	}

	.ccm-page #header .content h2 {
		margin-top:0px;
	}

	.ccm-page #header.contentsection .content p {
		font-size:23px;
		line-height:34px;
	}

	.ccm-page #header.contentsection {
		padding-bottom:0px;
	}

	.ccm-page .contentsection .content h1 {
		font-size:51px;
		line-height:51px;
	}

	.ccm-page #header.contentsection h2 {
		font-size:45px;
		line-height:45px;
	}

	.ccm-page #nav #navitems.mobile {
		padding:0;
	}

	.ccm-page .col1, .ccm-page .col2 {
		width:100%;
		margin-top:15px;
	}

	.ccm-page div.menusection div.menuitem {
		width:100%;
		margin-top:15px;
		float:none;
	}

	.ccm-page .special img {
		display:none;
	}

	/* Gallery */

	.ccm-page #slideshow {
		width:250px;
		height:auto;
		padding-bottom:40px;
	}

	.ccm-page .polaroid img.roid {
		width:249px;
		height:auto;
	}

	.ccm-page #slideshow .roid {
		height:auto;
	}

	.ccm-page .flex-control-nav {
		position:relative;
		bottom:0px;
	}

	.ccm-page .flex-viewport {
		margin-bottom:20px;
	}

	.ccm-page #contentright {
		width:76%;
		height:438px;
	}

	.ccm-page .polaroid img.tape {
		left:27px;
	}

	.ccm-page .flex-direction-nav a {
		top:30%;
	}

	/* Menu */

	.ccm-page div.menusection h3 {
		font-size:30px;
		margin-bottom:10px;
	}

	.ccm-page div.menusection p {
		font-size:23px;
	}

	/* Locations */

	.ccm-page .locationitem h3 {
		font-size:30px;
		margin-bottom:10px;
	}

	.ccm-page .locationitem p {
		font-size:20px;
	}

	.ccm-page .locationitem .button {
		width:85%;
		padding:22px;
		font-size:18px;
	}

	/* Footer */

	.ccm-page #footercontent .content p {
		line-height:24px;
	}

	.ccm-page #footer .button {
		margin-top:10px;
	}
}

@media screen and (max-width: 400px) {

	.ccm-page #nav div#logo {
		width:250px;
		margin-top:3px;
	}

	/* Gallery */

	.ccm-page #slideshow {
		width:220px;
		height:auto;
		padding-bottom:40px;
	}

	.ccm-page .polaroid img.roid {
		width:220px;
		height:auto;
	}

	.ccm-page #slideshow .roid {
		height:auto;
	}

	.ccm-page .flex-control-nav {
		position:relative;
		bottom:0px;
	}

	.ccm-page .flex-viewport {
		margin-bottom:20px;
	}

	.ccm-page #contentright {
		width:84%;
		height:438px;
	}

	.ccm-page .polaroid img.tape {
		left:27px;
	}

	.ccm-page .flex-direction-nav a {
		top:30%;
	}
}

@media screen and (min-width:901px) {
	.ccm-page #navitems > ul {
		display:block !important;
	}

	.ccm-page .openit {display:none !important;}
	.ccm-page .closeit {display:none !important;}
}
