/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1680px) {
	.rotator .homepage-slide {
		margin: 55px;
	}
	.breakout-gallery .gallery-item {
		width: 380px;
	}
	.breakout-gallery .gallery-item:hover {
		width: 450px;
	}

}

@media only screen and (max-width: 1300px) {
	.breakout-gallery .gallery-item {
		width: 330px;
	}
	.breakout-gallery .gallery-item:hover {
		width: 400px;
	}
}

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

	/*.site-inner,*/

	.site-header > .wrap {
		max-width: 100%;
		padding: 0 2%;
	}

	.wrapped-page .site-inner {
		max-width: 960px;
	}
	.wrap {
		max-width: 960px;
	}
	.header-full-width .title-area {
		width: 300px;
	}

	.nav-primary {
		width: 464px;
		margin-right: 15px;
	}

	.genesis-nav-menu a {
		padding: 35px 8px 36px;
	}

	.menu-item-has-children > a:after {
		left: 41px;
	}

	.sticky  .menu-item-has-children > a:after {
		left: 46px;
	}
	.site-header.sticky .genesis-nav-menu > li > a {
		padding: 16px 8px 22px;
	}
	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 740px;
	}

	.content,
	.site-header .widget-area {
		width: 620px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 400px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-primary,
	.title-area {
		width: 300px;
	}

	.content-section.image-grid .columns:first-child {
		margin-left: 0;
	}
	.content-section.image-grid .columns:last-child {
		margin-right: 0;
	}
	.content-section.image-grid .four.columns {
		width: 32.6667%;
	}
	.footer-widgets-1 {
		margin-right: 30px;
	}

	/*----Battery Testing ----*/
	.voltage-products.sticky .wrap {
		max-width: 100%;
		padding: 0;
	}

	.content-editor table {
		width: 100% !important;
		height: auto !important;
	}

	.page-id-1442 .content-editor table td {
		width: 24% !important;
	}

	/*.responsive-table {
		width: 858px !important;
	}*/
	.responsive-table tr:first-child td {
		font-size: 18px;
	}
	.responsive-table td {
		font-size: 15px;
	}


	/*----Benefits ----*/
	.benefits .wrap {
		padding: 0 50px;
	}
	.benefits .hero-section {
		height: 600px;
	}
	.benefits .hero-text h1 {
		font-size: 80px;
		max-width: 100%;
	}
	.benefits .card-section {
		flex-flow: wrap;
		justify-content: center;
	}
	.benefits .card-section .card {
		width: 30.33334%;
		margin-right: 3%;
		margin-bottom: 50px;
		flex: none;
	}
}

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


	.breakout-gallery .gallery-item {
		width: 310px;
	}
	.breakout-gallery .gallery-item:hover {
		width: 380px;
	}

}


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

	.site-container {
		overflow: hidden;
	}
	.header-full-width .title-area {
		width: 300px;
	}

	.nav-primary {
		display: none;
		width: 100%;
		height: auto;
		position: absolute;
		z-index: 999;
		left: 0;
		top: 83px;
		background-color: #fff;
		margin-right: 0;
		/*border-top: 1px solid #ccc;*/
		-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
		box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
	}

	.site-header.sticky .nav-primary {
		top: 50px;
	}

	.genesis-nav-menu > .menu-item {
		display: block;
		width: 100%;
		text-align: center;
		border-top: 1px solid #ccc;
	}

	.genesis-nav-menu a {
		padding: 25px 0;
	}

	.nav-primary ul.genesis-nav-menu {
		text-align: center;
	}

	.site-header.sticky .genesis-nav-menu > li > a {
		padding: 25px 0;
	}

	.menu-item-has-children > a:after {
		font-size: 26px;
		left: 50%;
		bottom: 5px;
		margin-left: -7px;
	}

	.site-header.sticky .menu-item-has-children > a:after {
		font-size: 26px;
		left: 50%;
		bottom: 5px;
		margin-left: -7px;
	}

	.products .sub-menu {
		margin-top: 0;
	}

	.genesis-nav-menu .sub-menu.active {
		position: relative;
	}

	.site-header .genesis-nav-menu li li {
		padding-bottom: 10px;
	}

	.mobile-nav-toggle {
		position: relative;
		display: block;
		float: right;
		padding-left: 28px;
		margin: 29px 8% 29px 0;
		font-size: 20px;
		text-transform: uppercase;
	}

	.site-header.sticky .mobile-nav-toggle {
		margin: 9px 25px 10px 0;
	}

	a.mobile-nav-toggle {
		font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
		color: #333;
		font-weight: 700;
	}

	.mobile-nav-toggle i {
		position: absolute;
		left: 0;
		top: 5px;
	}

	.mobile-nav-toggle i.nonexpand, 
	.mobile-nav-toggle.active i.expand {
		opacity: 1;
		-webkit-transition: opacity .3s ease-out;
		-moz-transition: opacity .25s ease-out;
		-ms-transition: opacity .25s ease-out;
		-o-transition: opacity .25s ease-out;
		transition: opacity .25s ease-out;
	}

	.mobile-nav-toggle.active i.nonexpand, 
	.mobile-nav-toggle i.expand {
		opacity: 0;
		-webkit-transition: opacity .25s ease-out;
		-moz-transition: opacity .25s ease-out;
		-ms-transition: opacity .25s ease-out;
		-o-transition: opacity .25s ease-out;
		transition: opacity .25s ease-out;
	}

	/*---- Battery Testing ----*/
	.voltage-products.sticky a .top-link {
		font-size: 13.9px;
	}

	.voltage-products.sticky a .top-link > span {
		font-size: 12px;
	}


	/*---- Products Pages ----*/

	/*.content-editor p span {
		font-size: 28px !important;
	}
*/
	.breakout-gallery:hover {
		height: 575px;
	}
	.breakout-gallery .gallery-item {
		width: 235px;
	}
	.breakout-gallery .gallery-item:hover {
		width: 280px;
	}

	.landing .hero-block {
		background-position: center 0;
	}


	/*----Benefits ----*/
	.benefits .hero-text p {
		column-count: 1;
	}
}


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

	/*.site-inner,*/
	.wrap {
		max-width: 800px;
	}

	.image-grid-item-icon img {
		width: 75px;
	}


	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}

