#reviews h1
{
   margin: 0.25rem;
   text-align:left;
}
#reviews h4
{
   font-size: 14px;
   font-weight: bold;
   margin: 5px 0;
   text-transform: uppercase;
}

#reviews .row:not(.reviews-top):not(#cat_descript)
{
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
}

#reviews .reviews-top .filters 
{
   text-align:right;
}

#reviews .row .item 
{
 cursor: pointer;
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
}

/*
 * Override the bootstrap col-md-6 class to shrink it just a bit to fit 2 reviews side-by-side.
 * The default of 50% will not allow 2 reviews to fit due to all the padding.
 */
@media (min-width: 768px)
{
   #reviews .col-md-6
   {
      flex: 0 0 49%;
      max-width: 49%;
   }
}

/*
 * Override the bootstrap col-lg-3 class to shrink it just a bit to fit 3 reviews side-by-side.
 * The default of 33% will not allow 3 reviews to fit due to all the padding.
 */
@media (min-width: 992px)
{
   #reviews .col-lg-3
   {
      flex: 0 0 32%;
      max-width: 32%;
   }
}

#reviews .row .item:hover h4 
{
   text-decoration: underline;
}

#reviews .row .item .panel
{
   display: block;
   position:relative;
   min-height: 20px;
   padding: 19px;
   background-color: #fff;
   border: 1px solid #e3e3e3;
   border-radius: 4px;
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);

   /* Set a height so the rows line up. */
   height: 97%;
}

#reviews .row .item h4
{
   color: #0053A8;
   font-size: 16px;
   font-weight: normal;
   text-transform: none;
}

#reviews .row .item .panel .stars 
{
   display:block;
}

#reviews .row .item .panel .stars i
{
   color: #e9d415;
}

#reviews .row .item .panel img 
{
   max-width: 200px;
   margin: 1rem auto;
}

#reviews .row .item .panel h5
{
   color: #B56D32;
   font-weight: bold;
   font-size: 1rem;
   text-transform: uppercase;
}

#reviews .row .item .panel h5::before
{
   content: open-quote;
}
#reviews .row .item .panel h5::after
{
   content: close-quote;
}

#reviews .row .item .panel p
{
   font-family: Ubuntu, "Trebuchet MS", Arial, sans-serif;
   font-size: 1rem;
}

#reviews .row .item .panel .panel-foot
{
   font-size: .75rem;
   width: 100%;

   /* Set the position of the footer to absolute so they all line up on the bottom of the panel. */
   position: absolute;
   bottom: 0.5rem;
}
#reviews .row .item .panel .panel-foot i
{
   color: #4DAB4D;
   margin-left: 0.5rem;
}

#reviewsModal .modal-body
{
   width: 100%;
}

#reviewsModal .modal-body 
{
   display: inline-block;
}

#reviewsModal .modal-body .sim img
{
   border: 1px solid #CDCDCD;
   margin: 0rem 0rem;
   max-width: 200px;
}

#reviewsModal .modal-body .left, #reviewsModal .modal-body .right
{
   margin-left:0;
   margin-right:0;
} 

#reviewsModal .modal-body .right h1
{
   color: #000;
   margin-top: 0;
}

#reviewsModal .modal-body .right
{
   margin-left:auto;
   margin-right:auto;
}

#reviewsModal .modal-body .props
{
   text-align:center;
}

#reviewsModal .modal-body .price
{
   color:#B00000;
   font-size: 30px;
}

#reviewsModal .modal-body .qty 
{
   text-align:center;
   width: 100%;
}

#reviewsModal .modal-body .props button
{
   font-size: 16px;
   width: 100%;
}

#reviewsModal .modal-body p 
{
   margin: 1rem 0.5rem;
   padding: 1rem 2rem;
}