.piclist{
        margin-top: 30px;
    }
    .piclist li{
        display: inline-block;
        width: 60px;
        height: 60px;
        border: 1px solid #c1c9d1;
    }
    .piclist li img{
        width: 100%;
        height: auto;
    }

    /* custom style */
    .picZoomer-pic-wp,
    .picZoomer-zoom-wp{
        border: 1px solid #c1c9d1;
    }
    .picZoomer-pic-wp{
        width:100%!important;
        height:auto!important;
    }
    .picZoomer-zoom-wp{
        width:600px!important;
        height:500px!important;
        left:486px!important;
    }
    .picZoomer-zoom-pic{
        left:0px!important;
    }
    #product-details .cart-buy .addcart {
     border: 1px solid #989595;
    }
    
    
    .app-figure {
        width: 100% !important;
        margin: 0px auto;
        border: 0px solid red;
        padding: 20px;
        position: relative;
        text-align: center;
    }
    .MagicZoom {
        display: none;
    }
    .MagicZoom.Active {
        display: block;
    }
    .selectors { margin-top: 10px; }
    .selectors .mz-thumb img {
        max-width: 86px;
        height: 100px!important;
    }
    .app-figure .img-responsive.halfheight{
        max-width: 221px;
        max-height: 359px;
    }
    @media  screen and (max-width: 1023px) {
        .app-figure { width: 99% !important; margin: 20px auto; padding: 0; }
    }
       #myImg {
          border-radius: 5px;
          cursor: pointer;
          transition: 0.3s;
        }
        
        #myImg:hover {opacity: 0.7;}
        
        /* The Modal (background) */
        .modal {
          display: none; /* Hidden by default */
          position: fixed; /* Stay in place */
          z-index: 1; /* Sit on top */
          padding-top: 100px; /* Location of the box */
          left: 0;
          top: 0;
          width: 100%; /* Full width */
          height: 100%; /* Full height */
          overflow: auto; /* Enable scroll if needed */
          background-color: rgb(0,0,0); /* Fallback color */
          background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
        }
        
        /* Modal Content (image) */
        .modal-content {
          margin: auto;
          display: block;
          width: 80%;
          max-width: 500px;
        }
        
        /* Caption of Modal Image */
        /*#caption {*/
        /*  margin: auto;*/
        /*  display: block;*/
        /*  width: 80%;*/
        /*  max-width: 700px;*/
        /*  text-align: center;*/
        /*  color: #ccc;*/
        /*  padding: 10px 0;*/
        /*  height: 150px;*/
        /*}*/
        
        /* Add Animation */
        .modal-content, #caption {  
          -webkit-animation-name: zoom;
          -webkit-animation-duration: 0.6s;
          animation-name: zoom;
          animation-duration: 0.6s;
        }
        
        @-webkit-keyframes zoom {
          from {-webkit-transform:scale(0)} 
          to {-webkit-transform:scale(1)}
        }
        
        @keyframes zoom {
          from {transform:scale(0)} 
          to {transform:scale(1)}
        }
        
        /* The Close Button */
        .close {
          position: absolute;
          top: 78px;
          right: 375px;
          color: #f1f1f1;
          font-size: 40px;
          font-weight: bold;
          transition: 0.3s;
        }
        
        .close:hover,
        .close:focus {
          color: #bbb;
          text-decoration: none;
          cursor: pointer;
        }
        
        /* 100% Image Width on Smaller Screens */
        @media only screen and (max-width: 700px){
          .modal-content {
            width: 100%;
          }
        }