/*	.site-header .wrap {
		padding: 20px 5%;
	}*/

	.header-image .title-area {
		background-position: center top;
	}

	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

/*	.genesis-nav-menu,
	.site-description,
	.site-header .title-area,
	.site-header .search-form,
	.site-title {
		text-align: center;
	}*/

/*	.genesis-nav-menu a,
	.genesis-nav-menu > .first > a,
	.genesis-nav-menu > .last > a {
		padding: 20px 16px;
	}*/

	.site-header .search-form {
		margin: 16px auto;
	}

	.genesis-nav-menu li.right {
		display: none;
	}

	.footer-widgets-1 {
		margin-right: 0;
	}

	.voltage-products.sticky a .top-link {
		padding: 3px 0;
		padding-left: 20px;
	}

	.voltage-products.sticky a .top-link > span {
		display: block;
	}

	.page-id-1434 .careers-responsive-table tr {
     	overflow: hidden;
     	display: block;
     }

     .page-id-1434 .careers-responsive-table td {
     	padding: 20px 15px;
     	display: block;
     	float: left;
     	width: 33% !important;
     }

     .page-id-1434 .careers-responsive-table td img {
     	margin: 0 auto;
     	width: auto !important;
     	max-height: 50px;
     }

     .footer-menu-links a {
     	margin-right: 8%;
     	margin-bottom: 25px;
     }
}


