@media only screen and (max-width: 1199px) {

    .Artigo > div .ProductPrice .Now {
        font-size: 20px;
    }

    .Artigo > div .AddCarrinho {
        font-size:9px !important;
        margin-top:4px !important;
        width: 100%;
        text-align: left;
        margin-bottom:10px;
    }

    .Artigo > div .stock {
        width: 10px;
        overflow: hidden;
        height: 12px;
    }

    .Artigo > div .disponivelcores {
      width: 10px;
      overflow: hidden;
      height: 12px;
  }

}

@media only screen and (max-width: 991px) {
    .Artigo > div .ProductPrice {
        display: block !important;
    }

    .protec-modal-content {
        height: auto !important;
        width: 100% !important;
    }

    .protec-modal {
        padding: 32vh 3.2vw !important;
    }

    .MenuDesktop > ul{
        margin-top: 2%;
        padding: 0px;
    }
}

.Produto .nome{
  margin-bottom:0px !important;
}

.Artigo > div .stock {
  text-transform: uppercase;
}

.Artigo > div .Nome {
  font-size: 17px !important;
}

.Home .homeCategorias .SlideCategorias .owl-carousel .item > div{
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}

.Home .homeCategorias .SlideCategorias {
  border: 5px solid #fafafa;
  background-color: #fafafa;
}

.Home .homeCategorias .SlideCategorias .left, .Home .homeCategorias .SlideCategorias .right {
  border:none !important;
  background: #fafafa !important;
}

.SlideCategorias .owl-carousel .owl-item {
  background-color: #fdfdfd;
  padding: 10px;
}

.SlideCategorias .owl-carousel .owl-item:hover{
  background-color: #f0f0f0;
}

.Home .homeCategorias .title{
  font-weight: bold;
}

.Produto .Disponivel{
  background-color: #2ca046;
  color: #ffffff !important;
  padding: 10px;
  border-radius: 2px !important;
  border: 1px solid #007611;
  font-weight: bold;
}

.Produto .Esgotado{
  background-color: #e83a3a;
  color: #ffffff !important;
  padding: 10px;
  border-radius: 2px !important;
  border: 1px solid #760000;
  font-weight: bold;
}

.Produto .Disponibilidade span.Disponivel i{
  color:#fff !important;
}

.Produto .Disponibilidade span.Esgotado i{
  color:#fff !important;
}

.preco .Old {
  color: #dbdbdb;
  text-decoration: line-through;
}

.preco .Discount {
  background-color: #e2097e;
  color: #fff;
  font-size: 20px;
  padding: 3px;
  vertical-align: middle;
}

.Home .title {
  font-weight: bold;
}

.tabs .head a.active {
  font-weight: bold;
}

.Nome small{
    position:absolute;
    bottom: 2px;
    left: 0;
    text-overflow: ellipsis;
    width: 160px;
    overflow: hidden;
    white-space: nowrap; 
}

.Artigo > div .Discount {
  position: absolute;
  right: 5px;
  top: 15px;
  font-size: 10px;
  font-weight: bold;
}

.Artigo > div .ProductPrice .Now {
  color:#383838;
}

.Artigo > div .AddCarrinho{
    font-size:11px;
    margin-top:8px;
    bottom:0px;
    right: 3px;
    padding: 4px 9px;
    position:relative;
    float: right;
}


.Artigo > div .AddCarrinho .fa-plus{
    margin-right:7px;
    padding-right: 7px;
    border-right: 1px solid rgb(145, 145, 145);
}

.Artigo > div .Nome{
    border-bottom: 1px solid #e0e0e0 !important;
}

.Artigo > div .ProductPrice {
    display: inline-block;
}

.Checkout .Content label{
    display: block;
}

.opcoes_envio{
    margin-left:30px;
}

.whatsapp{
    position: fixed;
    bottom: 5px;
    right: 20px;
    width: auto;
    overflow: hidden;
    z-index: 999999;
    padding-top:10px;
    padding-left: 10px;
    padding-bottom: 10px;
}


.whatsapp img{
    animation-name: bounce;
    animation-timing-function: ease;
    animation-duration: 2s;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    width: 60px;
    height: 70px;
    padding-top:10px;
}

.Produto .variations select {
    font-size: 15px;
}

.Produto .AddCarrinho, .Produto Acompanhar {
    border-radius: 5px !important;
    font-size:16px;
    margin: 20px 0;
}

.Produto {
    padding-top: 15px;
}

