.navbar-toggler { border:none; }
.navbar-toggler:focus { border:none; box-shadow:none; }
.animated-icon {
width: 70px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon span {
display: block;
position: absolute;
height: 2px;
width: 100%;
border-radius:none;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon span {
background: #4d4d4d;
}

/* Icon*/

.animated-icon span:nth-child(1) {
top: 0px;
}

.animated-icon span:nth-child(2),
.animated-icon span:nth-child(3) {
top: 10px;
}

.animated-icon span:nth-child(4) {
top: 20px;
}

.animated-icon.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon.open span:nth-child(2) {
-webkit-transform: rotate(13deg);
-moz-transform: rotate(13deg);
-o-transform: rotate(13deg);
transform: rotate(13deg);
}

.animated-icon.open span:nth-child(3) {
-webkit-transform: rotate(-13deg);
-moz-transform: rotate(-13deg);
-o-transform: rotate(-13deg);
transform: rotate(-13deg);
}

.animated-icon.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

/*//////lg///////*/
@media (min-width: 579px)  {
.animated-icon {
	width: 100px;
}