@media (max-width: 1100px){
 .col-menu-cart {
    flex: 0 0 20%;
 }
}
@media (min-width: 900px){
    .navbar-toggler {
        display: none;
    }
    /* .collapse:not(.show) {
        display: block;
    } */
}


@media only screen and (min-width: 901px) {
.col-menu .collapse {
    display: block;
}
}
@media only screen and (min-width: 769px) {

}




@media only screen and (max-width: 900px) {
    .top-bar .loghi-partner img {
        height: auto;
        width: 25%;
    }
    .header-area .header-navigation-area {
        position: absolute;
        right: 15px;
        width: calc(100% - 15px);
    }
    .header-area .container .row .col:nth-child(1) {
        /* border: 1px solid red; */
        flex: 0 0 30%;
    }
    .header-area .container .row .col:nth-child(2) {
        display: block;
        position: relative;
        border: none;
        width: 100%;
        /* border: 1px solid red; */
        flex: 0 0 50%;
        text-align: right;
    }
    .header-area .container .row .col:nth-child(3) {
        /* border: 1px solid red; */
        flex: 0 0 20%;
    }
    .header-logo-area img {
        width: 100%;
    }
    .header-area .header-navigation-area {
        background: black;
    }
    .header-area .header-navigation-area .main-menu.nav {
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }
    .header-area .header-navigation-area .main-menu.nav > li > a {
        font-size: 15px;
        padding: 20px !important;
        color: #FFF;
        height: auto;
        display: inline-block;
        line-height: initial;
    }
    .header-area .header-navigation-area .main-menu.nav > li {
        padding: 0;
        margin-right: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .header-area .container .row .col:nth-child(2) {
        display: block;
        position: absolute;
        order: 3;
        border: none;
        width: 100%;
        top: -8px;
        z-index: 100;
        /* text-align: left; */
    }
    .header-area .container .row .col:nth-child(1) {
        flex: 0 0 40%;
    }
    .header-area .container .row .col:nth-child(3) {
        flex: 0 0 40%;
    }
    .header-action-area .header-action .user-menu {
        display: block;
        margin-right: 20px;
    }
    .header-area .container .row .col:nth-child(1) {
        flex: 0 0 50%;
    }
    .header-logo-area {
        margin-bottom: 0;
    }

    .container.tre-box .col-lg-4 {
        max-width: 90% !important;
    }
    .container.tre-box .col-tre a {
        font-size: 22px;
        font-weight: 600;
        line-height: 24px;
    }
    .container.tre-box .col-uno a {
        font-size: 26px;
        font-weight: 800;
    }

    .product-single-item .product-single-info .prices {
        text-align: left;
    }
    .container.link-back.p-0 {
      padding: 15px !important;
  }
    .col-lg-1.col-md-1.bandiere {
        z-index: 200;
    }


}

 /* ///////////////////////////// RESPONSIVE /////////////////////////////// */
 @media only screen and (max-width: 575px) {
    section.product-area.product-grid-list-area .row.flex-row-reverse {
      flex-direction: column-reverse !important;
    }
    .product-header-wrap .nav-short-area .toolbar-shorter {
      width: 100%;
      margin: 0 auto;
    }
  }
  @media only screen and (max-width: 480px) {
   
    /* -------- header */
    .header-logo-area {
      margin-bottom: 20px;
    }
    .container-fluid.top-bar a.div-cli {
      display: inline-block;
      text-align: center;
      padding: 10px 30px !important;
      /* height: 30px; */
      max-width: 200px;
      margin: 0 auto;
      width: auto;
  }
    .text-end {
      text-align: center !important; 
    }
    .col-lg-1.bandiere .dropdown {
        text-align: right;
    }
    
    .container-fluid.top-bar a {
        font-size: 13px;
        padding: 10px 6px;
        color: #3C3C3C;
        display: inline-block;
    }


    li.nav-item.voce-comunicazioni {
      margin-top: 20px;
    }
    .header-area .header-navigation-area .main-menu.nav .voce-comunicazioni > a {
      height: 20px !important;
      padding: 0px 20px !important;
      border-radius: 0;
      display: inline-block;
    }

      .red-box .justify-content-end,.red-box .col-lg-4 {
        justify-content: center !important;
        margin-bottom: 5px;
        text-align: center;
      }
      .grey-box .icona {
        display: none;
      }
    
      .container.tre-box .col-lg-4 {
        /* margin-left: 15px; */
        /* margin-right: 15px; */
        max-width: 90%;
        margin-bottom: 10px;
      }
      .container.tre-box .icona {
        display: none;
      }
      .container.tre-box .row {
        justify-content: center;
      }
      .container.tre-box .col-uno a {
        font-size: 29px;
      }
      .container.tre-box .col-tre a {
        font-size: 25px;
        font-weight: 600;
        line-height: 24px;
      }
      .container-fluid.doppio-box-diventa .col-dx {
        margin-top: 40px;
      }
      .footer-area .footer-widget-wrap .col {
        width: 100%;
        flex: 1 0 100%;
    }
    
  
  /* ----------------- hamburger menu  ------------------ */
  .navbar.mobile {
    display: block;
  }
  .navbar.mobile .container-fluid {
    justify-content: flex-end;
  }
  .main-menu-mobile li {
    width: 100%;
  }
  .main-menu-mobile li a {
    padding: 10px;
    display: block;
    text-transform: uppercase;
    color: white;
  }
  .main-menu-mobile li a:hover {
    color: red;
  }
  
  
  button.navbar-toggler {
    padding: 10px;
    border: none;
    color: white;
    opacity: 1;
  }
  .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0 !important;
    box-shadow: none !important;
  }
  
  .mobile.bg-dark {
    background-color: #f40203;
  }
  /* nuove per menu */
.menu-ntk > div {
  padding-top: 40px;
}
.header-area .container .row .col:nth-child(1) {
  flex: 0 0 70%;
  order: 1;
  padding: 0;
  /* outline: 1px solid red; */
  z-index: 102;
}
.header-area .container .row .col:nth-child(2) {
  position: absolute;
  order: 2;
  border: none;
  z-index: 100;
  text-align: right;
  flex: 0 0 20%;
  /* outline: 1px solid red; */
  top: initial;
  margin-top: -10px;
}
.header-area .container .row .col:nth-child(3) {
  flex: 0 0 22%;
  order: 3;
  /* outline: 1px solid red; */
  position: absolute;
  top: -10px;
  z-index: 110;
  background: #e2e2e2;
}
.header-action-area {
  height: 50px;
}

.header-action-area .header-action .header-mini-cart .mini-cart-toggle {
  line-height: 0;
  height: 40px;
}
.header-action-area .header-action .header-mini-cart {
  height: 40px;
  line-height: 0;
}
.header-action-area .header-action .user-menu {
  margin-left: 0;
  position: relative;
  height: 40px;
  line-height: 27px;
}

  /* ----------- pagina catalogo -------------- */
  .product-item-list .inner-content .product-desc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px;
  }
  
  .proceed-to-checkout {
    text-align: right;
  }
  
  .product-info > .row .col:nth-child(1) {
    flex: 1 0 100%;
  }
  .product-info > .row .col div {
    line-height: 18px;
  }


  /* ------------ pagina Azienda o storia ------------ */
  .testo-azienda {
    max-width: 100%;
    margin: 0 auto;
    padding: 30px;
    font-size: 14px;
}



  
  }
  /* end 480px */