.arr-right .breadcrumb-item+.breadcrumb-item::before {
    content: "›";
    vertical-align:top;
    color: #408080;
    font-size:35px;
    line-height:18px;
   }
   .breadcrumb {
       padding-left: 0px!important;
   }
   h1{
       font-size: 1.875rem;
       line-height: 130%;
   }
   
   .popover 
   {
       min-width: 27%;
   }
   .glyphicon { margin-right:5px;}
   .rating .glyphicon {font-size: 22px;}
   .rating-num { margin-top:0px;font-size: 54px; }
   .progress { margin-bottom: 5px;}
   .progress-bar { text-align: left; }
   .rating-desc .col-md-3 {padding-right: 0px;}
   .sr-only { margin-left: 5px;overflow: visible;clip: auto; }
   .c-progress{
       width: 80px;
       height: 80px;
       line-height: 80px;
       background: none;
       margin: 0 auto;
       box-shadow: none;
       position: relative;
   }
   .c-progress:after{
       content: "";
       width: 100%;
       height: 100%;
       border-radius: 50%;
       border: 6px solid #fff;
       position: absolute;
       top: 0;
       left: 0;
   }
   .c-progress > span{
       width: 50%;
       height: 100%;
       overflow: hidden;
       position: absolute;
       top: 0;
       z-index: 1;
   }
   .c-progress .c-progress-left{
       left: 0;
   }
   .c-progress .c-progress-bar{
       width: 100%;
       height: 100%;
       background: none;
       border-width: 4px;
       border-style: solid;
       position: absolute;
       top: 0;
   }
   .c-progress .c-progress-left .c-progress-bar{
       left: 100%;
       border-top-right-radius: 50px;
       border-bottom-right-radius: 50px;
       border-left: 0;
       -webkit-transform-origin: center left;
       transform-origin: center left;
   }
   .c-progress .c-progress-right{
       right: 0;
   }
   .c-progress .c-progress-right .c-progress-bar{
       left: -100%;
       border-top-left-radius: 50px;
       border-bottom-left-radius: 50px;
       border-right: 0;
       -webkit-transform-origin: center right;
       transform-origin: center right;
       animation: loading-1 1.8s linear forwards;
   }
   .c-progress .c-progress-value{
       width: 90%;
       height: 90%;
       border-radius: 50%;
       background: #ffffff;
       font-size: 24px;
       color: #000;
       line-height: 80px;
       text-align: center;
       position: absolute;
       top: 5%;
       left: 5%;
   }
   .c-progress.yellow .c-progress-bar{
       border-color: #fdba04;
   }
   .c-progress.yellow .c-progress-left .c-progress-bar{
       animation: loading-5 1s linear forwards 1.8s;
   }
   @keyframes loading-1{
   0%{
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
   }
   100%{
       -webkit-transform: rotate(180deg);
       transform: rotate(180deg);
   }
   }
   @keyframes loading-2{
       0%{
           -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
       }
       100%{
           -webkit-transform: rotate(144deg);
           transform: rotate(144deg);
       }
   }
   @keyframes loading-3{
       0%{
           -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
       }
       100%{
           -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
       }
   }
   @keyframes loading-4{
       0%{
           -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
       }
       100%{
           -webkit-transform: rotate(36deg);
           transform: rotate(36deg);
       }
   }
   @keyframes loading-5{
       0%{
           -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
       }
       100%{
           -webkit-transform: rotate(126deg);
           transform: rotate(126deg);
       }
   }
   @media only screen and (max-width: 990px){
       .c-progress{ margin-bottom: 20px; }
   }

   .card {
       margin: auto;
       padding: 20px;
       border-radius: 15px;
       margin-top: 5px;
       margin-bottom: 5px
   }

   fieldset.active {
       display: block !important
   }

   fieldset {
       display: none
   }

   .pic0 {
       width: 80%;
       height: 100%;
       margin-left: 85px;
       margin-right: auto;
       display: block
   }

   .product-pic {
       padding-left: auto;
       padding-right: auto;
       width: 100%
   }

   .thumbnails {
       position: absolute
   }

   .fit-image {
       width: 100%;
       object-fit: cover
   }

   .tb {
       width: 52px;
       height: 42px;
       border: 1px solid grey;
       margin: 2px;
       opacity: 0.4;
       cursor: pointer
   }

   .tb-active {
       opacity: 1
   }

   .thumbnail-img {
       width: 52px;
       height: 42px
   }

   @media screen and (max-width: 768px) {
       .pic0 {
           width: 250px;
           height: 350px
       }
   }