/* This applies from 0px to 600px */
  #sbm-floating-ratings-container {
    position: fixed;
    bottom: -145px;
    border-radius: 15px 15px 0 0;
    border-bottom-width:0!important;
    border-left-width:2.2px!important;
    align-items: center;
    width: 33%;
    min-width: 120px;
    cursor: pointer;
    opacity: 0.9;
    transition: all 0.5s ease;
    z-index: 99999999;
}
.sbm-floating-ratings {
    position: relative;
    padding: 0.5em 0.5em 1em;
}
.sbm-rotate {
  display:none;
}
.sbm-rotate-mob {
    position: relative;
    right: 0;
    margin-bottom: 5px;
    font-size: 22px;
    text-align: center;
}
.sbm-floating-ratings-txt-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.sbm-floating-ratings-name {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    margin-bottom: 5px;
}
.sbm-floating-ratings-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.sbm-gmb-link {
	font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 168px;
}
.sbm-floating-ratings .stars 																	                            { cursor: pointer; display: flex; align-items: center; justify-content: center; }
.sbm-floating-ratings .stars .star 															                          { float: left; }
.sbm-floating-ratings .stars .star polygon 													                      { fill: #d8d8d8; }
.sbm-floating-ratings .stars[data-stars=\'1\'] .star:nth-child(1) ~ .star polygon 				{ fill: #d8d8d8; }
.sbm-floating-ratings .stars[data-stars=\'2\'] .star:nth-child(2) ~ .star polygon 				{ fill: #d8d8d8; }
.sbm-floating-ratings .stars[data-stars=\'3\'] .star:nth-child(3) ~ .star polygon 				{ fill: #d8d8d8; }
.sbm-floating-ratings .stars[data-stars=\'4\'] .star:nth-child(4) ~ .star polygon 				{ fill: #d8d8d8; }
.sbm-floating-ratings .stars[data-stars=\'5\'] .star:nth-child(5) ~ .star polygon 				{ fill: #d8d8d8; }

  /* This applies from 600px onwards */
  @media (min-width: 600px) {

    #sbm-floating-ratings-container                                                           {
      position: fixed;
      bottom: 40px;
      border-radius: 0px 15px 15px 0;
      border-left-width:0!important;
      border-bottom-width:2.2px!important;
      left: -188px;
      display: flex;
      flex-direction: row;
      align-items: center;
      width:auto;
      min-width: 120px;/////////
      max-width: 275px;
      cursor: pointer;
      opacity: 0.9;
      transition: all 0.5s ease;
     }

    .sbm-floating-ratings .stars 																	                            { cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .sbm-floating-ratings .stars .star 															                          { float: left; }
    .sbm-floating-ratings .stars .star polygon 													                      { fill: #d8d8d8; }
    .sbm-floating-ratings .stars[data-stars=\'1\'] .star:nth-child(1) ~ .star polygon 				{ fill: #d8d8d8; }
    .sbm-floating-ratings .stars[data-stars=\'2\'] .star:nth-child(2) ~ .star polygon 				{ fill: #d8d8d8; }
    .sbm-floating-ratings .stars[data-stars=\'3\'] .star:nth-child(3) ~ .star polygon 				{ fill: #d8d8d8; }
    .sbm-floating-ratings .stars[data-stars=\'4\'] .star:nth-child(4) ~ .star polygon 				{ fill: #d8d8d8; }
    .sbm-floating-ratings .stars[data-stars=\'5\'] .star:nth-child(5) ~ .star polygon 				{ fill: #d8d8d8; }
    .sbm-rotate-mob {
      display:none;
    }
    .sbm-rotate {
      display:flex;
      position: relative;
      right: 0;
      font-size: 22px;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);

      /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      transform-origin: 50% 50%;

      /* Should be unset in IE9+ I think. */
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    }
    .sbm-floating-ratings-link {
        font-size: 17px;
    }
  }