@media only screen and (max-width: 850px) {
	.products .sub-menu {
		padding: 0;
	}
	.site-header .genesis-nav-menu li li {
		background: none;
		padding: 0;
		width: 49%;
		text-align: center;
		margin-right: 0;
		display: inline-block;
		/*border: 1px solid #ccc;*/
		/*border-top: 1px solid #ccc;*/
	}
	.site-header .genesis-nav-menu li li a {
		padding: 12px 0;
	}

	/*----Benefits ----*/
	
	.benefits .hero-text h1 {
		font-size: 60px;
	}
	.benefits .card-section .card {
		width: 47%;
	}


}

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

	body {
		background-color: #fff;
		font-size: 16px;
	}

	/*.site-inner,*/
	.wrap {
		padding-left: 5%;
		padding-right: 5%;
	}

	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-pings,
	.sidebar .widget,
	.site-header {
		padding: 0;
	}

	.archive-pagination li a {
		margin-bottom: 4px;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.sidebar .widget.enews-widget {
		padding: 40px;
	}

	.voltage-products a .top-link {
		font-size: 13px;
	}
	.voltage-products a .top-link > span {
		margin-left: 8px;
	}
	.voltage-products a .top-link > span:before {
		left: -7px;
	}
	#tabs .tab-responsive-title {
		display: block;
		word-break: break-all;
	}
	#tabs.ui-tabs .ui-tabs-nav li {
		height: 60px;
	}
	.product .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		font-size: 0;
	}
	.product .ui-tabs-anchor i {
		padding: 0;
		font-size: 30px;
	}

	.landing.no-children .hero-block {
		background-position: center 0;
	}

	.responsive-table tr td.st-key {
		font-size: 18px;
	}
	.responsive-table td.st-val {
		font-size: 16px;
	}

	/*---- Footer ----*/
	.sitefooter .wrap {
		padding: 0;
		width: 100%;

	}

	.benefits .wrap {
		padding: 0 5%;
	}
}

@media only screen and (max-width: 767px) {
	.vertical-tabs.ui-tabs-vertical .ui-tabs-nav {
		float: none;
		width: 100%;
	}
	.vertical-tabs.ui-tabs-vertical .ui-tabs-panel {
		float: none;
		width: 100%;
	}
	.voltage-products a .top-link {
		padding: 7px 24px;
		line-height: 14px;
	}

	/*---- Products Page ----*/

	.content-editor p span {
		font-size: 20px !important;
	}
	.full-width-text-overlay h2 {
		font-size: 20px !important;
	}
	.full-width-text-overlay p {
		margin-bottom: 15px;
	}
	.full-width-text-overlay p span {
		font-size: 18px !important;
	}
	.content-section.full-width-text-overlay .text {
		width: 100%;
		max-width: 100%;
		padding: 0 30px;
	}
	.content-section.full-width-text-overlay .text .text-inner {
		padding-right: 10px;
	}

	.content-section.full-width-text-overlay .background,
	.content-section.full-width-text-overlay-below .top-image {
		background-attachment: scroll;
	}
	.hero-block {
		background-position: center center !important;
	}


	.content-editor table td span {
		font-size: 18px !important;
	}

/*
	.content-editor table {
		width: 100% !important;
	}
	.content-editor table td {
		width: 100% !important;
		display: block !important;
	}

	.content-editor table tr td:nth-child(even) {
		background-color: #fff !important;
	}
	.content-editor table tr td:nth-child(odd) {
		background-color: #ccc !important;
	}
*/	
	.image-grid-item-icon img {
		width: 50px;
	}

	.image-grid .back .image-grid-item-icon,
	.image-grid .back .image-grid-item-text {
		margin: 0;
	}
	.image-grid .back .image-grid-item-descr {
		word-wrap: break-word;
	}

	.sitefooter .logo-text h3 {
		font-size: 25px;
	}
	.site-footer .location-section {
		margin-left: 33px;
	}
	.breakout-gallery {
        overflow: visible;
        height: 915px;
    }
    .breakout-gallery:hover {
    	height: 1015px;
    }
    .breakout-gallery .gallery-item {
        width: 280px;
        height: 280px;
    }
    .breakout-gallery .gallery-item,
    .breakout-gallery .gallery-item:first-child,
    .breakout-gallery .gallery-item:last-child {
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;

    }
    .breakout-gallery .gallery-item:hover,
    .breakout-gallery .gallery-item:first-child:hover,
    .breakout-gallery .gallery-item:last-child:hover {
    	margin-bottom: 130px;
    }
    .breakout-gallery .gallery-item:first-child:hover {
        margin-left: 0;
    }
    .breakout-gallery .gallery-item:last-child:hover {
        margin-right: 0;
    }
    .breakout-gallery .gallery-item:hover {
        width: 305px;
        height: 305px;
    }
    .breakout-gallery .gallery-item img {
        width: auto;
        margin: 0 auto;
    }
    .breakout-gallery .gallery-item .gallery-item-label h4 {
         font-size: 25px;
     }

     .testimonial-content {
     	width: 100%;
     	position: relative;
     	top: 0;
     	-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		margin-top: 30px;
		text-align: center;
     }

     .testimonials .testimonials-rotator {
     	float: none;
     	width: 100%;
     	display: block;
     }
	

	/*----Benefits ----*/
	.benefits .hero-section {
		height: 500px;
	}
	.benefits .hero-text h1 {
		font-size: 45px;
		max-width: 100%;
	}


}

