@media only screen and (min-width: 992px)
{
    #productcollections{
      padding: 3em 0em;
    }

   .bag_header{
      background: black;
      display: grid;
      width: 100%;
      grid-template-areas:
        "logo steps secure"
        ;
      grid-gap: 1em auto;
      padding: 1em 0em;
      margin-top: -1px;
    }


    .bag_header > .bag_steps{
      margin: auto;
    }

    .bag_header > .secure{
      display: grid;
      grid-template-columns: 3em 1fr;
    }

    .bag_header .logo img{
        height: 4em;
    }

    .login_popup .login_popup_content::-webkit-scrollbar {
      width: 0 !important;
      display: none;
    }

    .login_popup .login_popup_content {
      overflow-y: scroll;
      padding: 0 30%;
    }


}