.nav-mobile {
	 background: #446cb3;
	 color: #fff;
	 padding: 0;
	 margin: 0;
	 cursor: auto;
	 font-size: 18px;
	 list-style-type: none;
	 box-shadow: 0 5px 5px -5px #333;
	 display: none;
}
 .nav-mobile:after {
	 content: "";
	 display: table;
	 clear: both;
}
 .nav-mobile svg {
	 height: 45px;
	 width: 65px;
	 padding: 9px;
}
 .nav-mobile svg path {
	 fill: #000;
}
 .nav-mobile svg.icon-close {
	 display: none;
	 padding: 15px;
}
 .nav-mobile li {
	 width: 100%;
	 height: 45px;
	 line-height: 46px;
	 text-align: center;
	 float: left;
}
 .nav-mobile li a {
	 display: block;
	 color: #333;
	 width: 100%;
	 height: 100%;
	 text-decoration: none;
}
 .nav-mobile .menu-button {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	 cursor: pointer;
	 display: block;
}
 .nav-mobile .menu-button:after {
	 opacity: 0;
	 top: 30px;
	 content: "";
	 width: 100vw;
	 display: block;
	 position: fixed;
	 height: 100vh;
	 background: rgba(0, 0, 0, 0.5);
	 content: "";
	 pointer-events: none;
	 transition: opacity 0.2s cubic-bezier(0, 0, 0.3, 1);
	 transition-delay: 0.1s;
}
 .nav-mobile #menu-toggle {
	 display: none;
}
 .nav-mobile #menu-toggle.active ~ .menu-button .icon-close, .nav-mobile #menu-toggle:checked ~ .menu-button .icon-close {
	 display: block;
}
 .nav-mobile #menu-toggle.active ~ .menu-button .icon-open, .nav-mobile #menu-toggle:checked ~ .menu-button .icon-open {
	 display: none;
}
 .nav-mobile #menu-toggle.active ~ .menu-button:after, .nav-mobile #menu-toggle:checked ~ .menu-button:after {
	 opacity: 1;
	 pointer-events: auto;
	 transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
}
 .nav-mobile #menu-toggle.active ~ .menu-sidebar, .nav-mobile #menu-toggle:checked ~ .menu-sidebar {
	 transform: translateX(0);
	 transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}
 .nav-mobile .menu-container {
	 width: 65px;
	 float: left;
	 cursor: pointer;
	 position: absolute;
}
 .nav-mobile .menu-container .menu-sidebar {
	 box-shadow: 5px 0 5px -5px #333;
	 display: block;
	 width: 65vw;
	 bottom: 0;
	 background: white;
	 color: #333;
	 position: fixed;
	 transform: translateX(-405px);
	 transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
	 top: 45px;
	 z-index: 2;
	 list-style-type: none;
	 padding: 0;
	 max-width: 400px;
}
 .nav-mobile .menu-container .menu-sidebar .arrow {
	 position: absolute;
	 line-height: 50px;
	 font-size: 32px;
	 color: #555;
	 top: 0;
	 z-index: 0;
}
 .nav-mobile .menu-container .menu-sidebar .arrow.left {
	 left: 25px;
}
 .nav-mobile .menu-container .menu-sidebar .arrow.right {
	 right: 25px;
}
 .nav-mobile .menu-container .menu-sidebar li {
	 height: 55px;
	 line-height: 55px;
	 font-size: 16px;
	 text-align: left;
	 position: relative;
	 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	 padding-left: 20px;
}
 .nav-mobile .menu-container .menu-sidebar li:hover {
	 background: #eee;
}
 .nav-mobile .menu-container .menu-sidebar li .menu-sub {
	 position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 width: 0;
	 overflow: hidden;
	 background: white;
	 visibility: hidden;
	 transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
	 border-left: 1px solid #ccc;
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
	 z-index: 2;
	 max-width: 400px;
}
 .nav-mobile .menu-container .menu-sidebar li .menu-sub li {
	 overflow: hidden;
}
 .nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title {
	 padding-left: 50px;
}
 .nav-mobile .menu-container .menu-sidebar li .submenu-label {
	 cursor: pointer;
	 width: 100%;
	 height: 100%;
	 display: block;
}
 .nav-mobile .menu-container .menu-sidebar li .submenu-toggle {
	 display: none;
}
 .nav-mobile .menu-container .menu-sidebar li .submenu-toggle.active ~ .menu-sub, .nav-mobile .menu-container .menu-sidebar li .submenu-toggle:checked ~ .menu-sub {
	 width: 65vw;
	 visibility: visible;
	 z-index: 1;
	 transition: width 0.35s cubic-bezier(0, 0, 0.3, 1);
}

