

@media only screen and (max-width: 1000px) {
    .media-left {
        display: block;
        padding-right: 0px;
    }
    aside#related-persons .cstm-flex-row .col-sm-3 {
        flex: 0 0 25%;
    }
    .single__pet-summary .single__pet-summary__bio{
        text-align:justify;
        padding:10px;
    }
}
@media only screen and (max-width: 1025px) {
    section.main-sticky-two-col-articles-wrapper .col-sm-6 {
        width: 100%;
    }
    .cstm-flex-row .col-sm-3 {
        flex: 0 0 33.333%;
    }
    .media .media-left {
        display: block;
        padding-right: 0px;
    }
    .cstm-flex-row .col-sm-2 {
        flex: 0 0 25%;
    } 
    div#sidebar-placeholder,
    div#primary-ad-block1 {
        width: 100%;
    }
    .sidebar-pet-articles .article_item {
        padding-left: 10px;
        padding-right: 10px;
        width: 50%;
        float: left;
    }
    .media .media-left img.media-object {
        margin-left: auto;
        margin-right: auto;
        width: 100%; 
    }
    .page-id-18 #primary {
        margin: 0 auto;
        float: none;
        max-width: fit-content;
    }
    div#secondary {
        padding: 0px;
    }
    article.single__main div#primary{
        order: 1;
    }
    #sidebar-placeholder{
        order: 3;
    }
    div#secondary{
        order: 2;
    }
    .single .single__main {
        display: grid;
    }
    .layout-block--main {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) { 
    .full-width-home-article-row a.article-link{
        display: flex;
        flex-direction: column-reverse;  
    }

    .full-width-home-article-row a.article-link .col-sm-2,
    .full-width-home-article-row a.article-link .col-sm-10{
        width: 100%;
    }

    .full-width-home-article-row a.article-link .col-sm-2 img {
        width: 100%;
        margin-bottom: 15px;
    }

}
@media only screen and (max-width: 769px) { 
   
    .sidebar-ad-widget img {
        margin-right: auto;
    }
    .search-input--wrap {
        width: calc(100% - 45px) !important;
        float: left;
    }
    button.btn.btn--search{
        float: left;
    }
    div#mobile-search-form form.site-header__search:after {
        content: '';
        display: table;
        clear: both;
    }
    .popular-pet-featured-img{
        padding-right: 0px;
    }
    .popular-pet-featured-img .drop-shadow {
        box-shadow: 0px 10px 15px 1px rgb(65 67 68 / 40%);
        margin-bottom: 20px;
    }
    header.popular-pet-header p.search-numbers span {
        display: block;
    }
    .single .single__main{
        padding: 0px;
    }
    .page div#secondary--asides {
        padding-left: 10px;
        padding-right: 10px;
    }
    .wpcf7-form-control {
        width: 100%;
    }
    .about__masthead-inner {
        display: none !important;
    }
    .single__main {
        padding: 5px 15px;
    }
    .about-ul li:first-child {
        padding-top: 0px;
    }
    .about-ul li {
        padding-top: 70px !important;
    }
    .inner_image {
        float:none;
        margin-right:0px;
        text-align: center;
    }
    .single_content-slider .slick-arrow {
        color: #db425f;
        position: absolute;
        top: 100px;
        border: none;
        background: none;
        font-size: 32px;
        height: auto;
        width: auto;
        z-index: 111;
        padding: 0;
    }
    .single_content-slider .slick-prev{
        left: 0px;
    }
    .single_content-slider .slick-next{
        right: 0;
    }
    .single_content-slider .row > div, .single_content-slider .row{
        margin: 0 !important;
        padding: 0 !important ;
    } 
    .single_content-slider .col-sm-3{
        text-align: center;
    }
    .single__pet-image{
        position: relative;
        display: inline-block;
    }
    .single__pet-image span {
        background: #db425f;
        color: #fff;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        display: block;
        line-height: 40px;
        font-size: 15px;
        right: 5%;
        position: absolute;
        top: 7%;
    }
    .mobile-menu-holder ul.sub-menu li a {
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #9a9a9a !important;
        text-transform: capitalize !important;
        margin-bottom: 0px;
    }
    .nav-panel .menu > li{
        position:relative;
    }
    .menu-item-has-children img {
        position: absolute !important;
        right: 35% !important;
        top: 9px !important;
        cursor: pointer !important;
        z-index: 99999 !important;
    }
    #primary-menu-slide-out .menu li a:hover {
        background: transparent;
    }
    #primary-menu-slide-out .menu li a {
        padding: 0px;
    }
    #primary-menu-slide-out .menu li {
        border-bottom: 0px;
        margin-bottom: 0px;
    }
    #sidenav-overlay {
        z-index: 0;
    }
    .site-header .site-header__top .container{
        border-bottom: 0px;
        padding-bottom: 0px;
    }
    .site-header {
        margin-bottom: 15px;
    }
    div#mobile-search-form form.site-header__search {
        margin-bottom: 10px;
        margin-top: 30px;
    }
    .mobile_open_search_box:after {
        content: '';
        display: table;
        clear: both;
    }
    .single__header:after {
        left: 50%;
        margin-left: -30px;
    }
    .single__title {
        font-size: 30px;
    }
    .single__subtitle {
        font-size: 20px;
    }
    .single__section-title {
        text-align: center;
    }
    .single__celeb-profile__header {
        display: block;
        text-align: center;
        margin-bottom: 25px;
    }
    .single__celeb-profile__name-holder {
        display: block;
        max-width: none;
        padding: 25px 0 0;
    }
    .single__celeb-profile__title {
        margin-bottom: 25px;
    }
    .single__celeb-profile__nw {
        left: auto;
    }
    .single_person_breadcrumbs {
        margin-bottom: 25px;
    }
    header.single_person__header p.search-numbers span {
        display: none;
    }
    h1.single__title {
        font-size: 28px !important;
    }
    .single__pet-summary .single__pet-summary__title .single__pet-summary__name {
        font-size: 25px;
    }
    .single__pet-summary .single__pet-summary__title .single__pet-summary__meta, .single__pet-summary .single__pet-summary__title .single__pet-summary__date {
        font-size: 12px;
    }
    .single__pet-summary .single__pet-summary__title .single__pet-summary__date, .single__pet-summary .single__pet-summary__title .single__pet-summary__type {
        text-transform: capitalize;
    }
    .single__pet-summary .single__pet-summary__bio {
        margin-right: 10px;
    }
    .single__celeb-profile__name-holder h2.single__celeb-profile__title {
        font-size: 22px;
        line-height: 25px;
    }
    .single__post-summary__social {
        margin-top: 20px;
        margin-bottom: 100px;
    }
    .bio_information {
        margin-bottom: 5px;
    }
    body {
        padding-left: 0px !important;
        background-image: url(../images/mobile-body-bg.png);
        background-size: contain;
        background-position: center top;
    }
    .home .site-header {
        margin-bottom: 30px;
    }
    .btn--menu {
        background: transparent;
    }
    .btn--menu .bar, .btn--menu:hover .bar {
        background: #db425f;
    }
    .btn--search {
        background: transparent;
    }
    .btn--search .fa {
        color: #414344;
    }
    #secondary-menu-slide-out {
        background: #fff;
        padding-top: 73px;
    }
    .single__aside__title {
        color: #414344;
        font-weight: 700;
        font-size: 16px;
    }
    .site-header {
        padding-bottom: 0px !important;
        position: relative;
        margin-bottom: 20px;
    }
    #page {
        padding-top: 0px;
    }
    .footer-widgets-col .row {
        display: block;
    }
    .top-top-col {
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        text-align: center;
        display: block;
    }
    .top-top-col .widget {
        margin-bottom: 0px;
    }
    .copyright-bar {
        padding-bottom: 65px;
    }
    img.cstm-img-responsive {
        width: 100%;
        height: auto;
    }
    section.main-sticky-two-col-articles-wrapper .col-sm-6 {
        padding-left: 0px;
        padding-right: 0px;
    }
    section.main-sticky-two-col-articles-wrapper {
        margin-top: 20px;
    }
    section.latest-pet-articles-wrapper .col-sm-3, aside#related-pets .col-sm-3, aside#related-pets .col-sm-4, section.latest-pet-articles-wrapper .col-sm-2 {
        flex: 0 0 50%;
        min-height: 200px;
        max-height: 400px;
        overflow: hidden;
    }
    .heading-border-col span {
        font-size: 15px;
        line-height: 15px;
    }
    .heading-col {
        padding-top: 4px;
    }
    .heading-border-col:after {
        bottom: 0px !important;
    }
    .heading-border-col:before {
        top: 17px !important;
    }
    section.celebrity-pets-trending-wrapper div.heading-col h2 {
        font-size: 20px;
    }
    .btn--menu {
        float: right;
    }
    .btn--search {
        display: none;
    }
    .btn--menu .bar, .btn--menu:hover .bar {
        background: #414344;
        margin: 7px 0px;
    }
    .site-header__branding {
        top: 10px;
    }
    div#mobile-site-icon {
        display: block;
        position: absolute;
        top: 21px;
        left: 12px;
    }
    div#mobile-site-icon img{
        max-width:35px;
        height:auto;
    }
    div#mobile-search-form{
        display: block;
    }
    div#mobile-search-form input.search-field.form-control {
        border-radius: 0px;
        max-width: 100%;
    }
    #primary-menu-slide-out {
        width: 100%;
        background-color: #f8f8f8;
        z-index:9999;
        background-image:url(../images/mobile-menu-bg.png);
        background-position: top center;
        background-size: 120%;
        background-repeat: no-repeat;
    }
    .mobile-menu-site-icon img.logo_image {
        max-width: 81px;
        height: auto;
    }
    .mobile-menu-site-icon {
        text-align: center;
    }
    button.menu-close-btn {
        border: 0px;
        padding: 0px;
        background: transparent;
        position: absolute;
        top: 25px;
        right: 15px;
    }
    button.menu-close-btn i.fa-times {
        font-size: 30px;
    }
    .mobile-menu-holder ul {
        list-style: none;
        padding-left: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-top: 10px;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
    .mobile-secodary-menu-holder ul{
        text-align: center;
    }
    .mobile-menu-holder ul li, .mobile-menu-holder ul li a{
        color: #7c8592;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-size: 20px;
    }
    .mobile-menu-social-icons ul {
        list-style: none;
        padding: 0px;
        margin-bottom: 30px;
        padding-bottom: 15px;
        border-bottom: 2px solid #ecebec;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-width: 260px;
    }
    .mobile-menu-social-icons ul li {
        display: inline-block;
        margin-right: 20px;
    }
    .mobile-menu-social-icons ul li:last-child {
        margin-right: 0px;
    }
    .mobile-menu-social-icons ul li a i {
        color: #db425f;
        font-size: 25px;
    }
    ul.side-nav-close-btn {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    ul.side-nav-close-btn {
        list-style: none;
        padding: 0px;
        margin: 0px;
        position: absolute;
        width: 20px;
        right: 18px;
        top: 30px;
    }
    .mobile_open_search_box {
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .directory-listing-name-col-wrapper ul {
        column-count: 2;
    }
    .directory-listing-col-wrapper .col-sm-4 {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .site-header:after{
        display:none;
    }
    section.celebrity-pets-most-recent-wrapper .col-sm-4 {
        width: 50%;
        float: left;
    }
    .celebrity-pets-most-recent-title h3 {
        font-size: 16px;
    }
    header.search-results__header, header.single_person__header, .related-pets-heading {
        display: block;
    }
    .search-results__header p.search-numbers {
        font-size: 12px;
    }
    .col-sm-12 {
        padding-right: 10px;
    }
    .after-search-ad {
        padding-top: 50px;
        padding-bottom: 100px;
    }
    .single .full-width-home-article-banner {
        width: 320px;
    }
    .col-sm-12 .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    section.celebrity-pets-category-two-wrapper .col-md-2.col-sm-4{
        padding-left: 10px;
        padding-right: 10px;
        width: 50%;
        float: left;
    }
    .search-no-results section.latest-pet-articles-wrapper div.heading-col h2 {
        font-size: 18px;
    }
    .media-left {
        display: block;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .media-body {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .single__celeb-profile__header {
        text-align: center;
    }
    .single__breadcrumbs:before {
        top: unset;
        bottom: -11px;
    }
    .sidebar-pet-articles .article_item {
        padding-left: 10px;
        padding-right: 10px;
        width: 50%;
        float: left;
    }
    .sidebar-pet-articles:after {
        content: '';
        clear: both;
        display: table;
    }
    .sidebar-pet-articles .article_item h4.post_title {
        color: #000;
        font-size: 18px !important;
        font-weight: 400 !important;
    }
    .main-sticky-two-col-articles h3 a {
        text-overflow: unset;
        display: block;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
    }
    .latest-pet-articles-col .latest-pet-articles-title h3 a {
        -webkit-line-clamp: 3;
    }
    #sidebar {
        padding: 0px 10px;
    }
    .sidebar-pet-articles .sidebar__block {
        margin-left: -10px;
        margin-right: -10px;
    }
    aside#related-persons .col-sm-2 {
        width: 50%;
        float: left;
    }
    .cstm-flex-row .col-md-2.col-sm-4, .cstm-flex-row .col-sm-2 {
        flex: 0 0 33.333%;
    }
    .cstm-flex-row .col-sm-2 img {
        width: 100%;
    }
    .search-results div#primary, div#primary {
        padding: 0px;
    }
    .search-sidebar .celebrity-pets-trending-col, .search-sidebar .pet-articles-trending-heading {
        margin-left: unset;
    }
    .search-no-results div#primary-ad-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    .search-no-results div#primary-ad-block form.site-header__search {
        padding-left: 10px;
        padding-right: 10px;
    }
    .cstm-flex-row .col-md-3.col-sm-4 {
        flex: 0 0 33.333%;
    }
    .site-header__navigation {
        margin-left: -10px;
        margin-right: -10px;
    }
    .top-top-col a.to-top {
        opacity: 0.5;
    }
    .copyright-bar {
        padding-bottom: 130px;
    }
    .celebrity-pets-count {
        margin-bottom: 20px;
        margin-top: 15px;
    }
    .single__post-summary__social .single__post-summary__social__value {
        display: block;
    }
    .blok-image-right article{
        width: 100%;
    }
    
    .blok-image-right figure{
        width: 100%;
        margin-left: 0px;
    } 
    .blok-image-left .iphone {
        margin: 0 2vw 25px;
    }
    .about-page .faq {
        grid-template-columns: 1fr;
        row-gap: 25px; 
    }
    .blok-image-left article{
        width: 100%;
    }
    .blok-image-left,
    .blok-image-right {
        flex-direction: column;
    }
    .blok-image-right figure {
        width: 100%;
        margin-left: 0;
    }.blok-image-right article {
        width: 100%;
    } .about__main-title {
        font-size: 35px;
        margin: 0 auto 35px;
    }
    .social--v1 {        
        width: 160px;
    }
    .social--v2 {
        width: 190px;
    }.social--v3 {
        left: 0; 
        width: 180px;
    }.links  {
        grid-template-columns: repeat(3, 1fr);
    }.wp-block-heading {font-size: 30px!important;    margin-bottom: 5px;}
    .blok-image-right figure {
        margin-bottom: 15px;}
        .iphone-vertical--v1 {max-width: 316px;
            margin: 0 auto;}
}
@media only screen and (max-width: 500px) and (min-width: 321px) {
    .heading-with-border-col p.subheading-with-border:before{
        bottom: -3px;
    }
}
@media only screen and (max-width: 500px) {
    .menu-item-has-children img {
        right: 25% !important;
    }
    .main-sticky-two-col-articles h3 {
        font-size: 19px;
        line-height: 25px;
    }
    .heading-with-border-col h2 {
        font-size: 18px !important;
        margin-right: 10px;margin-bottom: 10px;
    }
    .heading-with-border-col h3 {
        margin-bottom: 10px;
    }
    .heading-with-border-col { 
        flex-direction: column;
    }
    .heading-with-border-col p.subheading-with-border {
        margin-top: 0px;
        font-size: 12px;
    }
    .cstm-flex-row .col-md-2.col-sm-4, .cstm-flex-row .col-sm-2 {
        flex: 0 0 50%;
    }
    aside#related-persons .cstm-flex-row .col-sm-3 {
        flex: 0 0 50%;
    }
    .cstm-flex-row .col-md-3.col-sm-4 {
        flex: 0 0 50%;
    }
    aside#related-persons .cstm-flex-row .col-sm-3 {
        flex: 0 0 50%;
    }
    .heading-with-border-col p.subheading-with-border:after {
        bottom: -2px;
    }
    iframe.instagram-media {
        max-width: 100% !important;
        width: 100% !important;
        min-width: auto !important;
        overflow-wrap: normal;
    }
}
@media only screen and (max-width: 320px) {
    .main-sticky-two-col-articles h3 {
        font-size: 12px;
        line-height: 16px;
    }
    div#primary {
        padding: 0px;
    }
    section.latest-pet-articles-wrapper div.heading-col h2 {
        font-size: 17px;
    }
    .heading-border-col span {
        font-size: 12px;
        line-height: 12px;
    }
    .heading-col {
        padding-top: 10px;
    }
    section.celebrity-pets-trending-wrapper div.heading-col h2 {
        font-size: 15px;
    }
    .heading-with-border-col h2 {
        font-size: 19px !important;
    }
    .heading-with-border-col p.subheading-with-border {
        margin-top: 0px;
    } 
    .heading-with-border-col p.subheading-with-border:before{
        bottom: -5px;
    }
}
@media only screen and (min-width: 1025px) {
    #search-overlay__close {
        position: absolute;
        padding: 0px 22px;
    }
    .page div#primary {
        padding-top: 2px;
        padding-bottom: 0px;
    }
    .search .layout-block--main {
        width: 100%;
    }
    section.celebrity-pets-trending-wrapper .heading-col-wrapper .col-sm-3 {
        width: 19%;
    }
    section.celebrity-pets-trending-wrapper .heading-col-wrapper .col-sm-9 {
        width: 81%;
    }
    .search .layout-block--side {
        width: unset;
        padding: 0px;
    }
    .search-no-results section.latest-pet-articles-wrapper .col-sm-3, .search-no-results section.celebrity-pets-category-two-wrapper .col-md-2.col-sm-4 {
        padding-left: 0px;
    }
    div#sidebar-placeholder {
        width: 28%;
    }
    .single div#sidebar-placeholder {
        padding-right: 0px !important;
    }
    .layout-block--main {
        width: 72%;
        padding-left: 0px;
        padding-right: 0px;
    }
    div#primary-ad-block1, .search div#primary-ad-block, .error404 div#primary-ad-block {
        width: 72%;
    }
    .search .col-sm-12, .archive .col-sm-12{
        float: none;
    }
    .bio_information {
        width: 100%;
        max-width: 194px;
    }
}
@media only screen and (min-width: 1500px) {
    .site-footer:before{
        background-size: 80%;
    }
}
@media (max-width: 769px){
    .standard_post_list .media-heading {
        text-align: left;
    }
    .standard_post_list .media-person-heading {
        text-align: center;
    }
    .full-width-home-article-row {
        display: flex;
        flex-direction: column-reverse;
    }
    .full-width-home-article-row .full-width-home-article-cover {
        margin-bottom: 30px;
    }
    .full-width-home-article-row .full-width-home-article-cover img {
        margin-left: auto;
        margin-right: auto;
    }
    .full-width-home-article-text h2 {
        margin-bottom: 20px;
    }
    .full-width-home-article-text a.btn.btn-pink {
        margin-right: auto;
        margin-left: auto;
        display: block;
        max-width: 156px;
    }
    .single__celeb-profile__header .image {
        margin-left: auto;
        margin-right: auto;
    }
    .single_content-slider .slick-arrow {
        color: #db425f;
        position: absolute;
        top: 100px;
        border: none;
        background: none;
        font-size: 32px;
        height: auto;
        width: auto;
        z-index: 111;
        padding: 0;
    }
    .single_content-slider .slick-prev{
        left: 0px;
    }
    .single_content-slider .slick-next{
        right: 0;
    }
    .single_content-slider .row > div, .single_content-slider .row{
        margin: 0 !important;
        padding: 0 !important ;
    }
    .single_content-slider .slick-list {
    }
    .single_content-slider .col-sm-3{
        text-align: center;
    }
    .single__pet-image{
        position: relative;
        display: inline-block;
        margin-top: 10px;
    }
    .single__pet-image span {
        background: #db425f;
        color: #fff;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        display: block;
        line-height: 40px;
        font-size: 15px;
        right: 5%;
        position: absolute;
        top: 7%;
    }
    .ad-container {
        max-width: 100%;
         text-align:center !important;
     }
     .ad-container iframe {
       max-width: 90%;
        text-align:center !important;
     }
}
@media (max-width: 480px) {
    .ad-container {
      max-width: 100%;
        text-align:center !important;
    }
   .ad-container iframe {
      max-width: 90%;
       text-align:center !important;
    }
  }
  
 /*Mediavine Sidebar and Mobile Content Adjustment*/
@media only screen and (min-width: 1200px) {
    #main div[id*="primary"], #secondary {
        max-width: calc(100% - 320px);
    }
    #sidebar-placeholder {
        min-width: 320px;
    }
}
@media only screen and (max-width: 359px) {
    .site-main {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .site-main > .container > .row .single__pet-summary__bio {
        margin-left: unset !important;
        margin-right: unset !important;
    }
    .site-main > .container > .row > .col-sm-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #primary {
        padding-right: 0px !important;
    }
    .single__pet-summary__bio { 
         margin-right: unset !important;
    }
    #primary-ad-block .inner_tx, #primary-ad-block.single__celeb-profile {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .single__aside .row {
        margin-left: unset !important;
        margin-right: unset !important;
    }
    div#primary, #secondary, #sidebar-placeholder {
        max-width: 300px !important;
    }
    .container > .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
} 
@media only screen and (max-width: 767px){
    .site-header { 
        position: sticky;
        top: 0;
    }
    .site-header.hide {
        top: -85px;
    }
    .site-header.sticky-header {
        background-color: #fff;
        padding-bottom: 12px!important;
        box-shadow: 0px 2px 7px 0px #d1d1d1; 
    }
}
/*Mediavine CSS Ends*/