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

@media only screen and (max-width: 768px) {
	.header .navBar { display:none !important;}
	
	section { padding:25px 0 !important;}
	.onlyMobile { display:block !important;}	
.onlyDesktop { display:none !important;}	

  .heroImage { height: auto;  width: 45vw; }
  
  .packageChips li a { padding: 5px 10px;}
  .width70perct, .width80perct, .width90perct { width:100%  !important;}
    .padL50, .padR50{ padding:auto 0  !important;}
	.number { margin:15px !important;}
	.cartIcon { display:none !important;}
	.mobileMenu{ display:none;}
	body.home .mobileMenuIcon { right:200px; }
	 .mobileMenuIcon { position:absolute; top:20px; right:20px; display:block !important;}
	 .mobileMenuIcon img  { height:36px;}
	 .mobileMenu { position:fixed; height:100vh; width:100%; background: linear-gradient(90deg, rgb(191 0 0) 0%, #ed1000 100%); z-index:9999; top:0; left:0;}
	 .mobileMenu .nav { width:100% !important; margin-top:50px  !important; display:block !important;}
	 .mobileMenu .nav li { text-align:center; color:#FFF; display:block  !important; padding:15px 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:#FFCC00  !important;}
	 .mobileMenu .nav li a:hover {color:#FFCC00  !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%;}

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


.filterBoxButton{display:block !important; max-width:100vw !important; position:fixed; z-index:11; background:red; padding:15px; left:0; bottom:0; width:100%;  margin:0px; font-size:20px; font-weight:bold; display:flex !important;  flex-direction: row;  align-items: center;justify-content: center; color:#FFF !important; text-decoration:none !important;}
.filterBoxButton img { height:32px; height: 32px !important; margin-right: 10px;}
.filterBox.desktopFreeze.fixed, .filterBox.fixed {    position: fixed !important; z-index: 1; left: 0 !important; bottom: 50px !important; top: auto !important; padding: 25px !important; background: #FFF !important;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;}
.filterBox .form-control {margin-bottom:5px;}

.filterBox.desktopFreeze {position:relative !important;top:auto !important; left:auto !important; background:none !important; box-shadow:none !important; }

 .closeFilterBox {display:none !important;}
.filterBox.fixed .closeFilterBox {position:absolute; z-index:12; background:#000000; padding:5px 10px; right:0; top:-40px;   margin:0px; border-radius:7px 7px 0 0; display:block !important;}

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