@media only screen and (max-width: 900px) {
  .banner {
        height: 150px !important;
        background: none !important;
        margin-top: 12px !important;
        border-radius: 16px !important;
  }
  .banner img {
        object-fit: fill !important;
  }
  .featureBox ul li {
        width: 50% !important;
  }
  .productListHomesec .product-colum {
        width: 50% !important;
        padding: 0px 7px !important;
  }
  .productImage {
        height: 110px !important;
  }
  .footer .col-3 {
      width: 50% !important;
      max-width: 50% !important;
      flex: 50%;
  }
  .contactDetsils p a {
      font-size: 16px;
  }
  .footerlogo {
      width: 100%;
  }
  .footerDetsila h4 {
      letter-spacing: 0px !important;
  }
  .nav-mobile {
      display: block !important;
      position: absolute !important;
      top: 58px !important;
  }
  .menusec {
      display: none !important;
  }
  .header-mdl .container {
      display: block !important;
  }
  .logo img {
      width: 50% !important;
  }
  .header-mdl .container .logo {
      text-align: center;
  }
  /*form.search_form_2 input[type=search] {*/
		/* border-left: 1px solid #fe0000;*/
		/* width: 42% !important;*/
  /*  }*/
	 form.search_form_2 input[type=submit] {
		 width: 22%;
	}
	/* form.search_form_2 .select_mate, form.search_form_2 .outer {*/
	/*	 display: none;*/
	/*}*/
	.site-search {
		 width: 100% !important;
		 padding: 20px 5px !important;
	}
	/*form.search_form_2 .select_mate {*/
	/*    width: 40% !important;*/
	/*}*/
	form.search_form_2 .selection_option {
	    font-size: 14px;
	}
	.productListHome {
	    margin-top: 7% !important;
	}
	.heading h2 {
	    font-size: 24px !important;
	}
	.heading svg {
	    top: 0;
	}
	.featureBox {
	    padding: 40px 0px !important;
	}
	.deal-Slider {
	    padding: 40px 0px !important;
	}
	.contactinfo {
	    display: block !important;
        text-align: left !important;
        padding-left: 22px !important;
	}
	.contactinfo p {
	   margin: 0 !important;
	}
	.contactinfo a {
	    line-height: 1.6;
	}
	.nav-mobile .menu-container .menu-sidebar {
	   top: 0px !important;
	}
	.nav-mobile .menu-button:after {
	    top: 0 !important;
	}
	.m-no-flex {
	    display: block;
	    margin-left: 0 !important;
	}
	.xzoom {
	   width: 285px !important;
       height: 365px !important;
           margin-bottom: 4%;
	}
	.m-no-flex .col-5{
	    width: 97% !important;
	}
	.m-no-flex .col-7{
	    width: 100% !important;
	}
	.detailsSec {
	   padding: 40px 0px !important;
	}
	.detailsSec .container {
	    margin-bottom: 35px !important;
	}
	.light-name {
	    width: 150px !important;
	}
	.neon2 {
	    font-size: 18px !important;
	}
	.productsDetails h1 {
	    font-size: 21px !important;
	}
	form.search_form_2 input[type=search] {
	   width: 40% !important;
	}
	#email-dlt {
	    margin-left: 4% !important;
	}
}





