@media (max-width: 800px){
	h1{
		font-size: 1.7em;
	}
	.full-container{
		padding: 4em 0 4.4em 0;
	}
	#gap{
		height: 56px;
	}
	header{
		height: 55px;
	}	
	button{
		font-size: 12px;
	}
	div.search{
		top: 55px;
	}
	nav.menu{
		top: 55px;
	}
	.header-menu::before{
		content: "Menu";
	}
	.header-navigator .header-desk{
		display: none;
	}
	.header-search{
		padding: 0 0.5em;
	}
	.footer-copyright{
		position: inherit;
		text-align: center;
		margin-top: 0.3em
	}
	footer .inside>div{
		display: inherit;
	}
	.footer-company{
		width: 100%;
		max-width: inherit
	}
	.footer-product{
		width: 100%;
		margin-top: 1.5em;
		padding-top: 1.5em;
		border-top: #999 1px solid
	}
	.footer-logo{
		width: 100%;
		text-align: center;
		margin-top: 1.5em
	}
	footer .inside>div:nth-last-child(1){
		margin-top: 1em;
		text-align: center;
	}
	.footer-product li{
		margin: 0;
		padding: 0.4em 0.2em;
		border-bottom: #666 1px solid;
		box-sizing: border-box;
	}
	.whatsapp{
		right: 1em;
		bottom: 1.5em;
	}
	.whatsapp img{
		width: 50px;
	}
	nav.menu{
		width: 80%;
	}
	ul.nav a.h3{
		font-size: 1.1em;
	}
	ul.nav>li>a:hover,
	ul.sub1>li>a:hover,
	ul.sub2>li>a:hover{
		background: none;
		border-bottom:transparent 0px solid;
	}
	ul.sub2 a.expanded{
		background: #e5e5e5;
		color: var(--themecolor) !important;
	}
	ul .ul-mobile{
		display: inherit;
	}
	.ul-mobile a.expanded{
		background: #e5e5e5;
	}
	.index-title{
		text-align: center;
		max-width: inherit
	}
	.index-contact{
		background-position-x: 35%;
	}
	.index-contact>div{
		display: inherit
	}
	.index-contact>div>div{
		width: 100%;
	}
	.index-contact>div>div h2{
		font-size: 1.7em;
		margin: 0;
		font-weight: 500
	}
	.index-apc .desc h2,
	.about-services h2{
		line-height: 1.4;
		font-size: 1.8em;
	}
	.page-banner{
		display: inherit;
	}
	.page-banner>div:nth-child(1) h1{
		font-size: 1.65em;
	}
	.page-banner>div:nth-child(1){
		width: 100%;
		padding: 3em 0 1.4em 0;
	}
	.page-banner>div:nth-child(2){
	width: 100%;
	}
	.page-banner>div:nth-child(2)>div{
		aspect-ratio: 1.8 / 1;
	}
	
	.about-title .stats{
		grid-template-columns: repeat(1, 1fr);
		margin-top: 4em
	}
	.about-title .stats>div:nth-last-of-type(2){
		border-left: #ccc 0px solid;
		border-right: #ccc 0px solid;
		border-top: #ccc 1px solid;
		border-bottom: #ccc 1px solid;
		margin: 3em 0;
		padding: 3em 0;
	}
	.about-services-grid{
		grid-template-columns: repeat(1, 1fr);
		column-gap: 0em;
		row-gap: 1.2em;
		margin-top: 2em;
	}
	.about-services-grid img{
		width: 50px;
	}
	.about-services-grid h4{
		font-size: 1.1em;
	}
	.about-brands>div{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 2em;
		row-gap: 2em;
		place-items: center;
	}
	.about-brands>div img{
		height: 40px;
	}
	.about-banner{
		width: 100%;
		aspect-ratio: 16 / 10;
	}
	.about-title p{
		max-width: 100%;
	}
	.contact-form{
		padding-top: 2.5em;
	}
	.contact-form h3{
		font-size: 1.7em;
		margin-top: 0em;
	}
	.contact-form .inside{
		display: inherit;
	}
	.contact-form .inside div{
		width: 100%;
	}
	.contact-form .inside div:nth-child(2){
		width: 100%;
	}
	.contact-form p{
		margin-bottom: 2em;
	}
	.contact-form .inside .form form>div label{
		width: 100%;
		margin-top: 0em;
	}
	.contact-form .inside .form form>div label.captcha{
		display: none;
	}
	.contact-form .inside .form h3{
		font-size: 1.3em;
		margin: 0 0 0.8em 0
	}
	.contact-form .inside .form form>div{
		display: inherit;
		margin-bottom: 0.7em
	}
	.contact-form .inside .form{
		padding: 1.5em 1em;
	}
	.contact-form .inside .form form>div.btn{
		text-align: center;
	}
	#notice-container{
		top: 56px;
	}
	label{
		margin: 0em 0 0.1em 0
	}
	.form-gap{
		height: 640px;
		padding: 0 0 5em 0;
	}
	iframe.gmap{
		height: 45vh;
	}
	.index-brand-intro{
		padding: 0;
	}
	.index-brand-intro>div:nth-child(1){
		margin-bottom: 3px;
	}
	.index-brand-intro>div:nth-child(1),
	.index-brand-intro>div:nth-child(2){
		width: 100%;
		padding: 2em 1.2em;
	}
	.contact-details .inside{
		grid-template-columns: repeat(1, 1fr);
	}
	.contact-details .inside a:nth-child(2)>div{
		border-top: var(--border);
		border-bottom: var(--border);
		border-left: 0;
		border-right: 0;
		padding: 2em 0 1.5em 0;
		margin: 1em 0
	}
	.contact-details .inside a:hover img{
		transform: scale(1);
	}
	.contact-address .inside{
		display: inherit;
	}
	.contact-address .inside>div{
		max-width: 100%;
	}
	.contact-address .inside>div:nth-child(1){
		margin-bottom: 2em
	}
	.contact-address h4{
		font-size: 1.7em;
	}
	.product-banner{
		padding: 1em 0;
	}
	.product-banner .inside h1{
		font-size: 1.15em;
	}
	.product-banner .inside img.logo{
		height: 25px;
	}
	.product{
		padding: 1em 0 4em 0;
	}
	.product-menu{
		display: none;
	}
	.product .subcategories{
		margin-bottom: 1em
	}
	.product .subcategories h2{
		font-size: 0.9em;
	}
	.product .subcategories h2:nth-child(2){
		font-size: 1.15em;
	}
	.product .product-items div.items{
		grid-template-columns: repeat(2, 1fr);
	}
	.product .product-items div.items>div{
		font-size: 0.95em;
	}
	.product .product-items div.items>a img{
		max-width: 100%;
	}
	.product .product-items div.items>a{
		padding: 0.8em;
	}
	.product-lvl1{
		display: inherit;
	}
	.product-lvl1-img{
		width: 100%;
		margin-right: 0em;
		border: #ddd 0px solid;
	}
	.product-lvl1-title h1{
		margin: 0;
		margin-top: 0.8em;
		font-size: 1.2em
	}
	.product-lvl1-title h1 span{
		font-size: 15.5px;
	}
	.moreproducts{
		display: inherit;
		font-size: 0.95em;
		margin-top: 0.3em
	}
	.moreproducts label{
		font-weight: 500
	}
	
} /* ---- end ----*/