.menu-holder{ display:inline-block;}
.burger-menu > div { width: 42px; height: 3px; background-color: #1c6bb8; margin: 6px 0;}
.bar1, .bar2, .bar3 { width: 42px; height: 3px; background-color: #1c6bb8; margin: 6px 0; transition: 0.4s; }
.burger-menu:hover .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.burger-menu:hover .bar2 {opacity: 0;}

.burger-menu:hover .bar3 {
  -webkit-transform: rotate(45deg) translate(-5px, -5px);
  transform: rotate(45deg) translate(-5px, -5px);
}



/*******************************Responsive***************************************/
@media (max-width:1199.99px) {}
@media (min-width:992px) {}
@media (min-width:992px) and (max-width:1199.98px) {}
@media (min-width:768px) and (max-width:991.98px) {}
@media (max-width:991.98px) {}
@media (max-width:767.98px) {}
@media (max-width:575.98px) {}