/*Menu Navigation*/

.header-menu{position:relative; z-index:2;}
.navbar{background:transparent !important; padding:0 22px; margin:0; border-radius:0; position:static;}
.navbar .navbar-nav{width: 100%; justify-content: space-between;}
.navbar .navbar-nav > li.nav-item .nav-link{color:#fff; padding:20px 0;text-transform: capitalize;}
.navbar .navbar-nav > li.nav-item .nav-link:hover{opacity:0.4;}
.navbar .navbar-nav > li.nav-item span{display:none;}

/*Megamenu*/
@media(min-width:992px){
    .navbar .navbar-nav > li.nav-item span, .navbar .navbar-nav .level-third > .nav-item.category a {
        display: none !important;
    }
	.navbar .navbar-nav li.megamenu-list .megamenu{opacity: 0;-o-transform-origin: 0 0;-ms-transform-origin: 0 0;-moz-transform-origin: 0 0;-webkit-transform-origin: 0 0;-webkit-transition: all .6s ease-in;-moz-transition: all .6s ease-in;-o-transition: all .6s ease-in;transition: all .6s ease-in;}
	.navbar .navbar-nav li.megamenu-list .megamenu{position: absolute;top: 100%;left: 0;right:0;z-index: 999;background: #073965; text-align:left;}
	.navbar .navbar-nav li.megamenu-list .megamenu{transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transform: rotateX(-90deg); -o-transform:rotateX(-90deg); -moz-transform:rotateX(-90deg);	-webkit-transform:rotateX(-90deg); visibility:hidden;	}
	.navbar .navbar-nav li.megamenu-list:hover .megamenu{transform: rotateX(0deg);-o-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-webkit-transform: rotateX(0deg);opacity: 1;visibility: visible;height: auto;}

	.megamenu .megamenu-inner{padding:27px 0;}
	
	.megamenu .first-level{position:relative;width:100%;padding:0 20px;z-index:9;min-height: 476px;}
	.megamenu .second-level {
		position: absolute;
		left: 33.33%;
		top: 0;
		width: 66.33%;
		padding: 0 20px;
		z-index: 9;
		bottom: 0;
	}
	.megamenu .third-level{
        /*position:absolute; */
        left:66.33%; 
        top:0; 
        width:33.33%; 
        padding:0 20px; 
        z-index:99; 
        bottom:0;
    }
	.navbar .navbar-nav li.megamenu-list .megamenu ul li{padding-bottom:10px;}
	.navbar .navbar-nav li.megamenu-list .megamenu ul li a{text-transform:capitalize; font-weight:500; color:#fff; opacity:0.4;  display:block;}
	.navbar .navbar-nav li.megamenu-list .megamenu ul li a:hover{opacity:1;}
	.navbar .navbar-nav li.megamenu-list .megamenu span.pro-count{display:inline-block; padding-left:8px;}
	.navbar .navbar-nav li.megamenu-list .megamenu .second-level{display:none;}
	.navbar .navbar-nav li.megamenu-list .megamenu li.droapdown.show .second-level{display:block;height: max-content;background: #073965;}
	/*.navbar .navbar-nav li.megamenu-list .megamenu .third-level{display:none;}*/
	.navbar .navbar-nav li.megamenu-list .megamenu .second-level li.droapdown.show .third-level{display:block;}
}

.mobile-header{display:none; padding:11px 0; -webkit-box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow:    0px 2px 4px 0px rgba(0, 0, 0, 0.25); box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.25);}
.mobile-header .menu-togler{cursor:pointer;}
.mobile-header .menu-togler .navicon{display:block; height:3px; position:relative; width:20px; background:#083e6d; margin-bottom:4px;}
.mobile-header .menu-togler .navicon:last-child{margin-bottom:0;}
.mobile-header .rpart{display:flex;}
.mobile-header .rpart .user{align-self: center;}
.mobile-header .rpart .user a{font-size:23px; color:#757575;}
.mobile-header .rpart .user a:hover{color:#003368;}
.mobile-header .rpart .cart img{max-width:45px; margin:0 auto;}
.mobilemenu-toppart{display:none;}
.navbar .navbar-nav li.megamenu-list .megamenu .first-level .category,.navbar .navbar-nav li.megamenu-list .megamenu .second-level .category,.navbar .navbar-nav li.megamenu-list .megamenu .third-level .category{display:none}
/*@media(max-width:991px){
	.navbar .navbar-nav > li.nav-item .nav-link{font-size:14px;}
}*/


@media(max-width:991px){
	.mobile-header{display:block;}
	.mobile-header .container{display:flex; justify-content:space-between; align-items:center;}
	.header-menu .container{padding:20px 6px 20px 20px; width:100%;}
	.header-menu .megamenu .container{padding:0;}
	.navbar .navbar-nav > li.nav-item .nav-link{font-size:12px;}
	.header-menu{display:none;}

	/*.header-menu{right:-375px; }*/
	.header-menu{
		display:block;
		height:100vh;
		position:fixed;
		top:0;
		background:#88c442;
		z-index:999;
		width:375px;
		right:-375px;
		-webkit-transition:all .6s linear; -moz-transition:all .6s linear; -o-transition:all .6s linear; transition:all .6s linear; overflow-y:scroll;

		transition-delay: 0s;
	}
	.header-menu::-webkit-scrollbar{width:0;}
	.header-menu::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px grey;
		border-radius: 10px;
	}
	.header-menu::-webkit-scrollbar-thumb {
		background: red;
		border-radius: 10px;
	}
	.header-menu::-webkit-scrollbar-thumb:hover {
		background: #b30000;
	}
	.header-menu.open{right:0;}
	.navbar{display:block; text-align:left;}
	.navbar .navbar-nav{display:block; text-align:left;}
	.navbar .navbar-nav > li.nav-item{position:relative;}
	.navbar .navbar-nav > li.nav-item .first-level ul li{position:relative;}
	.navbar .navbar-nav > li.nav-item span.fas{display:block; color:#fff; position:absolute; top:0; right:0; height:34px; vertical-align:middle; line-height:34px; width:100%; padding-right:14px; text-align:right; z-index:99; cursor:pointer;}
	.navbar .navbar-nav > li.nav-item span.pro-count{display:inline-block; position:relative;}
	.navbar .navbar-nav > li.nav-item .nav-link{padding:11px 0;}

	.header-menu .megamenu .first-level, .header-menu .megamenu .second-level,.header-menu .megamenu .third-level{
		display: block;
		height: 100vh;
		position: fixed;
		top:128px;
        padding-bottom: 300px !important;
        background: #083e6d;
		z-index: 9999;
		width: 375px;
		right: -375px;
		-webkit-transition:all .6s linear; -moz-transition:all .6s linear; -o-transition:all .6s linear; transition:all .6s linear; overflow:scroll;
		transition-delay: 0s;
	}
	.header-menu .nav-item.megamenu-list .megamenu .first-level.open,.header-menu .nav-item.megamenu-list .megamenu .second-level.open,.header-menu .nav-item.megamenu-list .megamenu .third-level.open{right:0;}
	.mobilemenu-toppart{display:block;}
	.mobilemenu-toppart .remove{display:inline-block; cursor:pointer; padding-bottom: 20px;}
	.mobilemenu-toppart .remove .fas{font-size:24px; color:#e61700;}

	.navbar .navbar-nav > li.nav-item .first-level,.navbar .navbar-nav > li.nav-item .second-level,.navbar .navbar-nav > li.nav-item .third-level{padding:0 6px 0 20px}
	.navbar .navbar-nav > li.nav-item .first-level ul li,.navbar .navbar-nav > li.nav-item .second-level ul li,.navbar .navbar-nav > li.nav-item .third-level ul li{padding-left:28px;}
	.navbar .navbar-nav > li.nav-item .first-level ul li.category,.navbar .navbar-nav > li.nav-item .second-level ul li.category,.navbar .navbar-nav > li.nav-item .third-level ul li.category{padding-left:0;}
	.navbar .navbar-nav > li.nav-item .first-level ul li a,.navbar .navbar-nav > li.nav-item .second-level ul li a,.navbar .navbar-nav > li.nav-item .third-level ul li a{font-size:12px; color:#fff; text-transform:initial; padding:11px 0; display:block;}
	.navbar .navbar-nav > li.nav-item .first-level ul li a:hover,.navbar .navbar-nav > li.nav-item .second-level ul li a:hover,.navbar .navbar-nav > li.nav-item .third-level ul li a:hover{opacity:0.4;}
	.navbar .navbar-nav li.megamenu-list .megamenu .first-level .category,.navbar .navbar-nav li.megamenu-list .megamenu .second-level .category,.navbar .navbar-nav li.megamenu-list .megamenu .third-level .category{display:block;}
	.mobile-header .rpart .cart .price, .mobile-header .rpart .cart i{display:none;}
}
@media(max-width:575px) {
	.header-menu, .header-menu .megamenu .first-level, .header-menu .megamenu .second-level, .header-menu .megamenu .third-level {
		width: 320px;
	}
}