@media (max-width: 1700px) {

  #video {
      height: 100%;
      width: auto;
      left: auto;
  }

  .banner {
    overflow: hidden;
  }

}

@media (max-width: 1450px) {

  .slide {
      padding: 0 80px;
  }

  .slick-arrow.slick-prev {
      left: 0;
  }

  .slick-arrow.slick-next {
      right: 0;
  }

}

@media (max-width: 1199px) {


  .banner,
  .page-title,
  .page-title-lg {
      margin-top: 82px;
  }
  .header nav ul li:not(.last) a:after {
      bottom: -15px;
      width: calc(100% - 17px);
  }

  .header nav ul li:not(.last):first-child a:after {
      width: calc(100% - 17px);
  }
  .banner {
      height: 600px;
  }

  .banner-text h2 {
      font-size: 19px;
  }

  .banner-text h2 span em {
      font-size: 100px;
  }

  .banner-text p {
      font-size: 19px;
      margin: 5px 0 23px 10px;
  }

  .btn {
      font-size: 14px;
  }

  .pillars,
  .dog-slider,
  .about-home {
      padding: 80px 0;
  }


  .pillars h2 {
      font-size: 39px;
      margin: 25px 0 0;
  }

  .pillars p {
      font-size: 19px;
      margin: 0 0 20px;
  }

  .section-title h2 {
      font-size: 45px;
  }

  .section-title p {
      font-size: 19px;
  }

  .section-title:after {
      width: 75px;
  }

  .dog-slider .slide-left h3 {
      font-size: 31px;
  }

  .dog-slider .slide-left h3:after {
      width: 27px;
      height: 2px;
      margin: 3px 0 20px;
  }

  .dog-slider .slide-left p {
      font-size: 16px;
      margin: 0 0 24px;
  }

  .dog-slider .slide-left ul li:after {
      display: none;
  }

  .dog-slider .slide-left ul li {
      display: block;
  }

  .dog-slider .slide-left ul li:nth-child(2) {
      margin: 17px 0 15px;
  }

  .slide-thumbs a {
      height: 66px;
  }

  .slide-thumbs a img {
      width: auto;
      max-height: 150%;
  }

  .slide {
      -ms-align-items: flex-start;
      align-items: flex-start;
  }

  .about-home h2 {
      font-size: 38px;
  }

  .about-home h2:after {
      width: 60px;
      height: 2px;
  }

  .about-home p {
      font-size: 18px;
      margin: 0 0 17px;
  }

  .header .brand a {
      width: 210px;
      height: 45px;
  }

  .header nav ul li a:not(.btn) {
      font-size: 16px;
      padding: 9px;
  }

  .header nav ul li a.btn {
      padding: 16px 11px 15px 53px;
  }

  .header nav ul li a.btn i {
      width: 53px;
      height: 53px;
      -webkit-background-size: contain;
      background-size: contain;
      left: -5px;
  }

  .header nav ul {
      margin: 3px 0 0;
  }

  .header {
      padding: 14px 0 12px;
  }

  h1.brand {
      line-height: 1;
  }

  .page-title-lg h1 {
      font-size: 58px;
  }

  .page-title-lg p {
      font-size: 21px;
  }

  .pg-content p, .pg-content li {
      font-size: 17px;
      margin: 0 0 25px;
  }

  .motto h3 {
      font-size: 40px;
  }

  .motto h3 em {
      font-size: 40%;
      margin-top: -3px;
      margin-bottom: 12px;
  }

  .motto h4 {
      font-size: 15px;
  }

  .pg-content .motto p, .pg-content .motto li {
      font-size: 14px;
  }

  .bloodlines h3 {
      font-size: 27px;
  }

  .gallery a {
      width: 229px;
      height: 229px;
  }

  .gallery a img {
      position: absolute;
      z-index: 0;
      top: -50%;
      left: -50%;
      right: -50%;
      bottom: -50%;
      margin: auto;
      max-width: 100%;
  }

  .page-title h1 {
      font-size: 62px;
  }

  .page-title h2 {
      font-size: 18px;
      margin-top: 15px;
  }

  .pg-content {
      padding: 65px;
  }

  .page-title {
      padding: 55px 15px;
  }

  .pg-contact .gmap {
      width: 100%;
  }

  .pg-content.pg-dogs h2 {
      font-size: 31px;
  }

  .single-dog {
      -webkit-align-items: flex-start;
      align-items: flex-start;
  }

  .single-dog .single-dog-image {
      height: 120px;
  }

  .pg-content .single-dog p {
      font-size: 12px;
  }

  .single-dog-content p i {
      background-size: contain;
      width: 16px;
      height: 16px;
      margin: 0 1px 0 7px;
  }

  .pg-content.pg-dogs h2 {
      margin-bottom: 15px !important;
      margin-top: 80px;
  }

  .dog-profile h4 {
      font-size: 23px;
      margin-top: 30px;
  }

  .dog-profile .dog-thumbs ul li img {
      max-width: 150%;
      width: 150%;
  }

  .dog-profile .dog-thumbs ul li {
      width: 23%;
  }

  .dog-profile .dog-thumbs ul {
      text-align: center;
  }

    .single-dog {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

}

@media (max-width: 991px) {

  .banner,
  .page-title,
  .page-title-lg {
      margin-top: 71px;
  }

  .reserve-dog {
    width: 90%;
    margin: 0 auto;
  }

  .header nav ul li:not(.last):first-child a:after, .header nav ul li:not(.last) a:after {
      width: calc(100% - 10px);
      bottom: -13px;
  }

  .banner {
      height: 420px;
  }

  .banner-text h2 {
      font-size: 15px;
  }

  .banner-text h2 span em {
      font-size: 70px;
  }

  .banner-text h2 span {
      margin-top: -3px;
  }

  .banner-text p {
      font-size: 15px;
      margin: 1px 0 15px 0;
  }

  .btn {
      font-size: 13px;
      padding: 16px;
  }

  .pillars, .dog-slider, .about-home {
      padding: 60px 0;
  }

  .pillars h2 {
      font-size: 26px;
      margin: 16px 0 0;
  }

  .pillars p {
      font-size: 14px;
      margin: 0 0 15px;
  }

  .section-title h2 {
      font-size: 30px;
  }

  .section-title p {
      font-size: 15px;
  }

  .section-title:after {
      width: 50px;
      height: 2px;
      margin: 30px auto 0;
  }

  .dog-slider .slide-left h3 {
      font-size: 23px;
  }

  .dog-slider .slide-left h3:after {
      width: 17px;
      height: 2px;
      margin: 5px 0 17px;
  }

  .dog-slider .slide-left p {
      font-size: 13px;
      margin: 0 0 21px;
  }

  .dog-slider .slide-left ul {
      margin: 0 0 25px;
  }

  .about-home h2 {
      font-size: 25px;
  }

  .about-home h2:after {
      width: 45px;
      height: 2px;
      margin: 5px 0 10px;
  }

  .about-home p {
      font-size: 15px;
      margin: 0 0 14px;
  }

  .footer p {
      font-size: 15px;
      margin-top: 25px;
  }

  .icon-footer-1 {
      width: 22px;
      height: 22px;
  }

  .footer p i {
      -webkit-background-size: contain;
      background-size: contain;
      top: 5px;
  }

  .footer p i.icon-footer-2 {
      width: 25px;
      height: 22px;
      margin-left: 30px;
  }

  .slide .slide-right {
      display: block;
  }

  .slide-gallery {
      margin: 0 0 5px;
  }

  .slide-thumbs a {
      display: inline-block;
      margin: 0 5px;
      height: 70px;
      width: 84px;
  }

  .slide-thumbs {
      text-align: center;
  }

  .header nav ul li a:not(.btn) {
      font-size: 13px;
      padding: 9px 6px;
  }

  .header nav ul li a.btn {
      padding: 13px 9px 13px 33px;
      font-size: 11px;
  }

  .header nav ul li a.btn i {
      width: 39px;
      height: 47px;
      left: -12px;
      top: -5px;
  }

  .header .brand a {
      width: 150px;
      height: 33px;
  }

  .header nav ul {
      margin: 0;
  }

  .banner .banner-text {
    height: 156px;
  }

  .page-title-lg h1 {
    font-size: 43px;
}

.page-title-lg p {
    font-size: 17px;
}

.page-title-lg {
    padding: 140px 0 50px;
}

.pg-content p, .pg-content li {
    font-size: 16px;
    margin: 0 0 20px;
}

.bloodlines, .motto {
    padding: 30px;
}

.bloodlines ul li {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.icon-bl-1, .icon-bl-2, .icon-bl-3, .icon-bl-4, .icon-bl-5 {
    width: 30px;
    height: 30px;
    margin: 0;
    bottom: auto;
}

.bloodlines ul li i {
    bottom: auto;
    top: -3px;
}

.motto h3 {
    font-size: 34px;
}

.pg-content {
    padding: 50px 0;
}

.gallery a {
    width: 169px;
    height: 169px;
}

.blog-list-entry .ccm-block-page-list-page-entry-thumbnail {
    height: 150px;
    margin: 0 0 5px;
}

.blog-list-entry h2 {
    font-size: 26px;
}

.pg-content .blog-list-entry p {
    font-size: 14px;
}

.blog-list-entry .ccm-block-page-list-page-entry-thumbnail {
    height: 150px;
    margin: 0 0 5px;
}

.blog-list-entry h2 {
    font-size: 26px;
}

.pg-content .blog-list-entry p {
    font-size: 14px;
}

.page-title h1 {
    font-size: 45px;
}

.page-title h2 {
    font-size: 15px;
    margin-top: 11px;
}

.page-title {
    padding: 40px 15px;
}

.footer img {
    height: 80px;
    width: auto;
}

.pg-content .container, .pg-content .container .row, .pg-content .container .row div[class^="col"] {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.gmap {
    margin: 0 0 20px;
}

.blog-list-entry {
    width: 48%;
}

}

@media (max-width: 767px) {

  .banner, .page-title, .page-title-lg {
      margin-top: 67px;
  }

  .header nav ul li:not(.last):first-child a:after, .header nav ul li:not(.last) a:after {
    display: none;
  }

  .banner {
    background-image: url(../i/mbanner.jpg);
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    height: auto;
    padding: 80px 0;
  }

  .banner-text p:last-child {
    margin: 0;
  }

  .banner #video {
    display: none;
  }

  .banner .banner-text {
    height: auto;
    position: relative;
  }

  .banner {
      text-align: center;
      height: auto;
  }

  .banner-text h2 span em {
      text-align: center;
      width: 100%;
  }

  .pillar {
      position: relative;
      text-align: left;
      padding-left: 150px;
      width: 330px;
      margin: 17px auto;
  }

  .pillar img {
      width: 130px;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
  }

  .pillars h2 {
      font-size: 23px;
      margin: 0;
  }

  .pillars, .dog-slider, .about-home {
      padding: 50px 0;
  }

  .pillars {
      padding: 36px 0;
  }

  .section-title h2 strong {
      display: block;
  }

  .section-title h2 {
      font-size: 25px;
  }

  .slide {-webkit-flex-direction: column;flex-direction: column;}

  .slide .slide-left {
      -webkit-order: 3;
      -ms-order: 3;
      order: 3;
      margin-top: 25px;
      text-align: center;
      padding: 0;
  }

  .dog-slider .slide-left h3:after {
      margin: 3px auto 13px;
  }

  .dog-slider .slide-left ul li:after {
      display: block;
  }

  .dog-slider .slide-left ul li {
      display: inline-block;
      font-size: 11px;
      padding-left: 23px;
  }

  i[class^="icon"], span[class^="icon"] {
      -webkit-background-size: contain;
      background-size: contain;
  }

  .icon-dogattr-1 {
      width: 16px;
      height: 16px;
  }

  .dog-slider .slide-left ul li i {
      width: 15px;
      height: 16px;
  }

  .dog-slider .slide-left ul {
      margin: 0 0 5px;
  }

  .dog-slider .slide-left p {
      margin: 0 0 -3px;
  }

  .about-home hr {
      height: 3px;
      margin-bottom: 30px;
  }

  .footer img {
      margin: 0 auto;
  }
  .header .text-right,
  .footer .text-right {
      text-align: center !important;
  }

  .footer p i {
      display: block;
      margin: 7px auto !important;
  }

  .copyright a {
      display: block;
  }

  .footer {
      border-top: 3px solid #ddaf24;
      padding: 28px 0 25px;
  }

  .header nav ul li a:not(.btn):before {
    display: none;
}

.header nav ul li {
    display: block;
}

.header nav ul li a.btn {
    margin: 7px 0 0;
}

.header nav ul li a:not(.btn) {
    font-size: 16px;
    display: block;
    padding: 7px 0;
}

.header nav {
    background: rgba(0,0,0,0.5);
    margin-bottom: -12px;
    padding: 15px 0 25px;
    display: none;
}

.mnav p {
    text-align: right;
    line-height: 1;
}

.mnav p a {
    display: inline-block;
    text-align: center;
}

.mnav p a i {
    background: #ddaf24;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    font-size: 21px;
}

.mnav p a span {
    display: block;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 4px;
}

.mnav p a:last-child {
    margin-left: 6px;
}

.header {
    border-width: 3px;
    padding: 10px 0 7px;
}

.header .brand a {
    width: 184px;
    height: 43px;
}

.gallery a {
  width: 121px;
  height: 121px;
}

.page-title h1 {
    font-size: 28px;
}

.page-title h2 {
    font-size: 13px;
    margin-top: 7px;
}

.header nav ul li ul {
    transform-origin: unset;
    transition: none;
    transform: unset;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    border-left: none;
    border-right: none;
    display: none;
}

.motto {
    margin-bottom: 40px;
}

.bloodlines,
.pg-content.pg-content-3.pg-our-history .col-sm-5 {
    margin-top: 40px !important;
}

.page-title-lg {
    padding: 50px 0;
    text-align:center;
}

.page-title-lg h1 {
    font-size: 31px;
}

.page-title-lg p {
    font-size: 14px;
}

.pg-ready-for-you h2 {
    font-size: 24px;
}

.blog-list-entry {
    margin: 20px auto;
    display: block;
    width: 100%;
}

.blog-meta img {
    margin: 0 0 10px;
}

.blog-meta img + p {
    font-size: 13px;
}

.blog-meta h3 {
    font-size: 18px;
    margin: 7px 0 2px;
}

.blog-meta {
    margin-bottom: 40px;
}

.pg-content.pg-content-1.pg-our-facility .col-sm-7 {
    margin-bottom: 40px !Important;
}

.dog-list-parent {
    display: block;
}

.single-dog {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 50px 0;
}

.single-dog img {
    margin: 0 auto;
}

.single-dog .single-dog-image {
    margin: 0 auto;
}

.single-dog .single-dog-content h3 {
    font-size: 20px;
}

.pg-content.pg-dogs {
    text-align: center;
}

.single-dog-content .btn {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .single-dog .single-dog-image {
        width: 100%;
        flex: 0 0 100%;
    }

    .single-dog .single-dog-content {
        flex: 0 0 100%;
        width: 100% !important;
    }

    .single-dog .single-dog-image img {
        max-width: 300px;
    }

    .footer .center {
        justify-content: center;
        flex-direction: column;
        grid-gap: 15px;
    }

    .footer .socials {
        margin-left: 0;
    }

    .footer img {
        display: block;
        margin: 0 auto 40px;
    }

}
@media (min-width: 641px) {

.reserve-dog .rdl .closeThis {
  display: none;
}

}
@media (max-width: 640px) {

  .reserve-dog .rdl .closeThis {
    display: block;
    position: absolute;
    color: #000;
    background: #fff;
    width: 46px;
    height: 31px;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 31px;
    font-size: 22px;
    border-radius: 0 0 0 6px;
}
  .reserve-dog .rdr .closeThis {
    display: none;
  }

  .reserve-dog .rdl, .reserve-dog .rdr, .reserve-dog {
    display: block;
    height: auto;
}

.reserve-dog .rdl h3 {
    font-size: 24px;
    margin: 0;
}

.reserve-dog .rdl p {
    margin-top: 4px;
    font-size: 13px;
}

.reserve-dog .rdr textarea {
    height: 52px;
}

.reserve-dog .rdr, .reserve-dog .rdl {
    padding: 18px;
}

}



@media (max-width: 480px) {

  .slide-thumbs a {
      height: 50px;
      width: 54px;
  }

  .dog-slider .slide-left ul li:after {
      display: none;
  }

  .dog-slider .slide-left ul li {
      display: block;
      text-align: left;
  }

  .dog-slider .slide-left ul {
      width: 120px;
      margin: 20px auto 30px;
  }

  .pillar {
      width: 260px;
  }

  .dog-slider .btn {
      display: block;
      margin: 3px 0;
  }

  .dog-slider .slide-left ul li {
      padding: 4px 0 0;
      text-align: right;
      border-top: 1px solid rgba(255,255,255,0.1);
      margin-top: 0 !important;
  }

  .dog-slider .slide-left ul li {
      padding: 7px 0 !important;
      margin: 0 !important;
  }

  .dog-slider .slide-left ul li:first-child {
      border: none;
  }

  .ebx p {
      margin: 0;
  }

  .ebx {
      font-family: Lato, sans-serif;
      background: #008fd5;
      color: #fff;
      text-align: center;
      font-size: 20px;
      padding: 14px;
      position: fixed;
      z-index: 1000000;
      top: 0;
      left: 0;
      right: 0;
      border-bottom: 1px solid #fff;
  }

  .ebx a {
      text-decoration: none;
      background: #000;
      color: #fff;
      font-weight: 600;
      font-size: 14px;
      display: inline-block;
      padding: 15px 20px;
      border-radius: 100px;
      transition: all 0.4s;
      margin-left: 14px;
  }

  .ebx a:hover, .ebx a:focus {
      background: #fff;
      color: #000;
  }

}