#reso { display:none !important; visibility:hidden !important; opacity:0 !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 78px;
  height: 18px;
  font-size: 0.9em;
  color: #ffffff;
  text-align: center;
  background-color: #00C164;
  z-index: 2000;
}
#reso:after {
  content: "XL";
}

/*-------------  LG  ------------  */
@media(max-width: 1200px) {
  #reso:after { content: "LG"; }

  .float-cart { top:180px; }
  .navbar-nav .nav-link { font-size:.9em; margin-right:1.4em; }
  .shelf-card { height:120px; }
  .shelf-card-img { top:0; left:0; width:165px; }
  .shelf-card-img div { width:165px; height:120px; }

}
/*-------------  MD  ------------  */
@media(max-width: 992px) {
  #reso:after { content: "MD"; }

  .navbar-nav .nav-link { font-size:.9em; margin-right:.8em; }
  .header-top .unknown-user a:first-child { margin-right:22px; }
  .header-top .user-menu .dropdown .btn { padding-right:0; }

  #footer h3 { font-size:1.05em; text-align:center; }

  .app-text a img { width:120px; height:auto; margin-right:0; margin-bottom:8px; }
  .shelf-info .btn-custom { font-size:.78em; padding:6px 15px 4px 16px; }
  .item-info .col-qty .qty-send { clear:both; margin-top:1.6em; width:200px; left:50%; margin-left:-100px; }
  .item-info .col-qty .qty-send a { width:200px; font-size:1em; padding:12px 10px 8px 10px; }
  .item-info .col-qty { padding-top:1.7em; margin-top:.5em; border-top:1px rgba(0,0,0,.1) dotted; }
  .item-info .large-pic img { width:100%; max-width:350px; height:auto; }

  .cart-grid .cart-pic img { max-height:64px; width:auto; max-width:64px; }
  .col-cart-pic { width:70px; }
  .cart-grid h3, .cart-grid h4 { max-width:200px; }
  .cart-grid h3 { font-size:.94em; }
  .cart-grid .cprice { font-size:.9em; }
  .cart-grid .fa-times-circle { font-size:20px; }

  select#cart-lbs.form-control, select#cart-qty.form-control { font-size:.9em; padding-left:4px; padding-right:0; }

  .cart-grid-sum .cupon h3 { font-size:1.1em; }
  .col-totales .desc h4 { font-size:1em; }
  .col-totales .total h4 { font-size:1.1em; }
  .col-totales h3 { width:25%; }
  .col-totales h4 { width:75%; }

  .cart-user-box.cart-user-box:first-child { max-width:100%; margin-right:0; padding-bottom:18px; margin-bottom:14px; }
  /* .myaccount form h3 { font-size:1.3em; } */
  .modal-dialog.modal-lg { max-width:90%; }

}
@media(min-width: 768px) and (max-width: 850px) {
  .navbar-expand-md .navbar-nav .nav-link { padding-right:.2rem; padding-left:.2rem; }
}

