html, body
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-family: "Poppins", sans-serif;
}
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}
a
{
	text-decoration: none;
}
@keyframes menuOpen
{
	0%
	{
		opacity: 0;
		transform: translate(-75%, 0%);
	}
	100%
	{
		opacity: 1;
		transform: translate(0%, 0%);
	}
}
@keyframes buttonPulse
{
	0%
	{
		box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.6);
	}
	70%
	{
		box-shadow: 0px 0px 0px 40px rgba(255, 255, 255, 0);
	}
	100%
	{
		box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
	}
}
.container
{
	width: 1200px;
	max-width: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}

/*--------------HEADER--------------*/

.header
{
	width: 100%;
	height: 120px;
	float: left;
	position: relative;
	z-index: 100;
	background-color: #eceeef;
	transition: 300ms ease-out;
	padding: 0px 8%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-contain
{
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo
{
	width: 17%;
	float: left;
	z-index: 2;
}
.logo a
{
	width: auto;
	max-width: 280px;
	float: left;
}
.logo img 
{
	width: 100%;
	height: 100%;
	float: left;
}
.menu
{
	width: 66%;
	max-width: 66%;
	min-height: 1px;
	float: left;
	text-align: center;
}
.menu .main-menu
{
	width: auto;
	float: left;
	text-align: center;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
	margin: 0px;
	padding: 0px;
}
.menu .menu-inner
{
	width: 100%;
	height: calc(100% - 61px);
	float: left;
}
.menu li
{
	width: auto;
	height: 120px;
	float: left;
	position: relative;
	list-style-type: none;
}
.menu a
{
	width: 100%;
	float: left;
	position: relative;
	font-size: 16px;
	line-height: 120px;
	letter-spacing: -0.48px; 
	color: #2C2C2C;
	padding: 0px 16px;
}
.menu li > a:after
{
	content: "";
	width: 0px;
	height: 2px;
	position: absolute;
	top: 100%;
	left: 0px;
	background-color: rgba(1, 154, 222, 1); 
	transition: 0.3s ease;
	opacity: 0;
	margin-top: -16px; 
}
.menu input[type="checkbox"]
{
	display: none;
}
.menu label
{
	width: 100%;
	float: left;
	margin: 0px;
}
.menu .menu-btn
{
	display: none;
}
.menu .menu-icon
{
	width: 25%;
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}
.menu .menu-icon img
{
	width: 10px;
	height: 10px;
	float: right;
	margin: 18px;
}
.menu .sub-menu
{
	width: 230px;
	float: left;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #FFFFFF;
	text-align: left;
	border-radius: 0px;
	padding: 12px 0;
	display: none;
}
.menu .sub-menu li
{
	width: 100%;
	height: 40px;
	float: left;
	padding: 0px 16px 0px 16px;
}
.menu .sub-menu a
{
	width: 100%;
	padding: 0px;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	display: flex;
	align-items: center;
	line-height: 40px;
}
.menu .sub-menu a span
{
	width: auto;
	max-width: 100%;
	float: left;
	position: relative;
}
.menu input[type="checkbox"]:checked + .sub-menu
{
	display: block;
}
.menu .sub-menu .sub-menu
{
	top: -12px;
	left: 100%;
	border-radius: 20px;
}
.sub-menu-div
{
	width: 100%;
	max-width: 800px;
	float: left;
}
.menu .sub-menu a b
{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #1c2354;
	margin-left: 6px;
	display: none;
}
.menu-close
{
	width: 48px;
	height: 48px;
	float: left;
	position: absolute;
	top: 0px;
	right: -48px;
	background-color: #FFFFFF;
	border-left: 1px solid #000000;
	text-align: center;
	line-height: 48px;
	z-index: 4;
	display: none;
}
.menu-close img
{
	width: 14px;
	height: 14px;
	display: inline-block;
}
.menu-overlay
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 2;
	display: none;
}
.header-right
{
	width: 17%;
	float: right;
}
.search
{
	width: 100%;
	float: right;
}
.search form label
{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}
.search-input 
{
	width: 100%;
	height: 40px;
	border: 1px solid #1A1A1A;
	outline-style: none;
	border-radius: 30px;
	padding: 0px 40px 0px 10px;
	text-align: center;
}
.search form img
{
	width: 19.5px;
	height: 19.5px;
	position: absolute;
	top: 10px;
	right: 18px;
	cursor: pointer;
}

/*--------------FOOTER--------------*/

.footer
{
	width: 100%;
	float: left;
	background-color: #3a5055;
	color: #FFFFFF;
	padding-top: 30px;
	margin-top: 40px;
	padding-bottom: 20px;
}
.footer-container
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer-logo
{
	/*flex: 1 1 150px;*/
	flex: 1 1 130px;
}
.footer-logo img
{
	width: 100%;
	max-width: 200px;
	height: auto;
	float: left;
}
.footer-middle
{
	flex: 2 1 400px;
	display: flex;
	justify-content: space-around;
}
.footer-right
{
	flex: 1 1 0px;
	text-align: right;
}
.footer-right img
{
	width: auto;
	max-width: 100px;
	/*height: auto;*/
	height: 75px;
	float: right;
}
.footer-box
{
	width: 33%;
	float: left;
}
.footer-box-contact
{
	min-width: 60%;
}
.footer-box h2
{
	width: 100%;
	float: left;
	text-align: left;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	/*margin-bottom: 20px;*/
}
.footer-box p
{
	width: 100%;
	float: left;
	text-align: left;
	color: #FFFFFF;
	font-size: 14px;
	cursor: pointer;
}
.footer-box ul 
{
	width: 100%;
	float: left;
	padding: 0;
	margin-bottom: 0;
}
.footer-box li 
{
	width: 100%;
	float: left;
	list-style-type: none;
	padding: 4px 0;
	font-size: 13px;
}
.footer-box a
{
	width: 100%;
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 300;
	line-height: 0.8;
}
.footer-box h2 img 
{
	display: none;
}

.footer-bottom
{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin: 10px 0 0 0;
}
.brands
{
	width: 73%;
	float: left;
	padding: 12px 0 0 0;
}
.brands img
{
	width: 100%;
	float: left;
}
.contact-info
{
	width: auto;
	float: left;
}
.contact-info .phone-button
{
	display: inline-flex;
	align-items: center;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 4px 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	color: #333;
	text-decoration: none;
	gap: 6px;
}
.contact-info .phone-button .icon
{
	width: 30px;
	height: 30px;
	background-color: #44575c;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-info .phone-button .icon img
{
	width: 20px;
	height: 20px;
	float: left;
}
.contact-info .phone-button .phone-text
{
	font-size: 16px;
	font-weight: 500;
}

/*--------------BREADCRUMB--------------*/

.breadcrumbcontain
{
	width: 100%;
	float: left;
	position: relative;
	margin: 30px 0px;
}
.breadcrumb h1
{
	width: 100%;
	float: left;
	color: #525252;
	text-align: left;
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
}
.breadcrumb
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.breadcrumb ul
{
	width: auto;
	float: left;
}
.breadcrumb li 
{
	width: auto;
	float: left;
	list-style-type: none;
}
.breadcrumb a 
{
	width: 100%;
	float: left;
	color: #454545;
	text-align: center;
	font-size: 14px;
}
.breadcrumb li a img 
{
	width: 18px;
	height: 18px;
	float: left;
	margin: 0px 8px;
	margin-top: 1.5px;
}
.breadcrumb p
{
	width: auto;
	float: left;
	margin: 0px 10px;
	color: #000000;
}
/*.breadcrumb .active-breadcrumb
{
	color: #000000;
	font-weight: 600;
}*/

/*----------------HOME---------------*/

.home-slider
{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.home-swiper
{
	width: 100%;
	float: left;
	aspect-ratio: 1200 / 550;
	position: relative;
}
.home-swiper .swiper-wrapper
{
	width: 100%;
	height: 100%;
	float: left;
}
.home-slider .home-swiper,
.home-slider .home-swiper .swiper-slide a,
.home-slider .home-swiper .swiper-slide a img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center center;
	position: relative;
	border-radius: 10px;
}
.home-navigation
{
	width: 100%;
	float: left;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 10px;
}
.home-navigation .home-pagination
{
	display: flex;
	align-items: center;
	justify-content: center;
	top: unset;
	position: relative;
	bottom: unset;
	width: auto;
	gap: 10px;
}
.home-navigation .swiper-pagination-bullet
{
	width: 18px;
	height: 18px;
	background: #57686c;
	opacity: 0.5;
	margin: 0px !important;
}
.home-navigation .swiper-pagination-bullet-active
{
	width: 22px;
	height: 22px;
	background: #000000;
	opacity: 1;
}
.home-slider .swiper-button-next:after,
.home-slider .swiper-button-prev:after
{
	font-size: 14px;
}
.home-slider .swiper-button-next:after
{
	margin-left: 3px;
}
.home-slider .swiper-button-prev:after
{
	margin-right: 3px;
}
.home-slider .swiper-button-next
{
	right: 10px;
}
.home-slider .swiper-button-prev
{
	left: 10px;
}
.home-slider .swiper-button-next,
.home-slider .swiper-button-prev
{
	width: 40px;
	height: 40px;
	background: white;
	border-radius: 50%;
	color: black;
	border: 1px solid grey;
}
.home-product
{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.home-product-header
{
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.home-product-header h3
{
	width: auto;
	float: left;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
}
.home-product-header a
{
	width: auto;
	float: left;
	background-color: #57686c;
	color: #FFFFFF;
	border: none;
	padding: 10px 18px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 14px;
}
.home-product-list
{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
}
.home-product-cart
{
	width: calc(25% - 23px);
	float: left;
	text-align: center;
}
.home-product-cart a
{
	width: 100%;
	float: left;
}
.home-product-cart img
{
	width: 100%;
	float: left;
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	aspect-ratio: 280/400;
}
.home-product-title
{
	width: 100%;
	float: left;
	/*font-size: 20px;*/
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	margin-top: 10px;
	color: #000000;
}
.home-product-type
{
	width: 100%;
	float: left;
	color: #333;
	font-size: 14px;
}
.home-product-features
{
	width: 100%;
	float: left;
	color: #666;
	font-size: 14px;
}
.showcase
{
	width: 100%;
	float: left;
	aspect-ratio: 1920 / 680;
	background-color: #57686c;
	padding: 20px;
}
.showcase-swiper .swiper-wrapper
{
	width: 100%;
	height: 100%;
	float: left;
}
.showcase .showcase-swiper,
.showcase .showcase-swiper .swiper-slide a,
.showcase .showcase-swiper .swiper-slide a img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center center;
	position: relative;
}
.showcase-navigation
{
	width: 100%;
	float: left;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 10px;
}
.showcase-navigation .showcase-pagination
{
	display: flex;
	align-items: center;
	justify-content: center;
	top: unset;
	position: relative;
	bottom: unset;
	width: auto;
	gap: 10px;
}
.showcase-navigation .swiper-pagination-bullet
{
	width: 18px;
	height: 18px;
	background: #57686c;
	opacity: 0.5;
	margin: 0px !important;
}
.showcase-navigation .swiper-pagination-bullet-active
{
	width: 22px;
	height: 22px;
	background: #000000;
	opacity: 1;
}
.showcase-swiper
{
	width: 100%;
	height: 100%;
	float: left;
}
.showcase img
{
	width: 100%;
	height: 100%;
	float: left;
}
.showcase .swiper-button-next:after,
.showcase .swiper-button-prev:after
{
	font-size: 14px;
}
.showcase .swiper-button-next:after
{
	margin-left: 3px;
}
.showcase .swiper-button-prev:after
{
	margin-right: 3px;
}
.showcase .swiper-button-next
{
	right: 10px;
}
.showcase .swiper-button-prev
{
	left: 10px;
}
.showcase .swiper-button-next,
.showcase .swiper-button-prev
{
	width: 40px;
	height: 40px;
	background: white;
	border-radius: 50%;
	color: black;
	border: 1px solid grey;
}
.our-dealers
{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.our-dealers-flex
{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.dealers-wrapper
{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.our-dealers-box
{
	width: auto;
	float: left;
	flex: 1 1 calc(25% - 20px);
	background-color: #eceeef;
	border-radius: 6px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	gap: 10px;
	text-align: center;
}
.our-dealers-box h3
{
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 600;
}
.our-dealers-title
{
	font-weight: 600;
	font-size: 18px;
}
.our-dealers-box p
{
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 1.3;
}
.our-dealers-box p a
{
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 1.4;
	color: #000000;
}
.home-social-text
{
	width: 100%;
	float: left;
	margin-top: 40px;
	text-align: center;
	font-size: 20px;
	font-style: italic;
	line-height: 26px;
	margin-bottom: 6px;
}
.special-swiper .swiper-button-next:after,
.special-swiper .swiper-button-prev:after
{
	font-size: 14px;
}
.special-swiper .swiper-button-next:after
{
	margin-left: 3px;
}
.special-swiper .swiper-button-prev:after
{
	margin-right: 3px;
}
.special-swiper .swiper-button-next
{
	right: 10px;
}
.special-swiper .swiper-button-prev
{
	left: 10px;
}
.special-swiper .swiper-button-next,
.special-swiper .swiper-button-prev
{
	width: 40px;
	height: 40px;
	background: white;
	border-radius: 50%;
	color: black;
	border: 1px solid grey;
}

/*--------------PRODUCT--------------*/

.products
{
	width: 100%;
	float: left;
}
.product-list
{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 30px;
}
.product-cart
{
	width: calc(25% - 23px);
	float: left;
	text-align: center;
}
.product-cart a
{
	width: 100%;
	float: left;
}
.product-cart img
{
	width: 100%;
	float: left;
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	aspect-ratio: 277/400;
}
.product-title
{
	width: 100%;
	float: left;
	/*font-size: 24px;*/
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	margin-top: 10px;
	color: #000000;
}
.product-type
{
	width: 100%;
	float: left;
	color: #333;
	font-size: 14px;
}
.product-features
{
	width: 100%;
	float: left;
	/*color: #666;*/
	color: #333;
	font-size: 14px;
}
.product-detail
{
	width: 100%;
	float: left;
}
.products-container
{
	display: flex;
	align-items: flex-start;
	gap: 50px;
}
.product-images
{
	width: 45%;
	max-width: 45%;
	float: left;
	position: sticky;
	top: 20px;
	aspect-ratio: 540 / 650;
}
.product-images-wrapper
{
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
}
.img-list
{
	width: 80px;
	height: 100%;
	margin-left: 10px;
}
.thumb-swiper
{
	width: 100%;
	height: 100%;
	float: left;
}
.thumb-swiper .swiper-slide
{
	width: 100%;
	height: auto;
	float: left;
	cursor: pointer;
	/*border: 1px solid #eee;*/
	opacity: 0.6;
	transition: opacity 0.3s;
}
.thumb-swiper .swiper-slide img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.thumb-swiper .swiper-slide-thumb-active
{
	opacity: 1;
}
.img-list .swiper-scrollbar
{
	width: 4px;
	height: 100%;
	background: #e0e0e0;
	opacity: 1;
	transition: none;
	position: relative;
	right: 0px;
	left: -8px;
	top: 0px;
	border-radius: 0px;
}
.img-list .swiper-scrollbar-drag
{
	background: #007bff;
	border-radius: 0px;
}
.main-img
{
	width: calc(100% - 90px);
	height: 100%;
	float: left;
}
.main-swiper
{
	width: 100%;
	height: 100%;
	float: left;
}
.main-swiper .swiper-slide img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}
.product-information
{
	width: calc(55% - 50px);
	max-width: 55%;
	float: left;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.product-detail-cat
{
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 400;
	color: #3370dc;
}
.product-detail-title,
.product-detail-title *
{
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 500;
	color: #000000;
}
.product-detail-text
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
}
.product-add-cart
{
	width: 100%;
	height: 50px;
	float: left;
	user-select: none;
}
.product-add-cart a
{
	width: 100%;
	height: 100%;
	float: left;
	background-color: #e2261c;
	text-align: center;
	line-height: 50px;
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 8px;
}
.product-feature
{
	width: 100%;
	float: left;
	margin-top: 59px;
}
.product-tab
{
	width: 100%;
	float: left;
	text-align: center;
}
.product-tab ul
{
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
	list-style: none;
}
.product-tab ul li
{
	width: auto;
	float: left;
}
.product-tab ul li a 
{
	cursor: pointer;
	color: #141414;
	font-size: 22px;
	float: left;
	font-weight: normal;
	line-height: 50px;
	padding: 0 20px;
	position: relative;
}
.product-feature-detail
{
	width: 100%;
	float: left;
	font-size: 0.8rem;
}
.product-feature-detail ul
{
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	padding-inline-start: 40px;
	unicode-bidi: isolate;
}
.fancybox__slide
{
	padding: 0px !important;
}
/*.fancybox__content
{
	width: 100% !important;
	height: 100% !important;
}*/
.fancybox__image
{
	border-radius: 12px;
}
.page-static
{
	width: 100%;
	float: left;
	margin: 40px 0px;
}

/*---------------CONTACT---------------*/

.contact-page-wrapper
{
	width: 100%;
	float: left;
	margin-top: 60px;
}
.contact-container
{
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	border-radius: 12px;
}
.contact-page-wrapper .contact-info
{
	width: 50%;
	float: left;
	margin-bottom: 30px;
	background: #fff;
	padding: 20px;
	border-radius: 12px;
}
.contact-page-wrapper .contact-info ul
{
	list-style: none;
	padding: 0;
}
.contact-page-wrapper .contact-info li
{
	margin: 10px 0;
}
.contact-page-wrapper .contact-info a
{
	color: #0073aa;
	text-decoration: none;
}
.contact-map
{
	width: 50%;
	float: left;
	border-radius: 12px;
	padding: 20px;
}
.contact-map iframe
{
	width: 100%;
	height: 400px;
	border-radius: 12px;
}
.contact-form-container
{
	width: 70%;
	float: left;
	background: #fff;
	padding: 20px;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}
.contact-form-container h2
{
	margin-top: 0;
}
.contact-form label
{
	display: block;
	margin: 12px 0 6px;
}
.contact-form input,
.contact-form textarea
{
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 8px;
	box-sizing: border-box;
}
.contact-form button
{
	margin-top: 20px;
	width: 100%;
	padding: 14px;
	background-color: #0073aa;
	color: white;
	border: none;
	border-radius: 8px;
	font-size: 16px;
	cursor: pointer;
	transition: background 0.3s ease;
}
.contact-form button:hover
{
	background-color: #005f8d;
}
.wpcf7 input,
.wpcf7 textarea
{
	width: 100%;
	padding: 12px;
	border-radius: 8px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.wpcf7-submit
{
	background-color: #0073aa;
	color: white;
	border: none;
	padding: 14px;
	border-radius: 8px;
	cursor: pointer;
	width: 100%;
}
.wpcf7-submit:hover
{
	background-color: #005f8d;
}


/*---------------HOVER---------------*/

@media (hover: hover)
{
	.menu li:hover>input[type=checkbox]~.sub-menu
	{
		display: block;
	}
/*	.menu .sub-menu li:hover
	{
		background: rgba(22, 138, 204, 1);
	}
	.menu li:hover > a:after
	{
		width: 100%;
		opacity: 1;
		transition: .3s ease;
	}
	.menu .sub-menu li:hover a:after
	{
		opacity: 0;
	}*/
}

@keyframes menuOpen
{
	0%
	{
		opacity: 0;
		transform: translate(-75%, 0%);
	}
	100%
	{
		opacity: 1;
		transform: translate(0%, 0%);
	}
}
@media (min-width: 991px)
{
	.dealers-wrapper
	{
		display: contents;
	}

	.dealers-wrapper .swiper-slide
	{
		width: auto !important;
	}
}
@media only screen and (max-width: 1500px) and (min-width: 1300px)
{
	.menu a
	{
		font-size: 15px;
		padding: 0px 12px;
	}
}
@media only screen and (max-width: 1300px) and (min-width: 992px)
{
	.logo,
	.header-right
	{
		width: 15%;
	}
	.menu
	{
		width: 70%;
		max-width: 70%;
	}
	.menu a
	{
		font-size: 14px;
		padding: 0px 6px;
	}
}
@media only screen and (max-width: 991px)
{
	.container
	{
		padding: 0px 15px;
	}
	.header
	{
		padding: 0px 15px;
		z-index: 4;
		height: auto;
	}
	.header.fixed
	{
		position: fixed !important;
	}
	.logo
	{
		width: 40%;
		padding: 0px;
		min-width: auto;
	}
	.logo a
	{
		width: 100%;
		float: left;
	}
	.header-contain
	{
		position: unset;
		left: unset;
		transform: unset;
		justify-content: space-between;
	}
	.header-right
	{
		display: none;
	}
	.menu
	{
		width: auto;
		float: right;		
	}
	.menu .main-menu
	{
		width: 70%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: white;
		animation: menuOpen 0.3s ease;
		transform: unset;
		text-align: left;
		z-index: 4;
		display: none;
	}
	.menu .menu-inner
	{
		overflow: auto;
		background-color: #FFFFFF;
	}
	#menu-button:checked ~ .main-menu
	{
		display: block;
	}
	#menu-button:checked ~ .main-menu + .menu-overlay
	{
		display: block;
	}
	.menu .menu-item-has-children:hover
	{
		border-bottom: none;
	}
	.menu-close
	{
		display: block;
	}
	.menu li
	{
		width: 100% !important;
		height: auto;
		margin-right: 0px;
		padding-right: 0px;
	}
	.main-menu li:first-child a
	{
		padding-left: 15px;
	}
	.menu .sub-menu
	{
		width: 100%;
		position: relative;
		top: unset !important;
		left: unset !important;
		right: unset !important;
		border-radius: 0px;
		padding: 0px 0px 0px 10px;
		transform: none;
		background-color: #FFFFFF;
	}
	.menu input[type="checkbox"]:checked ~ .sub-menu
	{
		display: block;
	}
	.menu .sub-menu li a
	{
		width: 100%;
		float: left;
		padding: 10px !important;
		font-size: 16px;
		font-weight: 400;
		color: #000000;
		line-height: normal;
	}
	.menu .sub-menu a span:after
	{
		display: none;
	}
	.menu .sub-menu img 
	{
		margin: 14px;
	}
	.menu .sub-menu li
	{
		width: 100%;
		height: auto;
		padding: 0px;
	}
	.menu-overlay
	{
		width: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 3;
	}
	.menu .menu-btn
	{
		width: auto;
		float: left;
		padding: 20px 0px;
		display: block;
		margin-left: 15px;
	}
	.menu .menu-icon
	{
		display: block;
	}
	.menu .menu-minus
	{
		display: none;
	}
	.menu input[type="checkbox"]:checked + .menu-icon .menu-minus
	{
		display: block;
	}
	.menu input[type="checkbox"]:checked + .menu-icon .menu-plus
	{
		display: none;
	}
	.menu .sub-menu li .alt-menu-images
	{
		display: none;
	}
	.menu .sub-menu li .sub-menu-alt 
	{
		display: none;
	}
	.menu a 
	{
		color: #000000;
		padding: 10px!important;
		border-bottom: 1px solid #000000;
		text-align: left;
		font-size: 16px;
		line-height: 27px;
	}
	.breadcrumbcontain
	{
		margin: 20px 0px;
	}
	.breadcrumbcontain h1
	{
		font-size: 24px;
		line-height: 30px;
	}
	.breadcrumb
	{
		gap: 4px;
	}
	.breadcrumb ul
	{
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
	}
	.breadcrumb li 
	{
		float: unset;
		display: inline-block;
	}
	.breadcrumb img
	{
		margin: 0px 6px;
		margin-top: 4px;
	}
	.footer
	{
		padding-top: 20px;
		margin-top: 40px;
	}
	.footer-logo
	{
		width: 100%;
		flex: unset;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.footer-middle
	{
		width: 100%;
		flex: unset;
		margin-top: 20px;
		flex-direction: column;
	}
	.footer-right
	{
		width: 100%;
		flex: unset;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.footer-right img
	{
		width: 60px;
	}
	.footer-box
	{
		width: 100%;
	}
	.footer-box h2
	{
		width: 100%;
		position: relative;
		margin-bottom: 12px;
	}
	.footer-box .footer-plus 
	{
		display: block;
	}
	.footer-box h2 img 
	{
		width: 12px;
		height: 12px;
		position: absolute;
		top: 5px;
		right: 0;
	}
	.footer-box .footer-minus 
	{
		display: none;
	}
	.footer-box ul 
	{
		margin-top: 0;
		margin-bottom: 10px;
		display: none;
	}
	.footer-box .active+ul 
	{
		display: block;
	}
	.footer-box .active .footer-plus 
	{
		display: none;
	}
	.footer-box .active .footer-minus 
	{
		display: block;
	}
	.footer-box a
	{
		font-size: 14px;
	}
	.footer-bottom
	{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 10px;
		flex-direction: column-reverse;
		margin-top: 20px;
	}
	.brands
	{
		width: 100%;
	}
	.contact-info
	{
		width: 100%; text-align:center;
	}
	.product-cart
	{
		width: calc(50% - 8px);
	}
	.product-list
	{
		gap: 16px;
	}
	.product-title
	{
		font-size: 10px;
	}
	.product-type,
	.product-features
	{
		font-size: 8px;
	}
	.products-container
	{
		flex-direction: column;
		gap: 20px;
	}
	.product-images
	{
		width: 100%;
		max-width: 100%;
		position: relative;
		top: unset;
	}
	.img-list
	{
		width: 60px;
		height: 100%;
		margin-right: 10px;
	}
	.main-img
	{
    	width: calc(100% - 70px);
		height: 100%;
	}
	/*.main-swiper .swiper-slide img
	{
		object-fit: cover;
	}*/
	.product-information
	{
		width: 100%;
		max-width: 100%;
		gap: 8px;
	}
	.product-feature
	{
		margin-top: 30px;
	}
	.home-product-header h3
	{
		font-size: 20px;
	}
	.home-product-header a
	{
		padding: 6px 12px;
		font-size: 13px;
	}
	.home-navigation .swiper-pagination-bullet
	{
		width: 10px;
		height: 10px;
	}
	.home-navigation .swiper-pagination-bullet-active
	{
		width: 14px;
		height: 14px;
	}
	.our-dealers-box
	{
		flex: none;
	}
	.home-social-text
	{
		font-size: 16px;
		line-height: 22px;
	}
	.our-dealers-flex-mobil .our-dealers-box
	{
		width: 100%;
	}
	.showcase-navigation .swiper-pagination-bullet
	{
		width: 10px;
		height: 10px;
	}
	.showcase-navigation .swiper-pagination-bullet-active
	{
		width: 14px;
		height: 14px;
	}
	.showcase
	{
		aspect-ratio: 500/205;
	}
	.swiper-wrapper.dealers-wrapper
	{
		flex-wrap: nowrap;
		gap: 0px;
	}
	.showcase img
	{
		aspect-ratio: 200/200;
		object-fit: contain;
		border-radius: 16px;
	}
	.showcase-navigation .showcase-pagination
	{
		width: 100%;
		padding: 0px 10px;
		flex-wrap: wrap;
	}
	.showcase-navigation
	{
		display: none;
	}
	.our-dealers-flex.swiper .our-dealers-box
	{
		padding: 8px;
	}
	.our-dealers-flex.swiper .our-dealers-box h3
	{
		font-size: 10px;
	}
	.our-dealers-flex.swiper .our-dealers-box p,
	.our-dealers-flex.swiper .our-dealers-box p a
	{
		font-size: 8px;
	}
	.home-product-title
	{
		font-size: 10px;
	}
	.home-product-type,
	.home-product-features
	{
		font-size: 8px;
	}
	.contact-page-wrapper .contact-info,
	.contact-map
	{
		width: 100%;
		padding: 0px;
	}
	.contact-form-container
	{
		width: 100%;
		padding: 0px;
		margin-top: 30px;
	}
}