.filter-btn, .filter-close, .mobile-header{
    display:none;
}
.desktop-header{
    display:block;
}
*{
    outline:none;
}

@media (max-width:1366px){
    .span-link{
        font-size:14px;
    }
    .menu a.nav-link{
        font-size:12px;
    }
}

@media (min-width:1366px) and (max-width:1440px){
    .span-link{
        font-size:14px;
    }
    .menu a.nav-link{
        font-size:12px;
    }
}

@media (max-width:768px){
    
    .desktop-header{
        display:none;
    }
    .filter-close, .mobile-header{
        display:block;
    }
    .mobile-header{
        background:#fff;
		position:relative;
    }
	.header-fixed{
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		background:#fff;
	}
    .cart-count{
        left:auto;
        right:8px;
    }
    a.whatsapp {
        position: fixed;
        left: 10px;
        bottom: 10px;
        z-index: 500;
    }
    .left-bar {
        position: fixed;
        padding:15px;
        width: 80%;
        z-index: 100000;
        height: 100%;
        background: #00a859;
        top: 0;
        left: -100%;
        box-shadow: 15px 0 20px rgba(0,0,0,0.35);
        transition:left 0.5s;
        overflow-y:scroll;
    }
    .left-bar-open{
        left:0;
    }
    .left-bar .nav li.nav-item {
        border-bottom: 1px solid #0a9855;
    }
    .span-link{
        padding:10px;
		text-align:left;
    }
    .mobile-menu{}
    .mobile-menu > li > a{
        display:block;
        padding:10px;
        color:#fff;
        text-decoration:none;
        font-weight:400;
        font-size:16px;
    }
    .mobile-menu > li > .has-menu{
        position:relative;
    }
    .mobile-menu > li > .has-menu::after{
        position:absolute;
        content:">";
        right:8px;
        top:5px;
        transform:rotate(90deg);
    }
    .mobile-menu .child-menu{
        background:#232f3e;
        padding:0;
        display:none;
    }
    .mobile-menu .child-menu > li > a{
        font-weight:300;
        font-size:14px;
        display:block;
        padding:6px 20px;
        color:#fff;
    }
    
	.logo{
		float:left;
		text-align:left;
		width:285px;
	}
	.logo img{
		width: 48px;
		float: left !important;
		margin: 10px 8px 10px 0;
	}
	.logo h2{
		font-size:12px;
		margin:12px 0 2px;
	}
	.logo h1{
		font-size:13px;
		margin:0 0 2px;
	}
	.logo p{
		font-size: 7px;
		font-style:italic;
        margin: 0;
        float: none;
        width: auto;
        text-align: left !important;
	}
	.cart-link{
		float:right;
		margin:15px 5px 15px 0;
	}
	.cart-link img{
		width:25px;
	}
	
	.social a{
		color:#fff;
	}

    table {
		width: 100% !important;
	}
    
    .filter-btn{
        display:block;
    }
    .filter-form {
        position: fixed;
        background: #fff;
        width: 90%;
        height:100%;
        right: -100%;
        top: 0;
        padding: 5%;
        z-index: 100;
        overflow-y: scroll;
        transition:right 0.5s;
    }
    .filter-show{
        right:0;
    }
	.mobile-padding{
		margin-top:20px;
	}
	.login-div{
		margin:0;
	}
	.login-div h1 {
		font-size: 20px;
	}
	
	footer .copyright > div{
		text-align:left !important;
	}
    
}