/*-------------  SM  ------------  */
@media(max-width: 767.9px) {
  #reso:after { content: "SM"; }

  #header { top:0; right:0; left:0; z-index:1030; }
  .header-top .phone, .header-top .phone a { font-size:.85em; text-align:left; padding-top:0; }
  .header-top .unknown-user { text-align:right; }
  .header-top .unknown-user a:first-child { margin-right:30px; }

  .header-center { height:70px; }

  .header-bottom { padding-right:0; height:60px; }
  .header-bottom > div > button { display:none !important; }

  .search-box .input-group-addon, .search-box .form-control { height:42px; } 
  .search-box { margin-top:5px; }

  .logo { padding-left:20px; padding-top:.8em; }
  .logo img { height:48px; }

  .navbar { position:absolute; top:0; bottom:0; right:14px; padding:0; width:60px; z-index:700; }

  .navbar-toggler { width:56px; height:40px; color:#fff !important; border:1px #fff solid !important; background:none !important; }
  .navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
  .navbar .navbar-collapse { position:absolute; }

  .navbar-nav { position:fixed; top:0; left:0; z-index:750; width:85vw; height:100vh; padding:3em 1.5em; background-color:#ffdd00;
    overflow-x:hidden; overflow-y:scroll; transition:.5s; box-shadow:0 0 1em 0 rgba(0,0,0,.1); }

  .navbar-nav .nav-link { width:100%; font-size:1em; font-weight:400; letter-spacing:.2em; color:#212122; line-height:1; text-align:left;
    text-transform:uppercase; padding:1em; border-top:0 !important; border-bottom:1px rgba(0,0,0,.1) solid; transition:all .2s ease-in-out; }
  .navbar-nav .nav-link:hover { color:#0c50a0; }
  .navbar-nav .nav-link.sub-gondolas { color:#0c50a0; }
  .navbar-nav .nav-link.sub-gondolas:hover { color:#0c50a0; }

  .navbar-nav .dropdown-menu { border-color:transparent; background-color:#ffdd00; box-shadow:none; }
  .navbar-nav .dropdown-item { padding:.5em 1em; }

  #main_banner { display:none; }
  #shelves-boxes { padding-top:20px; }

  .float-cart { top:calc(100% - 70px); right:15px; }
  .shelf-card { height:90px; }
  .shelf-card-img { top:0; left:0; width:124px; }
  .shelf-card-img div { width:124px; height:90px; }

  #corporate-info { padding-left:5%; padding-right:5%; }
  #corporate-info h1 { font-size:2em; }
  .h4 { font-size:1.5em; }
  .como-ordenar-pasos:not(:last-of-type) { margin-bottom:0; }

  #sidemenu { display:none; }

  .shelf-content { 
    width:100%;
    min-height: -moz-calc(100vh - 494px);
    min-height: -webkit-calc(100vh - 494px);
    min-height: calc(100vh - 494px);  }
  .shelf-content h1 { font-size:1.8em; }

  .items-grid .item-card:hover { transform:none; }
  .item-info .large-pic img { max-width:200px; height:auto; }
  .path-title, .item-info, .items-relac { margin-left:.4%; }
  .cart-grid, .cart-grid-sum, .cart-user-info { margin-left:3px; }
  .shelf-info .button-set { padding-left:8px; padding-right:8px; margin-top:10px; }
  .button-set .btn-custom { margin:0 6px; }

  .col-totales h3 { width:50%; }
  .col-totales h4 { width:50%; }
  .alert-custom { width:96%; margin-left:2%; }

  .grid-height { min-height:0; }
  .list-options { text-align:center; }
  .list-options .btn-custom { margin:5px 0; display:inline-block; }

  .myaccount .col-12 { padding-left:0; padding-right:0; }

}

/*-------------  XS  ------------  */
@media(max-width: 576px) {
  #reso:after { content: "XS"; }

  .header-top .user-menu, .header-top .unknown-user { font-size:.8em; text-align:right; padding-left:0; }

  .shelf-content { padding-left:0; padding-right:0; }
  .shelf-card { margin-bottom:12px; }
  .shelf-card-txt a.title { font-size:1em; }

  #footer { min-height:50px; }
  #footer .container { padding-top:2em; padding-bottom:2em; }
  #footer .col-contact { font-size:.9em; }
  .footer-lblue { display:none; }
  .footer-dblue p { font-size:10px; }
  .footer-dblue a { font-size:9px; } 

  .items-disp { display: none; }
  .shelf-info { text-align:center; }
  .shelf-info .btn-custom, .shelf-info .btn { font-size:.75em; padding:5px 10px 3px 12px; }
  .shelf-info .fa-angle-down { display:none; }
  .shelf-info-txt { padding-top:.6em; }
  .shelf-info-txt select { width:90%; height:30px !important; }
  .shelf-info .col-xs-center { text-align:center; }
  .shelf-info .col-xs-center .btn-custom { float:none; }

  .xs-hide { display:none; }
  .grid-height { min-height:0; }

  .shelf-dropdown .card .card-header .btn-custom { font-size:.75em; padding-left:12px; padding-right:12px; }
  .shelf-dropdown .card .card-header .btn-custom svg,
  .shelf-dropdown .card .card-header .btn-custom i { display:none; }

  .shelf-info, .button-set { text-align:center; }
  /*.shelf-info .btn-custom, .button-set .btn-custom { float:none !important; }*/

  h1, .modal-custom .modal-body .title1 { font-size:1.8em; }
  .modal-body .container-fluid, .login .card-modal.card-container.card { padding-left:0; padding-right:0; }

  .address-grid > div, .credit-cart-grid > div { width:100%; max-width:100%; flex:0 0 100%; }
  .shelf-content .page-title { padding-bottom:1em; }

}


