@media (max-width: 1480px) {
	.primary-menu .primary-red-button a{ font-size:14px; }
	.primary-menu{gap: 22px}
	.about-content-box{ max-height:500px }
	.keychallenge-sec .about-img{ padding-bottom:80%; }
}
@media (max-width: 1376px) {
	.primary-menu .primary-red-button a br{ display:none; }
	header .primary-red-button{max-width: 260px;}
}
@media (max-width: 1365.98px) {
	.primary-menu{ gap:18px }
	.top-bar-marquee{font-size: 18px}
	.primary-menu a{ font-size: 13px;}
	.primary-menu > li.menu-item-has-children > a:after{ margin-top:2px }
}
@media (max-width: 1199.98px) {
	header .primary-red-button{max-width: 176px}
	.high-power-energizers .hero-slide{ padding-top:350px; padding-bottom:350px; }
	.product-detail-block{ flex-direction:column; gap:20px }
	.product-detail-block .left-detail{ width: 100%}
	.product-detail-block .right-detail{ width:100% }
	.educational-wrapper .education-image{margin-right:30px}
	.footer-wrapper .footer-cell{ padding-right:20px; padding-left:20px; }
	.site-navbar__inner {padding-right: 24px;}
	.primary-menu {gap: 19px;}
	.primary-menu a {font-size: 13px;}
	.certification-wrapper .certification-points ul li{ margin-right:0 }
	.site-header .primary-red-button{ padding:10px; }
	.site-branding__logo img, .site-branding__logo .custom-logo{max-height: 44px;}
	.search-button{ margin-left:10px }
	.primary-menu .primary-red-button a{font-size: 13px;}
	.logo-part-block a:last-child {border-left: #000 solid 1px;padding-left: 10px;margin-left: 10px;}
	.logo-part-block a:first-child img{ max-height:35px }
	.keychallenge-sec .about-img{ padding-bottom:90%; }
}
@media (max-width: 1023.98px) {
	header .primary-red-button{max-width: 176px}
	.primary-menu{gap: 14px}
	.educational-wrapper .education-image{margin-right:20px}
	.education-image{ max-width:40%; }
	.educational-wrapper .education-image img{ height:100%; } 
	.education-content{ max-width:60%;}
	.educational-wrapper .education-content{ margin-top:0; }
	.certification-wrapper .why-certification{ width:35%; margin-right:30px; }
	.certification-wrapper .certification-points{ width:calc(35% - 30px); margin-right:30px;}
	.certification-wrapper .highlight-box {width: calc(30% - 30px);}
	.top-bar-marquee {font-size: 16px;}
	.recommend-four-block{grid-template-columns: repeat(2, 1fr);}
	.four-column-group{grid-template-columns: repeat(2, 1fr);}
	.five-thumb-pic-box{grid-template-columns: repeat(3, 1fr);}
	.echosystem-block .echosystem-in{ width:38% }
	.right-square, .left-square{ top:28% }
	.echoblock-logo{width: 160px;height: 160px;}
}
@media (max-width: 991.98px) {
	.keychallenge-sec .about-img{ padding-bottom:130%; }
	.about-content-box{ max-height:330px }
	.primary-menu .primary-red-button a,
	.primary-menu a{ font-size:14px }
	header .primary-red-button{ max-width:inherit; }
	.primary-menu > li.menu-item-has-children > a{display: flex;}
	.primary-menu .sub-menu{position:relative; top: 0; left: 0;min-width: inherit;}
	.primary-menu .primary-red-button{ margin-top:10px; }
	.primary-menu > li:hover .sub-menu{display: none;}
	.search-button.desktop{ display:none; }
	.educational-wrapper .education-content .education-points{gap: 30px; flex-direction: column;}
	.commited-box{ padding-right:0; padding-left:0; margin-bottom:20px; margin-left:20px; margin-right:20px; }
	.commited-box .col-md-12{margin-bottom: 20px}
	.commited-box .col-md-12:last-child{margin-bottom: 0}
	.footer-wrapper .footer-cell{ width:50% !important; margin-bottom:20px; }
	.aboutus-wrapper { padding-top: 228px; background-size: 100% 210px !important;background-position: 0 0 !important; height: inherit !important;}
	.aboutus-wrapper .aboutus-content{ max-width:100%; text-align:left; }
	footer .footer-red-band .red-footer-wrapper{flex-wrap: wrap; align-items: center; justify-content:center; }
	.final-cta-wrapper{ background-position:0 0 }
	.apply-wrapper .apply-here{grid-template-columns: repeat(2, 1fr);}
	.container{max-width: 100%; padding-right: 20px; padding-left: 20px;}
	.certification-wrapper .why-certification{ width:100% }
	.certification-wrapper .why-certification .content{ height:inherit; margin-bottom:30px;  }
	.certification-wrapper .certification-points ul{ padding-top:0; padding-left:0 }
	.certification-wrapper .certification-points{ width:calc(50% - 30px) }
	.certification-wrapper .highlight-box{ flex:inherit; width:50%; display:flex; justify-content:end;  }
	.certification-wrapper .highlight-box img{max-width: 290px;}
	.hero-slide .button-wrapper{ display:flex; justify-content:center; }
	.hero-content h1{max-width: 100%; width: 100%}
	.hero-content p{ width:100%; max-width:100%; }

	.hero-section{ text-align:center; }
	.navbar-toggler{border: none; padding: 0;}
	.navbar-toggler:focus{ outline:0; box-shadow:none; }
	.top-bar-marquee {
		font-size: 18px;
		padding: 12px 10px;
	}

	.site-navbar,
	.site-navbar__inner {
		min-height: 70px;
	}

	.site-branding {
		gap: 14px;
		min-width: 0;
	}

	.site-branding__divider {
		height: 62px;
	}

	.site-branding__logo--jva img {
		max-width: 112px;
	}

	.site-navbar__menu {
        background: #fff;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        margin-top: 0;
        padding: 10px 20px 14px;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 9;
        width: 100%;
	}

	.primary-menu {
		align-items: flex-start;
		flex-direction: column;
		gap: 0;
	}

	.primary-menu a {
		padding: 10px 0;
	}
	.why-jva-wrapper .slick-prev{ left:0px; margin-top:38px; }
	.why-jva-wrapper .slick-next{ right:0px; margin-top:38px;}
	.page-template-template-product .points-part-one:after{ width:82%; height:2px; left:50%; right:inherit; bottom:-15px; transform:translateX(-50%);background: TRANSPARENT;
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.01) 100%);
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.01) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1); top:inherit; }
    .search-button.mobile{ display: inline-block;vertical-align: bottom;margin-left: 10px; }
	.notice-cell{flex: 0 calc(50% - 5px)}
	.soft-build-block .soft-build-in{flex: 0 calc(50% - 10px)}
}
@media(max-width: 767.98px){
	.echoblock-logo{width: 180px;height: 180px;}
	.keychallenge-sec .about-img{padding-bottom: inherit;}
	.keychallenge-sec .about-img img{position: relative; top: inherit; left: inherit; height: inherit ; width: 100%;}
	.about-content-box{ max-height:inherit;}
	.accessories .certification-wrapper .certification-points{width: 100%;}
	.accessories .certification-wrapper .why-certification{ width:100%; }
	.page-template-template-product .hero-content h1:after{ width:40% }
	body{overflow: hidden;}
	.product-detail-block .left-detail{ flex-direction:column; gap:20px }
	.product-detail-block .left-detail .product-img{ width:100%; }
	.product-detail-block .left-detail .product-info-block{ width:100% }
	.education-image{ max-width:100%; margin-bottom: 20px}
	.education-content{ max-width:100%;}
	.wrapper{padding: 30px 0}
	.educational-wrapper{ flex-direction:column; }
	.educational-wrapper .education-image{ margin-right:0px;}
	.educational-wrapper .education-image img{ width: 100%;}
	.apply-wrapper .apply-here{grid-template-columns: repeat(1, 1fr);}
	footer .footer-red-band .red-footer-wrapper .follow-us-wrapper .social-m-logos .social-logo{ width:30px; height:30px; }
	.about-img{ margin-bottom:20px; }
	.two-sec-group .row .col-12:last-child .about-img{ margin-bottom:0; margin-top:20px; }
	.commited-box.touch-get-bk{ padding-bottom:10px }
	.about-slider.contact .hr {width: 170px;height: 4px;background-color: #b4232b;margin-bottom: 14px;display: inline-flex;}
	.slick-dots li{ height:10px; width:10px; }
	.slick-dots li button{height:10px; width:10px;}
	.certification-wrapper .why-certification{ width:100%; margin-right:0; margin-bottom:20px; }
	.certification-wrapper .certification-points{ width:100%; margin-right:0; margin-bottom: 20px;}
	.certification-wrapper .highlight-box {width: 100%; margin-bottom: 30px; justify-content:center;}
	.certification-wrapper .highlight-box img{ max-width:400px; }
	.five-thumb-pic-box{grid-template-columns: repeat(2, 1fr);}
	.application-wrapper h2{ font-size:24px }
	.recommend-four-block .inner-box h3{font-size: 22px}
	.ec-eduction-wrap{align-items: start;}
	.ec-eduction-wrap .education-image{ width:100% }
	.why-jva-box-slick.softare .why-jva-box-slick-list:after{ width:70%; }
	.why-jva-box-slick.softare .why-jva-box-slick-list:before{left: 33%}
	.soft-build-block .soft-build-in{flex: 0 100%}
	.common-white-block .common-white-in .head span{max-width: 100%}
	.echosystem-block .echosystem-in{ width:100%; }
	.left-square, .right-square{ display:none; }
	.echosystem-block{margin-top: 40px}
	.echoblock-logo{ position:relative; top:inherit; left:inherit; transform:none; margin: 0 auto; }
	.echosystem-block{ row-gap:20px; }
	.soft-half-block .solf-half-in{flex: 0 100%}
	.soft-half-block .solf-half-in h3{font-size: 20px;}
	.soft-half-block .solf-half-in .onintegrated-text h2{ font-size:22px; }

}
@media (max-width: 575.98px) {
	footer .logo-area .logo img{max-height: 60px}
	.certification-wrapper .why-certification .content{ height:auto; }
	.certification-wrapper .certification-points ul{padding-top: 0;}
	.educational-wrapper .education-content .education-points{ flex-direction:column; gap:0}
	.contact-form-grid .form-group label{font-size: 16px;}
	.footer-wrapper .footer-cell:first-child{ padding-top:0 }
	.footer-wrapper .footer-cell{ width:100% !important; border-right:none; border-bottom:#fff solid 1px;  padding-left: 0; padding-right: 0; padding-bottom: 30px; padding-top: 30px; margin-bottom: 0}
	.footer-wrapper .footer-cell ul{ margin-bottom:0; }
	.footer-wrapper .footer-cell:last-child{border-bottom: none;}
	.hero-slider .slick-dots{bottom: 8px}
	.top-bar-marquee {
		font-size: 13px;
	}


	.site-navbar__inner {
		padding-left: 14px;
		padding-right: 14px;
	}

	.site-branding {
		gap: 10px;
		max-width: calc(100% - 58px);
	}

	.site-branding__divider {
		height: 48px;
		width: 1px;
	}


	.site-branding__logo--jva img {
		max-width: 88px;
	}

	.site-title {
		font-size: 16px;
	}

	.site-description {
		font-size: 9px;
	}
	.page-template-template-product .points-part-one::after{display: none;}
	.page-template-template-product .certification-wrapper .why-certification .content{ height:inherit; margin-bottom:0 }
	.recommend-four-block{grid-template-columns: repeat(1, 1fr); gap: 20px}
	.four-column-group{grid-template-columns: repeat(1, 1fr);gap: 20px}
	.five-thumb-pic-box{grid-template-columns: repeat(2, 1fr);}
	.application-wrapper h2{ font-size:24px }
	.key-image-detail ul li{margin-bottom: 15px}
	.two-sec-group{ padding-top: 0; padding-bottom: 0}

}


/* Mobile */
@media (max-width: 575px) {
	.recommend-four-block .inner-box h3{ min-height: inherit;}
	.accrion-block .accordion-btn .left-num{ font-size:18px }
	.trust-highlights .slick-slide:after{display: none;}
	.trust-highlights .slick-slide{ padding-left:0; padding-right:0 }
	.section-gap {
		padding: 30px 0;
	}
	.hero-slide .button-wrapper{ flex-direction:column; text-align:center; align-items:center; }

	/*.site-navbar__inner {
		flex-wrap: nowrap;
		align-items: center;
		padding-left: 10px;
		padding-right: 10px;
	}

	.site-navbar__menu {
		position: fixed;
		display: flex;
		flex-direction: column;
		background-color: #eee;
		width: 80%;
		height: 100vh;
		z-index: 9999;
		justify-content: flex-start;
		left: 0;
		top: 0;
		align-items: start;
	}

	/* Menu */
	.primary-menu {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-left: 0 !important;
	}

	.primary-menu,
	.primary-menu ul {
		list-style: none;
		margin: 0;
		padding: 0 0 0 10px;
	}

	.primary-menu li {
		margin: 0;
	}

	.primary-menu a {
		color: #050505;
		display: block;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.25;
		padding: 12px 0;
		text-decoration: none;
		transition: color 0.2s ease;
	}

	.primary-menu .current-menu-item>a,
	.primary-menu .current_page_item>a,
	.primary-menu a:hover,
	.primary-menu a:focus {
		color: #c90f12;
	}

	/* Menu */


	.site-branding__logo img,
	.site-branding__logo .custom-logo {
		display: block;
		height: auto;
		max-height: auto;
		width: 100%;
	}

	.site-branding {
		width: 150px;
		height: auto;
	}
	

	.hero-section {
		text-align: center;
	}

	.hero-slider .slick-list,
	.hero-slider .slick-track {
		height: inherit;
		min-height: 400px;
	}
.application-wrapper h3,.energizer-range-wrapper h3{ width:100% }
	.hero-slide {
		height: inherit;
		min-height: 430px;
	}

	.hero-content h1 {
		font-size: 32px;
	}

	.hero-content p {
		font-size: 16px;
	}

	.hero-content .btn {
		padding: 12px 28px;
	}

	.hero-image-bg {99
		background:
			linear-gradient(to right,
				rgba(0, 0, 0, 1) 0%,
				rgba(0, 0, 0, 0.8) 25%,
				rgba(0, 0, 0, 0.4) 40%,
				rgba(0, 0, 0, 0) 60%),
			url('../images/hero-img.jpg') no-repeat center center;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;

		width: 100%;
		min-height: auto;

		display: flex;
		align-items: center;
	}

	.hero-section-height {
		min-height: auto !important;
	}

	.hero-content {
		display: flex;
		flex-direction: column;
		padding: 10px;
	}

	.hero-content h1 {
		font-size: 24px;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 20px;
		color: #fff;
		width: 100%;
	}

	.hero-content p {
		font-size: 16px;
		line-height: 1.2;
		color: #666;
		margin-bottom: 20px;
		color: #fff;
		width: 100%;
		overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
	}
	.contact-form-grid .form-group .form-control{ height:40px; font-size:13px }

	.hero-red-separator {
		width: 100%;
		height: 5px;
		background-color: #c90f12;
		margin-bottom: 20px;
	}

	.primary-red-button {
		background: linear-gradient(180deg, #B4232B 0%, #921F1F 100%);
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		color: var(--primary-red-button-color);
		font-size: 18px;
		text-align: center;
		padding: 10px 20px;
		text-decoration: none;
		margin-right: 0px;
		margin-bottom: 10px;
	}

	.trust-highlights {

		display: flex;
		flex-direction: row;
		overflow-y:hidden;
		flex-wrap: nowrap;

		scroll-snap-type: x mandatory;

		-webkit-overflow-scrolling: touch;
		overflow-x: auto;

		/* Hide scrollbar - Firefox */
		scrollbar-width: none;
	}

	.trust-highlights-list {
		min-width: 100%;
		flex: 0 0 100%;

		scroll-snap-align: start;

		border-right: 0;
	}

	.trust-highlights::-webkit-scrollbar {
		display: none;
	}

	.certification-wrapper {
		display: flex;
		gap: 30px;
		flex-direction: column;
	}

	.educational-wrapper {
		background-color: #E6E6E6;
		border-radius: 10px;
		padding: 10px;
		display: flex;
		flex-direction: column;
	}

	.educational-wrapper .education-image {
		border-radius: 10px;
		margin-right: 0px;
	}

	.educational-wrapper .education-image img {
		height: auto;
		width: 100%;
		border-radius: 10px;
	}

	.apply-wrapper h3 {
		font-size: 16px;
		color: #000000;
		font-weight: 400;
		margin-bottom: 10px;
		margin: 10px auto 30px;
		width: 90%;
		text-align: center;
	}

	/* Apply Box */

	.apply-wrapper .apply-here {
		grid-template-columns: 1fr;
	}

	/* Apply Box */
	.slick-arrow {
		display: none !important;
	}

	/* Why JVA Slider */
	.why-jva-box-slick {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		padding-top: 34px;
	}

	.why-jva-box-slick-list {
		min-width: 100%;
		flex: 0 0 100%;

		scroll-snap-align: start;

		border-right: 0;
	}

	.why-jva-box-slick::-webkit-scrollbar {
		display: none;
	}
	/* Why JVA Slider */
	.aboutus-wrapper .button-wrapper .primary-red-button{ margin-right:0 } 
	.notice-cell{flex: 0 100%}
	.notice-cell .title i{max-width: 45px;}
	.notice-cell .title span{font-size: 20px}
}

/* Mobile End  */
/* Tablet */
@media (min-width: 576px) and (max-width: 991px) {
	.section-gap {
		padding: 30px 0;
	}

	.hero-content h1 {
		font-size: 42px;
	}

	.hero-image {
		margin-top: 40px;
	}

	.trust-highlights {
		display: flex;
		flex-direction: row;
		overflow-x: auto;
		flex-wrap: nowrap;

		scroll-snap-type: x mandatory;

		-webkit-overflow-scrolling: touch;
		overflow-x: auto;

		/* Hide scrollbar - Firefox */
		scrollbar-width: none;
	}

	.trust-highlights-list {
		min-width: 33%;
		flex: 0 0 33%;

		scroll-snap-align: start;

		border-right: 0;
	}

	.trust-highlights::-webkit-scrollbar {
		display: none;
	}

	/* Apply Box */

	.apply-here {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Apply Box */
	/* Why JVA Slider */
	

	.why-jva-box-slick-list {
		min-width: 33%;
		flex: 0 0 33%;

		scroll-snap-align: start;

		border-right: 0;
		margin-top: 30px;
	}

	.why-jva-box-slick::-webkit-scrollbar {
		display: none;
	}

	/* Why JVA Slider */

}

/* Laptop/Desktop */
@media (max-width: 575px){
	footer{padding-top: 40px}
	.button-wrapper{display: flex; flex-direction: column; align-items: center;}
	.final-cta-wrapper .final-cta-content{ width:100% }
	.secondory-outline-white-button{ margin-right: auto; margin-left: auto;}
	.why-jva-box-slick-list{ margin-top:30px }
	.five-thumb-pic-box{grid-template-columns: repeat(1, 1fr);}
}
@media (max-width: 370px){
	.site-branding{ width:inherit; }
	footer .logo-area .logo img{max-height: 50px}
	.site-branding__logo img, .site-branding__logo .custom-logo{ max-height:38px }
	.contact-form-grid .g-recaptcha{transform: scale(0.8) translateX(-30px)}
}