@media only screen and (max-width: 650px) {
	.header-full-width .title-area {
		display: none;
	}	
	.hero-text {
		font-size: 28px;
	}
	.header-full-width .title-area {
		width: 248px;
		padding: 17px 0;
	}
	.site-title {
		font-size: 25px;
	}
	.site-header.sticky .title-area {
		padding: 10px 0;
	}
	.voltage-products a .top-link {
		padding: 7px 11px;
	}
	.voltage-products.sticky a .top-link {
		padding-left: 5px;
	}
	.sitefooter .four.columns,
	.sitefooter .seven.columns,
	.sitefooter .five.columns {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.sitefooter .location-section {
		display: block;
		float: none;
		margin-left: 0;
		text-align: center;
	}
	.sitefooter .contact-info > .row {
		width: 325px;
		margin: 0 auto;
	}
	.sitefooter .footer-menu-links {
		text-align: center;
	}
	#tabs .ui-widget-content, #tabs.ui-tabs .ui-tabs-panel {
		padding: 30px 10px;
	}
	.page-id-15 .content-section table td {
		display: block;
		width: 100% !important;
		height: 100% !important;
	}


	/*----Benefits ----*/
	.benefits .hero-section {
		height: auto;
	}
	.benefits .hero-content.wrap {
		padding: 50px 5%;
	}
	.benefits .hero-text {
		width: 100%;
	}
	.benefits .hero-text p {
		margin-bottom: 0;
	}
	.benefits .sketch-drawing {
		display: none;
	}
	.benefits .request-report-section .request-report p {
		margin-bottom: 0;
		max-width: 350px;
	}
}

