@media (max-width: 1024px)
{
/* Add your custom styles here */
.hamburger { cursor: pointer; width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; position: absolute; top: 26px; z-index: 9999; right: 0px; }
.hamburger.active {top: 40px;}
.hamburger div { transition: 0.5s; }        
.hamburger.active div:nth-child(1) { rotate: 45deg; transition: 0.5s; top: 0px; position: absolute; }
.hamburger.active div:nth-child(2) { display: none; rotate: 45deg; }
.hamburger.active div:nth-child(3) { rotate: -45deg; transition: 0.5s; top: 0px; position: absolute; }
.hamburger div{ width: 100%; height: 3px; background-color: var(--dark-color); }    
.hamburger.active div{background-color: var(--light-color);}
#site-navigation { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; transition: right 0.3s ease-in-out; z-index: 1000; }
#site-navigation.active { right: 0; }
.site-content { transition: transform 0.3s ease-in-out; }
.site-content.menu-open { transform: translateX(-65%); }
ul#primary-menu li { display: block; }
}