.Produto .Disponibilidade span{
    font-size:14px;
    color: #333333;
}

.Produto .Disponivel i, .Produto .Esgotado i {
    font-size: 11px;
    vertical-align: top;
    padding: 4px;
}

.Produto .categoria{
    margin-bottom:0px;
}

.protec-modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding: 3.2vw;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
    z-index: 9999 !important;
    text-align: center;
  }
  
  .protec-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    height: 100%;
    display: inline-flex;
  }

  .MenuDesktop{
      z-index: 99;
      top:0px !important;
  }

  .Header{
      padding-bottom:0px;
      background-color:#000;
  }

  .Logo{
      margin-bottom:0px;
  }

  .MenuDesktop > ul > li > a{
      font-size:1.25rem;
      font-weight: 500;
      color:#fff !important;
  }

  .MenuDesktop > ul li ul {
    background: #ebebebf2 !important;
  }

  .MenuDesktop > ul > li:hover::before{
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 7px;
    left: 25%;
    border-bottom: 1px solid rgb(0, 0, 0);
  }


  .MenuDesktop > ul li ul li{
    padding: 2px;
  }

  .MenuDesktop > ul li ul li:hover {
    background:#30303042 !important;
    font-weight: bold;
  }


  .MenuDesktop > ul > li:hover ul > li a{
    color:#000 !important;
  }

  .MenuDesktop > ul > li:hover a{
    color:#fff !important;
  }

  .MenuDesktop > ul > li:hover{
    background: #ff008c;
  }

  .candidatura{
    color:#fff;
  }

  .candidatura:hover{
      color:#ff008c;
  }

  @keyframes promoAnimationBox {
    0% {
      background: #fff;
    }
    45% {
      background: #e5007e;
    }
    55% {
      background: #e5007e;
    }
    100% {
      background: #fff;
    }
  }

  @keyframes promoAnimationText {
    0% {
      color: #000;
    }
    10% {
      color:#fff;
    }
    80% {
      color:#fff;
    }
    100% {
      color: #000;
    }
  }

  .MenuDesktop > ul li.active{
    animation-name: promoAnimationBox;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

  .MenuDesktop > ul li.active a{
    animation-name: promoAnimationText;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

  .owl-carousel .owl-item img:hover{
      transform: scale(1.2);
  }

  .owl-carousel .owl-item img{
    transition: all .2s ease-in-out;
  }

  .Lojas #map h5{
      font-weight: bold;
  }

  .searchBox{
    background-color: #e00b7d !important;
    font-family: 'Montserrat', sans-serif;
    font-size:10px;
    font-weight: 400;
  }

  .CarrinhoArtigos{
    font-size:10px;
    font-weight: 400;
  }

  .list-inline > li:last-child {
    padding:0px !important;
  }

  .list-inline > li:nth-child(1) {
    background-color: #1d09a0;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .list-inline > li:nth-child(2) {
    background-color: #d95c0e;
  }

  .BarraTopo{
    background-color: #101010;
  }

  .BarraTopo .searchBox ul {
    width: 400px;
  }

  .BarraTopo ul li a{
    font-size:10px;
    font-weight: 400;
  }

  .apoioaoclientebtn{
    font-weight: bold;
  }

  .BarraTopo ul.pull-right > li:last-child a {
    background-color: #3d3d3d;
  }

  .Procurar span{
    cursor:pointer !important;
  }

  .cores_circulo {
    height: 30px;
    width: 30px;
    border-radius: 50% !important;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
  }

  .Artigo > div .disponivelcores {
    position: absolute;
    right: 5px;
    top: 14px;
    font-size: 10px;
    font-weight: bold;
}

.apoioaoclientemobile{
  color: #333;
  padding: 12.5px 5px;
  left: 52px;
  display: block;
  position: absolute;
  width: 95px;
  height: 60px;
  line-height: 10px;
}

.apoioaoclientemobile span{
  font-size: 7px;
  margin: 0;
  padding: 0;
  position: relative;
  font-weight: bold;
}
.CategoryBanner{
  width: 100%;
  height: 160px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.flex{
  display: flex !important;
}

.CategoryBanner:hover img{
  transform: scale(1.25);
}

.CategoryBanner img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 4px !important;
  transition: transform .5s ease;
}

.CategoryBanner span{
  background-color: rgba(0, 0, 0, .1);
  width: 100%;
  bottom:0;
  position: absolute;
  color:#fff;
  font-size:20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: bold;
  z-index: 999;
}

.disable_hover:hover{
  background: none !important;
}