.breeds-info-card {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc( 50% - 8px);
      -ms-flex: 0 0 calc( 50% - 8px);
          flex: 0 0 calc( 50% - 8px);
  max-width: calc( 50% - 8px);
  padding: 5.5px 29px 8.5px 14px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin-bottom: 16px;
  border: 1px solid #E2EFFF;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .breeds-info-card:hover {
    border: 1px solid #48adb9; }
    .breeds-info-card:hover .breeds-info-card__icon-wrap .icon {
      fill: #48adb9; }
  @media only screen and (max-width: 575px) {
    .breeds-info-card {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 8px; } }
  .breeds-info-card__icon-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 16px;
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px; }
    .breeds-info-card__icon-wrap .icon {
      width: 100%;
      height: 100%;
      fill: #295074;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .breeds-info-card__name {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #979797; }
  .breeds-info-card__desc {
    font-weight: 400;
    line-height: 24px;}

.single-main {
  padding: 22px 0 26px; }
  @media only screen and (max-width: 991px) {
    .single-main {
      padding: 64px 0 26px; } }
  @media only screen and (max-width: 575px) {
    .single-main {
      padding: 64px 0 13px; } }
  .single-main__right-col {
    padding-top: 8px;
    padding-left: 14px; }
  .single-main__slider {
    max-width: 456px;
    max-height: 456px;
    margin: 0 auto;
    margin-bottom: 9px; }
    @media only screen and (max-width: 575px) {
      .single-main__slider {
        max-height: 100%;
        margin-bottom: 5px; } }
    .single-main__slider-wrap {
      max-width: 465px;
      width: 100%; }
      @media only screen and (max-width: 991px) {
        .single-main__slider-wrap {
          margin-bottom: 30px; } }
      @media only screen and (max-width: 575px) {
        .single-main__slider-wrap {
          margin-bottom: 14px; } }
    .single-main__slider-item {
      width: 100%;
      height: 100%; }
      .single-main__slider-item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      .single-main__slider-item:focus {
        outline: none; }
      .single-main__slider-item iframe {
        width: 100% !important; }
    .single-main__slider .slick-arrow {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: none;
      padding: 0;
      height: 100%;
      width: 4.625rem;
      cursor: pointer;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      z-index: 2;
      background: transparent; }
      .single-main__slider .slick-arrow:before {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 4.625rem;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.56)), to(rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0) 100%);
        background: -o-linear-gradient(right, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0) 100%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        z-index: -1; }
      .single-main__slider .slick-arrow:focus {
        outline: none; }
      .single-main__slider .slick-arrow:hover:before {
        opacity: 1;
        visibility: visible; }
      .single-main__slider .slick-arrow:hover .icon {
        fill: rgba(255, 255, 255, 0.72); }
      .single-main__slider .slick-arrow .icon {
        width: 1.25rem;
        height: 2.5rem;
        fill: rgba(255, 255, 255, 0.24);
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
    .single-main__slider .slick-prev {
      left: 0;
      -webkit-transform: translateY(-50%) rotate(180deg);
          -ms-transform: translateY(-50%) rotate(180deg);
              transform: translateY(-50%) rotate(180deg); }
      .single-main__slider .slick-prev:before {
        left: 0; }
    .single-main__slider .slick-next {
      right: 0; }
      .single-main__slider .slick-next:before {
        right: 0; }
  .single-main__slider-nav {
    width: 100%; }
    .single-main__slider-nav-item {
      padding: 0 4.5px;
      max-height: 105px;
      position: relative; }
      @media only screen and (max-width: 420px) {
        .single-main__slider-nav-item {
          height: 67px;
          width: 67px;
          padding: 0 3px; } }
      .single-main__slider-nav-item:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: calc( 100% - 5.5px);
        height: 100%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        border: 2px solid #EF765E;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .single-main__slider-nav-item.slick-current.slick-active:before {
        opacity: 1;
        visibility: visible; }
      .single-main__slider-nav-item--video {
        position: relative; }
        .single-main__slider-nav-item--video:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 46px;
          height: 32px;
          background: url("../img/icons/yt-button.svg") no-repeat;
          -webkit-background-size: 100% 100%;
                  background-size: 100% 100%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          z-index: 1; }
          @media only screen and (max-width: 575px) {
            .single-main__slider-nav-item--video:after {
              width: 30px;
              height: 20px; } }
      .single-main__slider-nav-item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      .single-main__slider-nav-item:focus {
        outline: none; }
  .single-main__photo-count {
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    color: #000000; }
  .single-main .bread-crumbs {
    margin-bottom: 20px; }
    .single-main .bread-crumbs__link {
      font-weight: 500;
      font-size: 14px;
      line-height: 24px; }
      .single-main .bread-crumbs__link:hover {
        color: #4e89b2; }
  .single-main__tags-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 38px; }
    @media only screen and (max-width: 575px) {
      .single-main__tags-wrap {
        margin-bottom: 24px; } }
  .single-main__title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 24px;
    margin-bottom: 28px; }
    @media only screen and (max-width: 575px) {
      .single-main__title {
        font-size: 1.75rem;
        margin-bottom: 21px; } }
  .single-main__info-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }