@media (max-width:1200px) {
  .fertility-item {
    width: 23%;
  }
}

@media (max-width:1000px) {

  .contact {
    width: 70%;
  }

  .cats-sec h3 {
    top: 10px
  }

  .doc-content .doc-items {
    width: 100%;
  }

  .doc-content .doc-text {
    width: 100%;
  }

  .fertility-item {
    width: 31%;
  }
}

@media (max-width:860px) {

  .intro-item {
    width: 100%;
  }

  .intro {
    display: inline-table;
  }

  .intro-item:nth-of-type(1) {
    margin-bottom: 15px;
  }

  .intro-item {
    width: 100%;
  }

  .filter-form {
    width: 100%;
    margin-bottom: 30px;
    padding: 12px 18px 36px 18px;
  }

  .fertility-item {
    margin-bottom: 15px;
  }

  .search-them {
    width: 100%;
  }

  .search-img {
    width: 100%;
  }

  .search-sec {
    height: fit-content;
    padding-bottom: 50px;
    padding-top: 50px;
    flex-direction: column-reverse;
  }

  .contact {
    width: 70%;
  }

  nav {
    padding: 0 17px 0 10px;
  }
}

@media screen and (max-width: 600px) {

  .row {
    display: block;
    margin-right: 16px;
  }

  .fertility-item div {
    display: inline-block;
    width: 100%;
    margin-bottom: 6px;
  }

  .fertility-item div .info {
    text-align: center;
    width: 100%;
  }

  .info table {
    text-align: center;
    margin-bottom: 15px;
  }

  .cats {
    flex-direction: column-reverse;
  }

  .cats-img img {
    padding: 10px
  }

  .contact {
    width: 100% !important
  }

  .search-them h1 {
    font-size: 1.4em
  }
  .search-them h1 span{
    display: none
  }
}

@media screen and (max-width: 800px) {
  .fert-title div {
    width: 100%
  }

  .relations {
    justify-content: start
  }

  .rel-pre, .rel-next {
    display: block
  }

  .relations a {
    min-width: 260px
  }

  .cats-sec {
    margin-top: 25px;
    padding: 0 0 30px 0
  }

  .fertility-cats {
    width: 100%
  }

  .cats-img img {
    display: none
  }

  .blog-item {
    width: 48%;
    margin-bottom: 30px
  }

  .blog-item img {
    height: 25vw
  }

  .contact-sec {
    height: 105vh
  }

  .layout {
    margin: 15px 3%
  }
}

@media screen and (max-width: 500px) {
  .blog-item {
    width: 100%
  }

  .blog-item img {
    height: 48vw
  }

  .fertility-item {
    width: 100% !important;
    margin-bottom: 17px
  }

  .contact form .form-group {
    width: 100%
  }

  .contact-sec {
    display: inline-table;
    padding-bottom: 32px
  }

  .best-fert h2 {
    font-size: 1.3em;
    margin: auto
  }

  .tab-item div h2 {
    font-size: 1.2em;
    letter-spacing: 1px
  }

  .tab-item div .btn {
    margin-bottom: 15px
  }

  .search-them h2 span {
    display: none
  }

  .search-them h1 {
    font-size: 1.3em
  }
}

@media (max-width:650px) {

  .fertility-item {
    width: 46.5%;
    margin-bottom: 17px
  }

  .contact form {
    width: 100%;
    margin-right: auto;
    margin-left: auto
  }

  .contact {
    width: 80%
  }

  .tab-item {
    justify-content: center
  }

  .tab-item img {
    width: 90%;
    height: 50vw;
    padding: 0px;
    margin-top: 15px
  }

  .tab-item div {
    width: 97%;
    text-align: center
  }

  .tab-item p {
    width: 100%;
    margin-top: 15px
  }

  .tab {
    height: 520px;
    display: none
  }
  .fert-title div img{
    display: none
  }
  .cats-sec::before{
    background-color: transparent!important
  }

  .which_center ul {
    width: 100%;
    text-align: start;
    padding: 0 30px
  }

  .tab-item div {
    padding: 0
  }
}

@media(max-width:400px) {
  .statistic div h5 {
    font-size: 12px
  }

  .statistic div b {
    font-size: 18px
  }
}