@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
      
     .nav-page-product.scroll{
        max-width: 100%;
        margin: 0;
        padding: 0;
        top: 5.7rem;
    }

}


@media screen 
  and (min-device-width: 1920px) {
 
.nav-page-product.scroll {
    top: 5.4rem;
}

.hero {
    top: -6rem;
    margin-bottom: -6rem;
}



.logo > img {
    transition: 0.2s;
    width: 14rem;
    height: auto;
}

}