.sticky {
    position: fixed !important;
    top:-1% !important;
    width: 100%;
    z-index: 999;
  }
  
  .sticky + .content {
    padding-top: 102px;
  }
  


/*****************Gallery*****************/

@media (max-width:600px){
    .product-price-box {
        position: absolute;
        top:25% !important;
    }
    
}

.product_number {
    padding: 3px;
    margin-top: -21px;
    margin-left: -21px;
    background-color: #ca1515;
    margin-bottom: 10px !important;
    color:#fff !important;
    width:28px;
    height:23px;
    text-align: center;
    border-bottom-right-radius: 5px;
    font-weight: 500;
    font-size: 17px;
}

@media (max-width: 700px) {
    .row {
        flex-direction: column;
        overflow: hidden;
    }
    .product-box {
        margin: 5px;
    }
    .product-name {
        position: absolute;
        top:9%;
        left:2%;
    }
    .product-price {
        position: absolute;
        top: 40%;
        left: 38%;
        font-size: 14px;
    }
    .product-price-box {
        position: absolute;
        top: 50%;
        left:68%;
    }
    .zz_image img{
        width:43px !important;
    }
    
}

@media (min-width: 768px) and (max-width:1023px) {
   .row {
       flex-direction: column;
       width:100%;
       margin-bottom:2px;

   }
   .product-box {
    width:90% !important;
    margin: auto;
    position: relative;
    margin-bottom:10px;
    }
    .product-name {
        position: absolute;
        left:30%;
        font-size: 16px;
    }
    .product-price-input1 {
        width: 80px;
        height: 32px;
    }
    .product-price-input2 {
        width: 105px !important;

    }
      
    
            
}
/*@media (min-width:820px) and (max-width:912px)
{
.sticky {
    position: fixed;
    top: 10.5%;
  }
  .formrow textarea{
      width:200px !important;
  }
}*/
  

/*@media (min-width:390px)
{
    .sticky {
        position: fixed;
        top:0;
      }
    
}
*/@media (max-width:500px) {
    .sticky {
        position: fixed;
        top: 13% !important;
    }
}

@media (min-width:360px) and (max-width:380px)
{
.sticky {
    position: fixed;
    top: 18% !important;
    width: 100%;
    z-index: 999;
  }
}

@media (min-width:700px) and (max-width:900px) {
    .sticky {
        position: fixed;
        top: 10.7% !important;
        width: 100%;
        z-index: 999;
    }
}
@media (min-width:1024px)  {


.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
    margin-left:0%;
}
}


 @media (min-width:1280px){
    .come-from-modal.left .modal-dialog,
    .come-from-modal.right .modal-dialog {
    margin-left:12%;
}
}



/*************Image popup*******************************/

.modal {
    z-index:1;
    display:none;
    padding-top:10px;
    position:fixed;
    left:25%;
    top:25%;
    width:50%;
    height:50%;
    overflow:auto;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.8)
    }
    
    .modal-content{
    margin: auto;
    display: block;
        position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    
    .modal-hover-opacity {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-backface-visibility:hidden;
    }
    
    .modal-hover-opacity:hover {
    opacity:0.60;
    filter:alpha(opacity=60);
    -webkit-backface-visibility:hidden;
    }
    
    
    .close {
    text-decoration:none;
    float:right;
    font-size:30px !important;
    font-weight:500;
    color:white;
    opacity: 1 !important;

    }
    .close:hover {
        color:white !important;

    }
    .container1 {
    width:200px;
    display:inline-block;
    }
    .modal-content, #caption {   
      transition: 1s ease-in !important;
    }
    
 /*******/
 @media (max-width:300px){
    h6 {
        font-size:14px !important;
        font-weight: 600 !important;
    
    }
    
    
    
 }