@media only screen and (max-width: 40em) {
	.page-title {
		margin-top:120px;
		margin-bottom:40px;
	}
    .page-content hr {
		width:88%;
    }
	#mobile-navigation {
		display:block !important;  
	}
	.bggrey {
		padding: 15px;
	}
	.bggrey button, .bggrey .button  {
		margin-top:10px;
	}

	/* main header */
	.subheader-wrap button.dropdown.tiny {
		text-align:left;
		margin:0 0 0.7rem;
	}
	.row.subheader-wrap:after {
		margin-bottom: 4rem !important;
	}
	#main-logo img { position: absolute; top: 5px; width:130px; width: 110px; left: 0;  }
	/*#main-logo img { position: absolute; top: 5px; margin: auto; width:130px; width: 110px; left: 0; right: 180px; }*/
    #header-top { display:none; }
    #header-middle {
    	height:70px;
    	background-image:url(../img/headerm.jpg);
    }
    #header-middle .contact-phone {
		margin:0px;
    	width:122px;
    	height:23px;
		background:none;
		padding:0;
		position:relative;
		z-index:99999;
    }
	#header-middle .contact-phone2 {
		margin-top:5px;
    	width:122px;
    	height:23px;
		background:none;
		padding:0;
		position:relative;
		z-index:99999;
		font-size:70%;
    }
    #header-middle .contact-phone p{ font-size:13px; line-height:23px;}
    #header-middle .contact-phone p span{ display:none;}
    #header-middle .contact-phone.nophone {
		margin:0px;
    	width:105px;
    	height:25px;
		padding:0;
		position:relative;
		z-index:99999;
    }
	#header-bottom { height:20px; }
    #header-bottom nav { display:none; }
    #fixed-header.fixed { display:none; }


    /* footer */

	#footer-top	.fantastic-info { 
		text-align:center;
	}
	#footer-top .contact-phone {
		display:none;	
	}
	#footer-top {
		display:block;
	}
	#footer-top h5, #footer-top li {
		text-align:center;
	}
	#footer-top h5, #footer-top li {
		text-align:center;
		width:100%; 
	}
	#footer-top form .button {
		width:100%;
	}

	#footer-middle h5, 
	#footer-middle p {
		text-align:center;
	}

	#footer-bottom ul, #footer-bottom ul, li {
		width:100%;
		text-align:center;
	}
	#footer-bottom .copyrights {
		width:100%;
		text-align:center;
		margin:0;
	}


	/* homepage panel 1 */
	#home-panel-1 {
		height:auto;
		margin-top:20px;
	}
	#home-panel-1 .btngreen {
		margin: 1.25rem auto;
	}

	/* homepage panel 2 */
	#home-panel-2 ul, #home-panel-2 ul li, #home-panel-2 li {
		font-size:15px;
	}

	/* homepage panel 3 */
	.home-panel-3-panelst2 {
		width:100%;
		padding:0 20px;
	}
	.home-panel-3-panel .border,
	.home-panel-3-panelst2 .border {
		padding:20px;
	}
	.home-panel-3-panel h6,
	.home-panel-3-panelst2 h6 {
		text-align:center;
	}
	.background-wrap.panel-3 {
		background:none;
	}
	.home-panel-3-panel em {
		text-align:center;
		width: 100%;
		display: block;
		padding:1rem;
	}

	/* homepage panel 4 */
	#home-panel-4 h3 {
		padding:0; 
	}
	#home-panel-4 p {
		padding:0; 
	}


	/* homepage panel 5 */
	#home-panel-5 h4, #home-panel-5 p {
		text-align:center;
	}
	#home-panel-5 img {
		display: block;
		float:none;
		margin: 30px auto;
	}
	#home-panel-5-botm blockquote {
		padding:60px 20px 0; 
	}


	/* benefits */
	#benefits {
		margin:-3rem 1.5rem 3rem 1.5rem;
	}
	#benefits .bgteal {
		position: relative;
		padding:0.9375rem;
		margin-bottom:0;
	}
	#benefits .outline-wrap ul {
		margin: 1rem;
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
	#benefits .outline-wrap li {
		text-align:left;
		width:100%;
	}
	.background-wrap.benefits {
		background:none;
	}

	/* happy customers */
	#happycustomers blockquote,
	#happycustomers2 blockquote {
		padding:60px 0 40px; 
	}

	.background-wrap.how-works {
		background:none;
	}


	/* our story */
	#story-bottom h3 {
		padding:0; 
	}
	#story-bottom h5 {
		padding:0;
	}
	#story-bottom p {
		padding:0; 
	}
	.background-wrap.story {
		background:none;
	}


	/* contact */
	h5.connect {
		text-align:center;
		margin:1.5rem 0;
	}
	ul.social {
		display: block;
		text-align: center;
	}

	/* faqs */
	.search-form form {
		width: 100%;
		margin: 0 !important;
	}
	.accordion .accordion-navigation > a, .accordion dd > a {
		padding: 0.7rem 0 !important;
		background: #fff !important;
		border-bottom:1px solid #e8e8e8;
	}
	.accordion .accordion-navigation > a h6 {
		font-weight: bold;
		display: block;
		right: 0;
		left: 0;
		width: 100%;
		padding-right: 20px;
	}
	.accordion dd > a h6:after {
		content: " ";
		display: inline-block;
		float: right;
		background: url('../img/arrow-dropdown.png') no-repeat right;
		height: 10px;
		width: 20px;
		float: right;
	}
	.accordion dd.active > a h6:after {
		background:url('../img/arrow-dropdowna.png') no-repeat right !important;
	}

	/* claim - forms */
	.search-form {
		height:auto;
	}
	.row.subheader-wrap .large-6 {
		height:auto;
	}
	.search-form h5 {
		float:none;
	}

	/* get a quote */
	#form-quote label {
		float:none;
		text-align: center;
	}
	#form-quote input[type="text"], #form-quote input[type="text"] {
		float:none;
		width:100%;
		text-align:center;
	}


	/* news */
	#news-listing {
		margin:-3rem 0 3rem 0;
	}
	#news-listing h3 {
		margin-top: 1rem;
	}
	#news-listing hr {
		margin-top: 0.5rem;
		margin-bottom: 1.75rem;
	}
	#news-listing ul.event-sub {
		font-size: 0.75rem;
	}
	#news-listing p {
		margin-top: 0.75rem;
	}


	/* events */
	#events-listing {
		margin:-3rem 1.5rem 3rem 1.5rem;
	}
	#events-listing .bgteal {
		padding:1.5rem 0.9375rem;;
		margin:0;
	}
	#events-listing .outline-wrap {
		height:auto;
		padding-bottom:0.9375rem;
		margin-bottom:0.9375rem;
	}
	#events-listing .inside-wrap ul {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
	#events-listing .inside-wrap li {
		text-align:left;
		width:100%;
	}

	.eventcalendar.open {
		margin-bottom: 70px;		
	}
	.row.subheader-wrap .large-3 {
		height:auto;
	}
	.container .cal {
		position: absolute;
		left: 0;
		right: 0;
	}
	.container table {
		width: 100%; 
		border-collapse: collapse; 
		table-layout: fixed; width: 100%; 
	}
	.container table td, .container table th {
		min-width: 25%;
		width: 1%;
	}
	.container .cal td a {
		width:auto;
	}
	.categorydrop, .locationdrop {
		margin-top:-5px;
		margin-bottom:1rem;
	}
	section.container {
		margin-top: 0;
		position: relative;
		height: 180px;
	}

	.subheader-wrap button.dropdown.tiny.calendar img,
	.subheader-wrap button.dropdown.tiny.location img {
		margin-left:5px; margin-top:-4px;
	}
	.subheader-wrap button.dropdown.tiny.category img {
		display:none;
	}
	.subheader-wrap button.dropdown.tiny.calendar {
		border-top: 1px solid #dddddd;
	}
	.subheader-wrap button.dropdown.tiny.category,
	.subheader-wrap button.dropdown.tiny.calendar,
	.subheader-wrap button.dropdown.tiny.location {
		width:100%;
	}
	.subheader-wrap button.dropdown.tiny.category:after,
	.subheader-wrap button.dropdown.tiny.location:after,
	.subheader-wrap button.dropdown.tiny.calendar:after {
		background:url('../img/arrow-dropdown.png') no-repeat center;
		width: 19px;
		height: 11px;
		right: 0;
		margin-top: -3px;
	}
	.subheader-wrap button.dropdown.tiny {
		text-align: left;
	}

	/* event single */
	#event-header {
		margin-top: 105px;
	}
	#event-header .bggreen img {
		margin-top:1.5rem;
	}
	.background-wrap.referral {
		background:none;
	}

	#footer-top {
		background-position: center bottom;
		background-size: auto 50%;
		background-repeat: repeat-y;
	}
	#footer-top	.fantastic-info {
		display:none;
	}
	#footer-top h5 {
		display:none;
	}
	#footer-top hr { display:none; }
	#footer-top ul { margin:0; }
	#footer-top ul li {
		padding:8px;
		text-align: left;
		margin: 0 0 1px 0;
	}
	#footer-top ul li.button.round.tiny.btngreen {
		margin: 2rem auto;
		display:block;
		text-align: center;
		width:200px;
	}
	#footer-top ul li.btngreen:after {
		content:none;
		background:none;
	}
	#footer-top > div:nth-child(2) > div:nth-child(1),
	#footer-top > div:nth-child(2) > div:nth-child(2) {
		padding:0;
	}
	#footer-top ul.social {
		padding: .5rem 0 1.5rem;
	}
	#footer-top ul.social > li {
		background:none;
		padding:0;
	}
	#footer-top ul li:after {
		content:" ";
		background:url('../img/footer-nav-arrow.png');
		width: 20px;
		height: 20px;
		float: right;
	}
	#footer-top ul.social li:after {
		content:"";
		background:none;
	}


	#footer-bottom ul li a {
		text-decoration: none;
		border-bottom: 0;
	}
	#footer-bottom ul li a:hover {
		color:#ccc;
	}
}