@media only screen and (max-width: 570px) {
	.header-full-width .title-area {
		width: 160px;
		padding: 13px 0;
	}
	.site-title {
		font-size: 24px;
	}
	.site-description {
		display: none;
	}
	.site-header.sticky .title-area {
		padding: 6px 0;
		width: 108px;
	}
	.site-header.sticky .site-title {
		font-size: 16px;
	}

	.content-section.image-grid .four.columns {
		width: 76%;
		margin: 10px 12%;
	}
	.image-grid-item-icon img {
		width: 100px;
	}
	.content-section span {
		font-size: 16px !important;
	}
	.content-section.full-width-text-overlay-below .text-overlap p {
		padding: 0 10px;
	}
	.rotator-container.with-tabs .tab-rotator-description {
		padding: 10px 60px;
	}
	.content-section.full-width-text-overlay .text .text-inner {
		bottom: 0;
	}
	.page-id-15 .accordion-list.left, .page-id-15 .accordion-list.right {
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width: 550px) {
	.voltage-products .columns {
		margin-bottom: 0;
		margin-top: 20px;
	}
	.voltage-products a {
		top: 0;
	}
	.voltage-products a .top-link {
		padding: 16px 11px;
		font-size: 16px;
	}
	.voltage-products .product-image {
		height: 0;
		display: none;
	}
	.voltage-products a .top-link {
		line-height: 14px;
	}
	.voltage-products img {
		position: absolute;
		left: 0;
		max-height: 50px;
		max-width: 65px;
	}
	.voltage-products.sticky .four.columns {
		width: 33%;
		margin-top: 0;
	}
	.voltage-products.sticky a .top-link {
		width: 100%;
	}
	.voltage-products.sticky .product-image {
		display: none;
	}

	.sitefooter .footer-logo.two.columns {
		width: 13.3333333333%;
	}
	.sitefooter .logo-text.ten.columns {
		width: 82.666666666667%;
		padding-left: 4%;
	}
	.sitefooter .footer-menu-links {
		margin-top: 30px;
	}
	.sitefooter .footer-menu-links .three.columns {
		margin-bottom: 15px;
	}

	.voltage-products.sticky {
		display: none;
	}
	.product-tabs.wrap {
		padding: 0;
	}
	table.seven-images-table tr {
		display: block;
		padding-top: 20px;
	}
	table.seven-images-table td {
		text-align: center;
		width: 24% !important;
		display: block;
		padding: 0 15px;
		float: left;
	}
	table.seven-images-table td:nth-child(5),
	table.seven-images-table td:nth-child(6),
	table.seven-images-table td:last-child {
		width: 32% !important;
	}

	.hero-section.sticky-subnav {
		margin-bottom: 0px;
	}

	.blog.content-section .sidebar-primary {
		width: 100%;
		margin-left: 0;
		float: none;
	}
	.blog.content-section .posts-content {
		float: none;
		width: 100%;
	}
	.page-id-1442 .content-section .events-table-responsive span {
		color: #333 !important;
	}
	.page-id-1442 .content-section .events-table-responsive tr:first-child {
		display:  none;
	}
	.page-id-1442 .content-section .events-table-responsive .st-key {
		font-weight: 700;
		font-size: 20px;
	}

	/*----Benefits ----*/

	.benefits .hero-text h1 {
		font-size: 35px;
	}
	.benefits .card-section .card {
		width: 100%;
		max-width: 250px;
		margin-right: 0;
	}
	.benefits .page-content h4 {
		text-align: center;
		margin: 0 auto;
		max-width: 320px;
	}
	.benefits .request-report-section {
		text-align: center;
	}
	.benefits .request-report-section .request-report p {
		margin: 0 auto;
	}


}


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

	.mobile-nav-toggle {
		margin: 29px 7% 29px 0;
		padding-left: 23px;
	}
	.site-header.sticky .mobile-nav-toggle {
		margin: 9px 10px 10px 0;
	}
	.site-header .genesis-nav-menu li li {
		width: 100%;
	}
	.header-contact {
		font-size: 14px;
	}
	.header-right a.button.blue {
		font-size: 11px;
	}
/*	.site-header.sticky .title-area {
		display: inline-block;
	}*/
	.landing .hero-text,
	.product .hero-text {
		font-size: 30px;
	}
	.rotator-slide-text {
		font-size: 8px !important;
		word-wrap: break-word;
		padding: 0;
	}
	.rotator .rotator-slide.slick-center {
		transform: scale(2.5);
		-moz-transform: scale(2.5);
		-webkit-transform: scale(2.5);
		-o-transform: scale(2.5);
		-ms-transform: scale(2.5);
	}
	.content-section.full-width-text-overlay .text,
	.content-section.full-width-text-overlay .text.background {
		padding: 0 20px;
	}
	.content-section.full-width-text-overlay .text .text-inner {
		margin-right: 0;
	}

	/*----Benefits ----*/
	.benefits .hero-text h1 {
		font-size: 25px;
	}
	.benefits .hero-text {
		text-align: center;
	}
	.benefits .request-report-section .request-report a {
		font-size: 18px;
	}
	.benefits .card-section {
		margin: 25px 0;
	}
	.benefits .request-report-section .subtitle p {
		padding: 8px;
	}
	.benefits .page-content:before {
		background-position: 50% -20%;
	}
}

@media only screen and (max-width: 400px) {
	.voltage-products img {
		display: none;
	}
	.full-width-text-overlay p {
		margin-bottom: 10px;
	}
	.sitefooter .contact-info > .row {
		width: 100%;
	}
	.sitefooter .logo-text h3 {
		font-size: 18px;
	}
	.content-section.image-grid .four.columns {
		width: 100%;
		margin: 10px 0;
	}
	.image-grid-item-icon img {
		max-width: 75px;
	}
	.hero-text {
		font-size: 22px;
	}
	.breakout-gallery .gallery-item {
		width: 215px;
	}
	.breakout-gallery .gallery-item:hover {
		width: 245px;
	}
}

@media only screen and (max-width: 300px) {
	.header-right {
		display: none;
	}
	.voltage-products a .top-link {
		font-size: 15px;
	}
}