/*

      Minimum settings (0px and up)

   */

      @media (min-width: 0)   {

                                 .bg-intro          { min-height:500px; !important; }

                                 .btn-action        { font-size:0.9em !important; font-weight:600; }

                                 #nav-top           { border-bottom:1px solid #eee; }

                                 .nav-item          { height:auto; padding-top:10px; }

                              /* .navbar-nav        { height:57px; } */

                                 #content           { padding-top:15px; }

                                 .navbar-collapse   { max-height:240px; overflow-y: scroll !important; padding-bottom:100px; }

                                 .btn-step-nav      { font-size:0.8em; }

                              /* P R E L O A D E R */

                                 #preloader-initial { text-align:center; z-index:21000; position:fixed; top:0; right:0; bottom:0; left:0; background-color:#fff;  }

                                 #preloader         { text-align:center; z-index:21000; position:fixed; top:74px; right:0; bottom:0; left:0; background-color:#fff;  }

                                 .preloader-image   { margin:0 auto; margin-top:150px; width:0px; height:0px; }

                              }

   /*

      Minimum settings (390px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 390px)  { }

   /*

      Minimum settings (500px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 500px)  { }

   /*

      Extra small devices (portrait phones, less than 576px)
      No media query for `xs` since this is the default in Bootstrap

      Small devices (landscape phones, 576px and up)

   */

      @media (min-width: 576px)  { }

   /*

      Minimum settings (640px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 640px)  { }

   /*

      Medium devices (tablets, 768px and up)

   */

      @media (min-width: 768px)  {

                                    .bg-intro      { min-height:900px; !important; }

                                    #img-sister    { position:relative !important; right:-30px !important; }

                                    #img-carton    { position:relative !important; left:-30px !important; }

                                    .nav-item      { font-size:1.0em; }

                                 }

   /*

      Large devices (desktops, 992px and up)

   */

      @media (min-width: 992px)  {

                                    #nav-top         { border-bottom:0px solid #fff; }

                                    .nav-item        { height:55px; padding-top:28px; font-size:0.75em;  }

                                 /* .navbar-nav      { height:48px; } */

                                    #content         { padding-top:0px; }

                                    .navbar-collapse { max-height:auto; overflow-y: initial !important; padding-bottom:0; }

                                    .btn-step-nav    { font-size:1.0em; }

                                 /* P R E L O A D E R */

                                    #preloader       { text-align:center; z-index:21000; position:fixed; top:74px; right:0; bottom:40px; left:0; background-color:#fff;  }

                                    .preloader-image { margin:0 auto; margin-top:150px; width:0px; height:0px; }

                                    #img-carton    { position:relative !important; left:-30px !important; }

                                 }

   /*

      Extra large devices (large desktops, 1200px and up)

   */

      @media (min-width: 1200px) {

                                    .nav-item    { font-size:1.0em; }

                                 /* .navbar-nav    { height:56px; } */

                                 }

   /*

      Extra large devices (large desktops, 1600px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 1600px) {
         
                                    #img-sister { position:relative !important; right:-110px !important; }

                                    #img-carton { position:relative !important; left:-55px !important; }

                                 }