header{width: 100%; height: 96px; float: left; padding: 15px 25px 8px 25px; top: 0px; left: 0px; border-bottom: 1px solid #6fd0f6; background: #fff;-webkit-box-shadow: 3px 5px 8px -1px rgba(0,0,0,0.3);-moz-box-shadow: 3px 5px 8px -1px rgba(0,0,0,0.3);box-shadow: 3px 5px 8px -1px rgba(0,0,0,0.3);}
header .menu ul{float: left;}
header .menu ul li{float: left; margin-right: 1px;}
header .menu .user{float: right;}
header .menu ul li a{background: #8fd8f9; text-transform: uppercase; display: block; font-size: 12px; font-family: 'Outfit', sans-serif; line-height: 14px; color: #2a2668; padding: 3px 7px;}
header .menu ul li.active a{background: #00adef; color: #fff; }
header .menu .user .fa{color: #00adef;font-size: 20px; float: left;}
header .menu .user span{background: #8fd8f9; padding: 3px 7px; color: #2a2668; font-size: 9px; font-family: 'Outfit', sans-serif; line-height: 14px; border-radius: 10px; margin-left: 3px; float: left; text-transform: uppercase;} 
header .menu .user.user_login span{text-transform: capitalize;}
header .menu ul li a img{display: none;}
.menu_button{display: none;}
.header-image{width: 60%;}
@media(max-width:1025px){

}

@media(max-width:767px){
header .menu{position: fixed; top: 0px; left: -271px; height: 100%; background: #fff url("../images/headerbg.png") top no-repeat; background-size: cover; z-index: 1; max-width: 250px; box-shadow:  5px 0 5px -2px rgba(0,0,0,.5); -webkit-box-shadow:  5px 0 5px -2px rgba(0,0,0,.5); -moz-box-shadow:  5px 0 5px -2px rgba(0,0,0,.5); -ms-box-shadow:  5px 0 5px -2px rgba(0,0,0,.5); -o-box-shadow:  5px 0 5px -2px rgba(0,0,0,.5);}
	header .menu .user{position: absolute; top: 30px; left: 15px; padding: 13px 0px; border-bottom: 1px solid #fff; width: calc(100% - 30px);}
	header .menu ul{margin-top: 85px;}
	header .menu ul li a img{display: block; margin: 0px auto;}
	header .menu ul li{width: 100%; padding: 10px 0px; border-bottom: 1px solid #d1d3d4;}
	header .menu ul li a{float: left; width: 100%; line-height: 26px; background: none; color: #2a2668; font-weight: 600;}
	header .menu ul li a span{width: 26px; float: left; margin-right: 10px; text-align: center;} 
	header .menu ul li.active a{background: none; color: #2a2668;}
	header .menu .user .fa{width: 28px; height: 28px; background: #2a2668; border-radius: 50%; color: #fff; text-align: center; line-height: 28px; margin-left: 5px; margin-right: 7px;} 
	header .menu .user span{background: #c7eafd;
		color: #2a2668; font-size: 12px; margin-top: 3px; }
	header{height: 76px; padding: 10px 20px;}
	.menu_button{background: #2a2668; display: block; padding: 10px 30px;}
	.menu_button .user .fa{color: #fff; float: left; font-size: 18px;}
	.menu_open{float: right; width: 21px; height: auto;}
	.menu_button .user span {
    background: #c7eafd;
    padding: 2px 7px;
    color: #2a2668;
    font-size: 9px;
    font-family: 'Outfit', sans-serif;
    line-height: 14px;
    border-radius: 10px;
    margin-left: 3px;
    float: left;
    text-transform: capitalize;
}
	header .menu.visible:before{position: fixed; top: 0px; right: 0px; width: calc(100% - 250px); background: rgb(255 255 255 / 40%); height: 100%; content: ''; }

}

@media(max-width:575px){
	.smilez_logo{width: 75px; height: auto;}
	.mother-milk-logo {width: 70px; height: auto;}
	.nutrica-logo{width: 90px; height: auto;}
	header {
    height: 61px;
}
}