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

@media only screen and (max-width: 40em) { 
	.contentinner{width: 96%;}
	.header-logo-phone{
		background: rgb(255, 255, 255);
		background: -webkit-linear-gradient(top, rgb(255, 255, 255) 54%, rgb(37, 37, 37) 0%);
		background: -o-linear-gradient(top, rgb(255, 255, 255) 54%, rgb(37, 37, 37) 0%);
		background: linear-gradient(to bottom, rgb(255, 255, 255) 54%, rgb(37, 37, 37) 0%);
	}
	#content {

		background: rgb(255, 255, 255) ;
		background: -webkit-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(255, 255, 255) 0%);
		background: -o-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(255, 255, 255) 0%);
		background: linear-gradient(to bottom, rgb(255, 255, 255) 45%, rgb(255, 255, 255) 0%);
	}

	.call-to-action li{
		width:  100%;
		margin:  20px 0;
	}
	#secondary{
		padding:  20px;
		background: #ebebeb;
		margin-bottom:  60px;
	}

	#logo{padding: 10px 0;}
	.headercontact{
		float:  none !important;
		width:  100%;
		text-align:  center;
	}
	.widget-container{text-align: center;}

} /* 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) {
	.contentinner{width: 96%;}
	.header-logo-phone{
		background: rgb(255, 255, 255);
		background: -webkit-linear-gradient(top, rgb(255, 255, 255) 58%, rgb(37, 37, 37) 0%);
		background: -o-linear-gradient(top, rgb(255, 255, 255) 58%, rgb(37, 37, 37) 0%);
		background: linear-gradient(to bottom, rgb(255, 255, 255) 58%, rgb(37, 37, 37) 0%);
	}
	#content {

		background: rgb(255, 255, 255) ;
		background: -webkit-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(255, 255, 255) 0%);
		background: -o-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(255, 255, 255) 0%);
		background: linear-gradient(to bottom, rgb(255, 255, 255) 45%, rgb(255, 255, 255) 0%);
	}

	#secondary{
		padding:  20px;
		background: #ebebeb;
		margin-bottom:  60px;
	}

	#logo{padding: 10px 0;}
	.headercontact{
		float:  none !important;
		width:  100%;
		text-align:  center;
	}
 } /* 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) { 
	.contentinner{width:96%; max-width:  1200px;}
	.widget-container .widget{
		border-right:  1px solid #9e0b0f;
	}
	.widget-container .widget:last-child{
		border-right:  none;
	}
	.header-logo-phone.shrink .headercontact{display: none;}
	.header-logo-phone.shrink #header-menu .sub-menu{margin-top: -10px; background-color: #363636 !important;}
	.header-logo-phone.shrink {height: 90px; padding: 6px 0;transition: all .5s ease; background-color: rgba(0,0,0,0.8);}
	.header-logo-phone.shrink .header-navigation{padding-top: 0; margin-top: 20px;}
	.header-logo-phone.shrink #header-menu.menu, .header-logo-phone.shrink ul.header-social  { 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; width:  auto; }
	.header-logo-phone.shrink .menu ul { border: 1px solid #C8C8C8; background: #363636; margin-top: 0;}

} /* 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) {
	.contentinner{width: 1200px;}
	.widget-container .widget{
		border-right:  1px solid #9e0b0f;
	}
	.widget-container .widget:last-child{
		border-right:  none;
	}
	.header-logo-phone.shrink .headercontact{display: none;}
	.header-logo-phone.shrink #header-menu .sub-menu{margin-top: -10px; background-color: #363636 !important;}
	.header-logo-phone.shrink {height: 90px; padding: 6px 0;transition: all .5s ease; background-color: rgba(0,0,0,0.8);}
	.header-logo-phone.shrink .header-navigation{padding-top: 0;margin-top: 20px;}
	.header-logo-phone.shrink #header-menu.menu, .header-logo-phone.shrink ul.header-social  { 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; width:  auto; }
	.header-logo-phone.shrink .menu ul { border: 1px solid #C8C8C8; background: #363636; margin-top: 0;}

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

/*  XXLarge screens */
@media only screen and (min-width: 120.063em) { 
	.contentinner{width:  1200px;}

	.widget-container .widget{
		border-right:  1px solid #9e0b0f;
	}
	.widget-container .widget:last-child{
		border-right:  none;
	}
	.header-logo-phone.shrink .headercontact{display: none;}
	.header-logo-phone.shrink #header-menu .sub-menu{margin-top: -10px; background-color: #363636 !important;}
	.header-logo-phone.shrink {height: 90px; padding: 6px 0;transition: all .5s ease; background-color: rgba(0,0,0,0.8);}
	.header-logo-phone.shrink .header-navigation{padding-top: 0;margin-top: 20px;}
	.header-logo-phone.shrink #header-menu.menu, .header-logo-phone.shrink ul.header-social  { 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; width:  auto; }
	.header-logo-phone.shrink .menu ul { border: 1px solid #C8C8C8; background: #363636; 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 */