.site-header .wrap {
       background-color: rgba(0,0,0,0); 
    } 

body {
    } 

.site-header {
    } 

nav.nav-primary ul.menu li a:hover {
       color: #1dd789; 
    } 


@media screen and (max-width: 1024px)  { .site-header .wrap {   background-color: #ffffff; }  }  
@media screen and (max-width: 768px)  { body {   background-color: rgb(255, 255, 255)!important; }  }  
@media screen and (max-width: 768px)  { .site-header {   background-color: rgba(255,255,255,1)!important; }  }  
@media screen and (max-width: 768px)  { .site-header {   background-image: none; }  }  
@media screen and (max-width: 768px)  { .site-header .wrap {   background-color: #ffffff; }  }  
@media screen and (max-width: 667px)  { .site-header .wrap {   background-color: #ffffff; }  }  
@media screen and (max-width: 480px)  { .site-header {   background-color: rgba(255,255,255,1)!important; }  }  
@media screen and (max-width: 480px)  { .site-header {   background-image: linear-gradient(45deg, white, black); }  }  
@media screen and (max-width: 480px)  { .site-header {   background-repeat: repeat; }  }  
@media screen and (max-width: 480px)  { .site-header {   color: rgba(26,26,26,0); }  }  
@media screen and (max-width: 480px)  { .site-header .wrap {   background-color: #ffffff; }  }