@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 768px) {
	h1 { font-size:48px;}

h2 { font-size:34px;}
h3 { font-size:28px;}
h4  { font-size:24px; line-height:130%;}

 p, li { font-size:16px;}
 img { max-width:100vw;}
	.heroImage { width:100vw !important; background-size:100% !important;}
	.header { padding:10px 0 !important;}
	.header .navBar, .header .custom-menu { display:none !important;}
	
	section { padding:25px 0 !important;}
	.onlyMobile { display:block !important;}	
.onlyDesktop { display:none !important;}	

  .heroImage video { height:100vh !important;}
  .home_video {height:100vh !important; width:auto !important;}
  .gradientTile, .iconTile_1,  .solutionTile, .bgTile { margin:10px;}
  .iconTile_1 .content { text-align:center;}
    .iconTile_1 .content .icon { margin:0 auto !important;}
	.contactBlock , .countryName{ text-align:center;}
  .footer .iconBlock, .contactBlock { padding:5px 0 !important;}
  .footer .iconBlock .icon, .contactBlock .icon { position:relative !important; display:block !important; margin:10px auto; top:auto !important;}
  .policyLinks a { display:block;}
  .width70perct, .width80perct, .width90perct { width:100%  !important;}
    .padL50, .padR50{ padding:auto 0  !important;}
	.number { margin:15px !important;}
	.cartIcon { display:none !important;}
	.mobileMenu{ display:none;}
	

	 .mobileMenuIcon { position:absolute; top:20px; right:20px; display:block !important;}
	 .mobileMenuIcon img  { height:24px;}
	 .mobileMenu { position:fixed; height:100vh  !important; width:100%;   backdrop-filter: blur(20px); background: linear-gradient(90deg, rgba(0,0,0,1) 0%,   rgba(0,0,0,0.9) 75%,  rgba(0,0,0,0.9)   150%)  !important; z-index:9999; top:0; left:0; background-attachment:fixed;}
	 .mobileMenu .nav { width:100% !important; margin-top:50px  !important; display:block !important;}
	 .mobileMenu .nav li { text-align:center; color:#FFF; display:block  !important; padding:10px 0 !important; border-bottom:solid 1px rgba(255,255,255,0.2) !important;}
	 .mobileMenu .nav li a { text-align:center; color:#FFF  !important; font-size:18px !important; text-decoration:none !important;}
	 .mobileMenu  .nav li.current-page-ancestor a, .mobileMenu  .nav li.current_page_item a {color:var(--primary)  !important;}
	 .mobileMenu .nav li a:hover {color:var(--primary)  !important;}
	 .mobileMenu.open {display:block !important;}

	 .mobileMenu .nav li ul.sub-menu {display:none !important;}
	 .mobileMenu er .nav li ul.sub-menu li a {color:#FFF  !important; border:0px !important;}
	 .mobileMenu .nav li ul.sub-menu:before { display:none !important;}
	 .closemobileMenuIcon { color:#FFF !important; top:0px; right:00px; position:absolute;  padding: 10px;background: rgba(0,0,0,0.5);}
	 .ellipse_animation .one { animation: jumpup1 5s ease infinite; position:absolute; left:20vw; top:50px;}
.ellipse_animation .two { animation: jumpdown1 7s ease infinite;  position:absolute; left:40vw;  top:70px;}
.ellipse_animation .three { animation: jumpup2 11s ease infinite;  position:absolute; left:60vw;  top:40px;}
.ellipse_animation .four { animation: jumpdown2 7s ease infinite;  position:absolute; left:80vw;  top:20px;}
img.rounded { max-width:100%;}

.solutionBannerImage, .simplePageBannerImage, .industiresBannerImage {    padding-top: 100px;   padding-bottom: 25px;}


.industryList { column-count:1 !important;}

.productTile { padding:15px 20px !important;}
.productTile .productBg { padding:10px !important; margin:0px 0 5px 0 !important;}
.woocommerce table.shop_table { width:100% !important;}

.footer, .footer .footerMenu li { text-align: center !important;}
}