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

@media only screen and (max-width: 40em) { 
	.template-fullwidth .fullinner{width: 100%; max-width: 100% !important;}
	.template-fullwidth .site-main{padding: 0 !important;}
	.contentinner{width:  96%;}
	.headerinner{width: 98%;}
	#logo{display :block; margin: 20px auto;}
	.cta li{width: 100%; margin-bottom: 20px;}
	.cta h2 span {
       	font-size: 28px;
	}
	.bx-controls{display: none;}
	.cta h2{
       	font-size: 38px;
	}
	.orange-box li{
		background-image: none;
		padding: 0;
		float: none;
		text-align: center;
	}
	.header-social{margin-top: 10px;}
	#nav_menu-2{margin-top: 30px;}
	.widget-container .widget{width: 100% !important; margin-bottom: 20px; text-align: center;}
	.header-social{width: auto;}
	#text-2{text-align: center !important; font-size: 15px;}
	#footerinfobox h1{text-align: center;}
	#footerblock-2 .inner{border: none;}
	.bluebox h1{font-size: 90px;}
	.bluebox h2{font-size: 35px}
	.bluebox h3{font-size: 60px;}
	#logo {
		margin-top: 70px;
	}

} /* 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) {
	.template-fullwidth .fullinner{width: 100%; max-width: 100% !important;}
	.template-fullwidth .site-main{padding: 0 !important;}
	.contentinner{width:  96%;}
	.headerinner{width: 98%;}
	#logo{display :block; margin: 20px auto;}
	.orange-box ul{width: 400px; margin: 0 auto;}
	.cta h2 span {
       	font-size: 18px;
	}
	.cta h2{
       	font-size: 30px;
	}


	.widget-container .widget{width: 50% !important;}
	.header-social{width: auto;}
	#text-2 {
		width: 100% !important;
		text-align: center !important;
	}
	#footerinfobox h1{text-align: center;}
	#footerblock-2 .inner{border: none;}
 } /* 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) { 
	.template-fullwidth .fullinner{width: 100%; max-width: 100% !important;}
	.template-fullwidth .site-main{padding: 0 !important;}
	.contentinner{width:  96%; max-width:1200px;}
	.headerinner{width: 98%;}
	.header-logo-phone.shrink #header-menu .sub-menu{margin-top: -10px; background-color: #fff !important;}
	.header-logo-phone.shrink {height: 120px; padding: 6px 0;transition: all .5s ease;}
	.header-logo-phone.shrink #header-menu, .header-logo-phone.shrink ul.header-social  {line-height:100px;  transition: all .5s ease;}
	.header-logo-phone.shrink #logo{height: 70px; padding-top: 0; transition: all .5s ease; width: auto;}
	.orange-box ul{width: 400px; margin: 0 auto;}
	.bluebox h1{font-size: 90px;}
	.bluebox h2{font-size: 35px}
	.bluebox h3{font-size: 60px;}
	#logo{max-width: 180px;}
	.tagline{
		position: absolute;
		z-index: 30;
		top:10px;
		right: 100px;
	}
	.cta h2 span {
       	font-size: 38px;
	}
	.cta h2{
       	font-size: 50px;
	}
	.menu a, .menu a:link, .menu a:visited{padding: 0 0.57em; font-size: 14px;}

	.header-mobile img {
		margin-top: 50px;
	}
} /* 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) {
	.template-fullwidth .fullinner{width: 100%; max-width: 100% !important;}
	.template-fullwidth .site-main{padding: 0 !important;}
	.contentinner{width:1200px;}
	.headerinner{width: 98%; max-width: 1600px;}
	.header-logo-phone.shrink #header-menu .sub-menu{margin-top: -10px; background-color: #fff !important;}
	.header-logo-phone.shrink {height: 120px; padding: 6px 0;transition: all .5s ease;}
	.header-logo-phone.shrink #header-menu, .header-logo-phone.shrink ul.header-social  {line-height: 100px;  transition: all .5s ease;}
	.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;}
	.header-slideshow-image{max-height: 650px; overflow: hidden;}
	.orange-box ul{width: 400px; margin: 0 auto;}
	.tagline{
		position: absolute;
		z-index: 30;
		top:60px;
		right: 100px;
	}

 } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*  XXLarge screens */
@media only screen and (min-width: 120.063em) { 
	.template-fullwidth .fullinner{width: 100%; max-width: 100% !important;}
	.template-fullwidth .site-main{padding: 0 !important;}
	.contentinner{width: 1200px;}
	.headerinner{width: 1600px;}
	.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-menu, .header-logo-phone.shrink ul.header-social  {line-height: 70px; transition: all .5s ease;}
	.header-logo-phone.shrink #logo{height: 70px; padding-top: 0; transition: all .5s ease; }
	.header-slideshow-image{max-height: 650px; overflow: hidden;}
	.orange-box ul{width: 400px; margin: 0 auto;}
	.header-logo-phone.shrink .menu ul { border: 1px solid #C8C8C8; background: #ede7db; margin-top: 0;}
	.tagline{
		position: absolute;
		z-index: 30;
		top:60px;
		right: 100px;
	}

} /* 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 */