@media only screen and (max-width: 64em) {
	#mworks h4,
	#mworks p,
	#story h4,
	#story p {
		width: 100%; 
	}
	.page-content hr {
		width:100%;
	}
}


@media only screen and (min-width: 40em) and (max-width: 64em) {
	#header-bottom .inline-list > li {
		margin-left: 1rem;
	}

	/* homepage panel 1 */
	#home-panel-1 {
		height:auto;
		margin-top:80px;
	}
	#home-panel-1 .btngreen {
		margin: 12px auto 6rem;
	}
	/* homepage panel 3 */
	.home-panel-3-panelst2 {
		width: 100%;
		padding: 0 20px;
	}
	.home-panel-3-panel h6,
	.home-panel-3-panelst2 h6 {
		text-align: center;
	}
	.home-panel-3-panel .border,
	.home-panel-3-panelst2 .border {
		padding:20px;
	}
	.background-wrap.panel-3 {
		background:none;
	}
	.home-panel-3-panel ul {
		text-align:center;
	}
	.home-panel-3-panel em {
		text-align:center;
		width: 100%;
		display: block;
		padding:1rem;
	}

	#home-panel-4 h3,
	#home-panel-4 p {
		padding: 0 20px;
	}

	#home-panel-5 h4, #home-panel-5 p {
		text-align: center;
	}
	#home-panel-5 img {
		display: block;
		float: none;
		margin: 30px auto;
	}
	#footer-top	.fantastic-info {
		text-align: center;
	}

	/* benefits */
	#benefits {
		margin:-3rem 1.5rem 3rem 1.5rem;
	}
	#benefits .bgteal {
		position: relative;
		padding:0.9375rem;
		margin-bottom:0;
	}
	#benefits .outline-wrap ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	#benefits .outline-wrap li {
		text-align:left;
		width:100%;
	}
	.background-wrap.benefits {
		background:none;
	}

	/* story */
	#story-bottom h5,
	#story-bottom p {
		padding:0 2rem;
	}
	.categorydrop, .locationdrop {
		margin-top:-25px;
		margin-bottom:1rem;
	}
	.categorydrop ul, .locationdrop ul {
		width:220px;
	}

	/* events & expos */
	#events-listing {
		padding: 0 0.9375rem;
	}
	.search-form h5 { text-indent: -999999999px; padding: 14px 0; }
	.search-form input[type="text"] {  }
	.bggrey {
		padding: 2rem;
	}
	.bggrey .button.round.tiny.btngreen {
		margin-top:1rem;
	}
	#contact-page ul.social {
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
	}
	#contact-page ul.social li {
		width: 42px;
		height: 42px;
	}
	#header-bottom nav ul li.nav-about:hover ul {
	}
	#header-bottom nav ul li:hover ul li {
		padding: 4px 4px 5px 4px;
	}
}