.allHtml{color:#000;background-color:#FFF;}
 h1{font-size:2.5rem;}
 h2{font-size:2rem;}
 h3{font-size:1.75rem;}
 h4{font-size:1.5rem;}
 .navbar-bg{background-color:#400080;}
 .navbar-link{color:#FFF !important;}
 .navbar-link:hover{color:#000 !important;}
 a:hover{color:#419ade;text-decoration:underline;}

 .picture-box {
     max-width: 100%;
     height:150px;
     overflow: hidden;
     background-color:#fff;
    position: relative; 
 } 

  .picture-box-detail {
     width: 40%;
     overflow: hidden;
     background-color:#fff;
     position: relative; 
 }

 .product-picture {
     max-width: 100%;
     max-height: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
 }

  .product-picture-detail {
     max-width: 100%;
     max-height: 100%;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
 }


 .product-box {
     border: 1px solid #eee;
     background-color:#fff;
     margin: 0 0 20px 0;
    padding:10px;
 }

  .product-box:hover {
    background-color: initial;
    box-shadow: 0 0 10px lightgray;
 }

 .product-title {
    overflow: hidden;
    text-overflow: ellipsis;
 }

 .product-title-big{
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px;
 }
 
 .product-details {
     width:40%;
 }

 .product-price {
     color: #71dbd4;
     font-weight: bold;
     padding-bottom: 10px;
 }

 .bigger-text {
     font-size: 2rem;
 }

 .order-quantity {
     width: 50px;
     height: 36px;
 }

 .shop-top-menu {
     height: 50px;
     margin: 10px;
 }

 .title {
     background-color: #eee;
     color: #333;
 }

 .shop-block {
    border: 1px solid #eee;
    background-color:#fff;   
 }

 .list {
     list-style: none;
 }

 .list a {
     color: #333;
 }

 .full-hr {
    max-width:90%
}

.shop-row {
    margin-left: 0px;
    margin-right: 0px;
}

.w-400 {
    width:400px;
}

.div-vertical-center {
  display: flex;
  justify-content: center;
  align-items: center; 
}

 .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
     }

     .shop-side {
         display: none;
     }

     .card-bottom {
         margin-bottom:20px;
     }

 @media all and (min-width:992px) {

    .shop-container {
        max-width:650px;
    }

    .shop-side {
        display: inherit;
        width: 300px;
       float: left;
    }

    .shop-main {
        margin-left: 350px;
    }

    .card-columns {
       -webkit-column-count: 2;
       -moz-column-count: 2;
       column-count: 2;
    }

}

.productCircleBottom{
     display: none;
}

  @media all and (max-width:700px) {

    .productCircle {
       display: none;
    }

    .productCircleBottom{
        display: initial;
    }

     .order-quantity {
     width: 50px;
     height: 33px;
 }
 }

 @media all and (min-width:1200px) {
    .shop-container {
        max-width:900px;
    }

     .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
     }
}