/*  Small screens */
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
	.page-template-template-Full-Width .fullinner{width: 100%; max-width: 100% !important;}
	.page-template-template-Full-Width .site-main{padding: 0 !important;}
	.contentinner{width:  96%;}
	.headerinner{width: 98%;}
	.home-section-3 ul{text-align: center; margin: 0;}
	#logo{display: block; margin: 30px auto;}

	.bx-controls.bx-has-controls-direction{display: none;}
	.home-row-1 h2{font-size: 40px; text-align: center;}
	#logo{width: 90%;}
	.top-header h4{text-align: center ; float: none !important;}
	.headercontact{width: 100%;}
	h2.headerphone.subheader span{display: block;}
	.call-to-action li{width: 100%;}
	.gallery li{width: 48%;}
	.tagline {background: rgba(70,70,70,1.0);}
	.top-header h4{text-align: center ; float: none !important; line-height: 1;}
	
	.call-to-action h3{padding: 20px 10px 10px; letter-spacing: 1px; font-size: 15px;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*  Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
	.page-template-template-Full-Width .fullinner{width: 100%; max-width: 100% !important;}
	.page-template-template-Full-Width .site-main{padding: 0 !important;}
	.contentinner{width:  96%;}
	.headerinner{width: 98%;}

	#logo{display: block; margin: 30px auto;}
	.tagline h1{letter-spacing: 1px; font-size: 50px; line-height: 58px;}

	.headercontact{width: 100%;}
	h2.headerphone.subheader span{display: block;}

	.call-to-action h3{padding: 20px 10px 10px; letter-spacing: 1px; font-size: 15px;}
	.tagline {background: rgba(70,70,70,1.0);}
	#text-3{text-align: right;}
	#text-2{text-align: left;}	
 } /* min-width 641px and max-width 1023px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.000em) { } /* min-width 1024px, large screens */

@media only screen and (min-width: 64.000em) and (max-width: 90em) { 
	.page-template-template-Full-Width .fullinner{width: 100%; max-width: 100% !important;}
	.page-template-template-Full-Width .site-main{padding: 0 !important;}
	.contentinner{width:  96%; max-width:1800px;}
	.headerinner{width: 98%;}
	.home-section-1 .sidebarbox {padding-top: 80px;}
	.menu a, .menu a:link, .menu a:visited{padding:0.000em 0.4714em;}

	.tagline{
		position: absolute;
		z-index: 30;
		right:95px;
		left: 95px;
		bottom: 40px;
	}

	.header-logo-phone.shrink .header-social{display: none;}
	.header-logo-phone.shrink #header-menu .sub-menu{margin-top: -10px; background-color: #fff !important;}
	.header-logo-phone.shrink {height: 90px; padding: 6px 0;transition: all .5s ease;}
	.header-logo-phone.shrink .header-navigation{padding-top: 0;}
	.header-logo-phone.shrink #header-menu.menu, .header-logo-phone.shrink ul.header-social  {line-height: 70px;  transition: all .5s ease; padding-top: 0; padding-bottom: 0; margin-top: 0; }
	.header-logo-phone.shrink #logo{height: 70px; padding-top: 0; transition: all .5s ease; }
	.header-logo-phone.shrink .menu ul { border: 1px solid #C8C8C8; background: #ede7db; margin-top: 0;}
	#text-3{text-align: right;}
	#text-2{text-align: left;}	
	.call-to-action h3{padding-right: 20px; padding-left: 20px;}
	.tagline h1{letter-spacing: 1px;}
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

/*  XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	.page-template-template-Full-Width .fullinner{width: 100%; max-width: 100% !important;}
	.page-template-template-Full-Width .site-main{padding: 0 !important;}
	.contentinner{width:  96%; max-width:1800px;}
	.headerinner{width: 98%; max-width: 1600px;}
	.home-section-1 .contentinner{width: 98%; max-width: 1580px;}
	.home-section-1 .sidebarbox {padding-top: 164px;}

	.tagline{
		position: absolute;
		z-index: 30;
		right:100px;
		bottom: 119px;
	}
	.header-logo-phone.shrink .header-social{display: none;}
	.header-logo-phone.shrink #header-menu .sub-menu{margin-top: -10px; background-color: #fff !important;}
	.header-logo-phone.shrink {height: 90px; padding: 6px 0;transition: all .5s ease;}
	.header-logo-phone.shrink .header-navigation{padding-top: 0;}
	.header-logo-phone.shrink #header-menu.menu, .header-logo-phone.shrink ul.header-social  {line-height: 70px;  transition: all .5s ease; padding-top: 0; padding-bottom: 0;margin-top: 0; }
	.header-logo-phone.shrink #logo{height: 70px; padding-top: 0; transition: all .5s ease; }
	.header-logo-phone.shrink .menu ul { border: 1px solid #C8C8C8; background: #ede7db; margin-top: 0;}
	#text-3{text-align: right;}
	#text-2{text-align: left;}	
 } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*  XXLarge screens */
@media only screen and (min-width: 120.063em) { 
	.page-template-template-Full-Width .fullinner{width: 100%; max-width: 100% !important;}
	.page-template-template-Full-Width .site-main{padding: 0 !important;}
	.contentinner{width:  96%; max-width:1800px;}
	.home-section-1 .contentinner{width: 1580px;}
	.headerinner{width: 1600px;}

	.tagline{
		position: absolute;
		z-index: 30;
		right:100px;
		bottom: 119px;
	}
	#text-3{text-align: right;}
	#text-2{text-align: left;}
	.header-logo-phone.shrink .header-social{display: none;}
	.header-logo-phone.shrink #header-menu .sub-menu{margin-top: -10px; background-color: #fff !important;}
	.header-logo-phone.shrink {height: 90px; padding: 6px 0;transition: all .5s ease;}
	.header-logo-phone.shrink .header-navigation{padding-top: 0;}
	.header-logo-phone.shrink #header-menu.menu, .header-logo-phone.shrink ul.header-social  {line-height: 70px;  transition: all .5s ease; padding-top: 0; padding-bottom: 0; margin-top: 0;}
	.header-logo-phone.shrink #logo{height: 70px; padding-top: 0; transition: all .5s ease; }
	.header-logo-phone.shrink .menu ul { border: 1px solid #C8C8C8; background: #ede7db; margin-top: 0;}
} /* min-width 1921px, xxlarge screens */

/*  Tablet Portrait screens */
@media only screen and (min-width: 37.500em) and (max-width: 56.250em) and (orientation: portrait) {
.hide-tablet-portrait {display: none !important;}
.show-tablet-portrait {display: inherit !important;}
 } /* tablet-only issues min-600px max-900px */
