@media screen and (max-width:1899px) {
    .home-rt-full.adside-area .mn-rt-btm {
        margin: 0 auto;
        padding: 18px 18px 14px 12px;
    }
    .home-rt-full.adside-area {
        width: 330px;
        padding: 0px 5px;
    }
    .animal-list li a {
        padding: 0px 13px 0px 10px;
        gap: 2px;
        font-size: 15px;
    }
}
/* ------------------1899px-----------------  */
@media screen and (max-width:1860px) {
    .home-rt-full.adside-area{
        display: none;
    }
    /* ad details page */
    .home-rt-full.adside-area.aside-block{
        display: block;
    }
    /* ad details page */
}
/* ------------------11830px-----------------  */
@media screen and (max-width:1799px){
    .animal-list li a {
        padding: 0px 10px 0px 10px;
        gap: 2px;
        font-size: 14px;
    }
}
@media screen and (max-width:1699px){
    .animal-list li a {
        padding: 0px 7px 0px 7px;
        gap: 2px;
        font-size: 14px;
    }
}
@media screen and (max-width:1599px) {
    /* ad details page */
    .home-rt-full.adside-area.aside-block{
        display: none;
    }
    .d-15none{
        display:block !important;
    }
    .with-adside .breed-deets-mn {
        padding-right:57px;
    }
    /* ad details page */
    .animal-list li a {
        padding: 0px 5px 0px 5px;
        gap: 1px;
        font-size: 13px;
    }
}
/* ------------------1599px-----------------  */
/* side ad area */

@media screen and (max-width:1499px) {
    .animal-list li a {
        padding: 0px 8px 0px 6px;
        gap: 1px;
        font-size: 14px;
    }
    .type-drpmn .drop-submenu {
        right: auto !important;
        border-radius: 6px 0px 0px 6px !important;
        top: 0px !important;
        transform: translate(-98%, -0%) !important;
        left: -3px !important;
        position: absolute;
    }
 .type-drpmn .blw-subdrp-div:hover h6 svg, .type-drpmn .blw-subdrp-div.active h6 svg {
        transform: translateX(-16px) rotate(180deg);
    }
    .d-15-none{display: none;}
    .d-15-block{display: block;}
}
/* ------------------1499px-----------------  */

@media screen and (max-width:1399px) {
    .header-uppr .container-fluid, .header-below .container-fluid, footer .container-fluid {
        padding: 0px 20px !important;
    }
}
/* ------------------1399px-----------------  */

@media screen and (max-width:1299px) {
    .animal-list li a {
        padding: 0px 9px 0px 9px;
        font-size: 15px;
        line-height: 18px;
        gap: 4px;
    }
    .d-14-none{display: none !important;}
    .d-14-block{display: block !important;}
}
/* ------------------1299px-----------------  */
@media screen and (min-width:1100px){
    .custom-container.container{
        max-width:1000px;
    }
}

@media screen and (max-width:1199px) {
    .trnd-bxtxt {
        padding: 0px 4px 12px 4px;
        font-size: 13px;
        line-height: 16px;
    }
    .box-grn-bg {
        width: calc(((100vw - 960px) / 2) + 30px);
    }
    .home-rt-full {
        width: calc(100% + 86px);
        margin-left: -45px;
        padding: 50px 9px 80px 9px;
    }
    .rttp-inr-box h6 {
        font-size: 14px;
        line-height: 17px;
    }
    .rttp-inr-box em {
        height: 112px;
    }
    .pttp-box h6 {
        width: 100%;
        padding: 5px 0px 1px 0px;
        font-size: 14px;
        line-height: 19px;
    }
    .foot-logo {
        left: 13px;
        width: 140px;
    height: 137px;
    }
    .scrollTop {
        right: 61px;
        bottom: 281px;
        z-index: 999;
    }
    .animal-list li a {
        padding: 0px 4px 0px 5px;
        font-size: 14px;
        line-height: 18px;
    }
    .header-uppr .logo {
        width: 243.61px;
        height: 45px;
    }
    .logbtn-login {
        margin-right: 17px;
        font-size: 14px;
        line-height: 17px;
    }
    .logbtn-signup {
        width: 87px;
        height: 35px;
        font-size: 14px;
        line-height: 17px;
    }
    .hdr-srch {
        padding: 9px 14px 8px 0px;
        border-right: 1px solid #ECECEC;
        margin-right: 14px;
        width: 420px;
    }
    .list-mn-area .pttp-box h6 {
        padding: 13px 4px 8px 4px;
    }

    .snip-box {
        padding: 6px;
    }
    .snip-box h5 {
        font-size: 13px;
        line-height: 18px;
    }
    .snip-box h4 {
        font-size: 15px;
        line-height: 20px;
    }
    .snip-bxscl {
        gap: 2px;
    }
    .snip-bxscl li {
        width: calc(10% - 2px);
    }
    .breed-deets-mn h2 {
        font-size: 33px;
        line-height: 39px;
        margin-bottom: 12px;
    }
    .breed-deets-mn h3 {
        font-size: 26px;
        line-height: 31px;
        margin-bottom: 4px;
    }
    .vis-mis-box em {
        margin: -1px 13px 0px 0px;
        width: 71px;
        height: 71px;
    }
    .vis-mis-box em img {
        width: 40px;
        height: 40px;
    }
    .vismis-txt {
        width: calc(100% - 83px);
    }
    .vismis-txt p {
        font-size: 14px;
        line-height: 23px;
    }
    .ad-margin2 {
        width: 92%;
      }
}
/* ------------------1199px-----------------  */

@media screen and (max-width:1099px) {
    .home-rt-full {
        width: calc(100% + 64px);
        margin-left: -45px;
        padding: 50px 9px 80px 9px;
    }
    .rttp-inr-box em {
        height: 101px;
    }
    .animal-list li a {
        padding: 0px 3px 0px 2px;
        font-size: 12px;
        line-height: 18px;
    }
    .animal-list .anml-submnu li a {
        padding: 6px 7px 6px 10px;
        font-size: 14px;
        line-height: 16px;
        height: fit-content;
    }
    .breed-image iframe {
        height: 358px;
    }

}
/* ------------------1099px-----------------  */

@media screen and (max-width:991px) {
    .animal-list li a {
        padding: 0px 8px 0px 7px;
        font-size: 14px;
        line-height: 18px;
    }
    .drop-mnmenu .blw-subdrp-div {
        display:block;
    }
   .hdr-srch-inr button svg {
    display: block;
    }
    .hdr-srch-inr button{
        font-size: 0px;
    }
    .hdr-srch-inr button {
        width: 37px;
    }
    .hdr-srch-inr input {
        padding: 6px 136px 6px 8px;
    }
    .hdr-srch {
        width: 312px;
    }
    .hdr-srch-inr select {
        width: 92px;
        height: 40px;
        right: 46px;
        font-size: 13px;
        line-height: 23px;
        padding: 6px;
    }
    .header-uppr .logo {
        width: 212.61px;
        height: 42px;
    }
    .logbtn-login {
        margin-right: 13px;
        font-size: 13px;
        line-height: 15px;
    }
    .logbtn-login svg {
        display: block;
        width: 19px;
        height: 19px;
    }
    .logbtn-signup {
        width: 66px;
        height: 30px;
        font-size: 13px;
        line-height: 17px;
    }
    .scrollTop span a {
        width: 40px;
        height: 40px;
        outline-offset: 3px;
    }
    .scrollTop {
        right: 49px;
        bottom: 220px;
    }
    .hdng-txt h2 {
        font-size: 22px;
        line-height: 23px;
    }
    .hdng-txt p {
        font-size: 15px;
        line-height: 18px;
        width: 286px;
    }
    .see-mr {
        width: 129px;
        height: 34px;
        font-weight: 500;
        font-size: 13px;
        line-height: 22px;
    }
    h2.rttp-hdng {
        font-size: 22px;
        line-height: 26px;
    }
    .rttp-inr-box em {
     height:99px;
    }
    /* .trnd-box em img, .pttp-box em img, .rttp-inr-box em img {
        max-height: max-content;
        width: 100% !important;
    } */
    .home-rt-full {
        width: calc(100% + 50px);
        margin-left: -45px;
        padding: 45px 9px 80px 9px;
    }
    .box-grn-bg {
        width: calc(((100vw - 720px) / 2) + 30px);
    }
    .foot-logo {
        width: 100px;
        height:100px;
        position: static;
        margin: 0px auto;
    }
    .ftr-top-inr {
        padding-top: 1px;
    }
    .ftr-top {
        padding-top: 12px;
    }
    .ftr-connct h2 {
        margin-bottom: 21px;
    }
    .ftr-arw {
        top: 9px;
        right: 5px;
    }
    .headerfixed {
        box-shadow: 0px 3px 18px 0px #00000017;
    }
    .header-padding {
        height: 99px;
        padding: 44px 0px;
    }
    .list-mn-area .pttp-box em img{
        width: 100% !important;
    }
    .type-drpmn .blw-subdrp-div:hover h6 svg, .type-drpmn .blw-subdrp-div.active h6 svg {
        transform: translateX(-0px) rotate(0deg);
    }
    .type-drpmn .drop-submenu {
        right: auto !important;
        border-radius:0px 6px 6px 0px !important;
        top: 0px !important;
        transform: translate(0%, 0%) !important;
        left:100% !important;
        position: absolute;
    }
    .trnd-bxtxt {
        padding: 0px 8px 8px 8px;
        font-size: 13px;
        line-height: 15px;
    }
    .header-below, .mn-drptggl, .animal-list li a.animnl-nv-btn {
        height: 39px;
    }
    .drop-mnmenu, .type-drpmn {
        top: 39px;
    }
    .animal-list .anml-submnu li a,
    .blw-lft-drpdwn .drop-submenu a{
        padding: 7px 0px 7px 8px;
        font-size: 13px;
        line-height: 13px;
        font-weight: 400;
        height: fit-content;
    }
    .rttp-inr-box {
        padding: 3px;
    }
    .rttp-inr-box h6 {
        font-size: 12px;
        line-height: 14px;
    }
    .pet-bread .breadcrumb-item a, .pet-bread .breadcrumb-item {
        font-size: 13px;
    }
    .snip-box {
        width: calc(50% - 5px);
    }
    .breed-deets-mn h2 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 6px;
    }
    .breed-deets-mn h3 {
        font-size: 23px;
        line-height: 28px;
        margin-bottom: 2px;
    }
    .deets-snips {
        margin: 0px 0px 30px 0px;
    }
    .post-cmmnt-sec {
        padding: 7px 7px;
    }
    .animal-list li a {
        height: 40px;
    }
    .animal-list li:last-child .anml-submnu{
        border-radius: 6px 0px 6px 6px !important;
    }


    /* About Us */
    .vis-mis-box {
        padding: 11px;
    }
    .vis-mis-box em {
        margin: 0px 11px 0px 0px;
        width: 75px;
        height: 75px;
    }
    .vismis-txt {
        width: calc(100% - 86px);
    }
    .vismis-txt h4 {
        font-size: 21px;
        line-height: 20px;
        margin-bottom: 7px;
    }
    .vismis-txt p {
        font-size: 14px;
        line-height: 23px;
    }
    .vis-mis {
        padding: 45px 0px 70px 0px;
    }
    .vis-mis-hdr h2 {
        margin-bottom: 14px;
        font-weight: 600;
        font-size: 26px;
        line-height: 30px;
    }
    .vis-mis-hdr p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }
    .vis-mis-hdr {
        margin: 0px auto 21px auto;
    }
    .vis-mis-box em img {
        width: 44px;
        height: 44px;
    }
    .vis-mis-green {
        height: 205px;
    }
    .abt-sec-top h1 {
        margin-bottom: 4px;
        font-size: 28px;
        line-height: 35px;
    }
    .abt-sec-top p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 9px;
    }
    /* About Us */
    .dashboard-paper {
        padding: 15px;
    }
    .dash-hdng h2 {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 6px;
    }
    .dash-hdng {
        margin-bottom: 9px;
    }
    .stat-box em {
        width: 40px;
        height: 40px;
    }
    .stat-box em svg {
        width: 20px;
        height: 20px;
    }
    .stat-box {
        padding: 8px;
        gap: 8px;
        width: 100%;
    }
    .stat-txt{
        width: calc(100% - 48px);
    }
    .stat-txt p {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 6px;
    }
    .stat-box-area {
        margin-bottom: 48px;
        gap: 9px;
        flex-direction: column;
    }
    .comnt-txt{
        width: calc(100% - 73px);
    }
    .comment-box {
        align-items: flex-start;
    }
    .comnt-txt p {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 6px;
    }
    .comnt-txt h3 {
        margin-bottom: 6px;
    }

.artcl-prvnxt {
    gap: 10px;
}
.artcl-prv{
    order: 2;
}
.more-article{width: 100%;}
.artcl-prvnxt {
    margin-bottom: 20px;
    flex-direction: row-reverse;
}
.vis-mis-box {
    box-shadow: 5px 3px 9px #bdc4c85c;
    padding: 13px 15px;
    margin-bottom: 20px;
}
.vis-mis {
    padding: 45px 0px 46px 0px;
}
.pass-flex{
    flex-direction: column;
}
.img-upld-txt{
    width: calc(100% - 82px);
}
.faq-major h3 {
    font-size: 26px;
    line-height: 33px;
}
.accordion-body {
    font-size: 15px;
    line-height: 25px;
}
.accordion-header button {
    font-size: 16px;
    line-height: 17px;
}
.other-petmenu .blw-subdrp-div{
    display:block;
}
.d-mob-block{
    display: none !important;
}
.d-mob-none{
    display: block !important;
}
.abt-sec-top h2 {
    font-size: 19px;
}
.ad-margin2 {
    width: 87%;
  }
  .breed-image iframe {
    height:221px;
}
}

/* ------------------991px-----------------  */


@media screen and (max-width:767px) {
    .trnd-box em img, .pttp-box em img, .rttp-inr-box em img {
        width: 100% !important;
    }
    .rttp-inr .row {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
    .rttp-inr .col-lg-6 {
        padding: 0px 20px !important;
    }
    .box-grn-bg {
        width: 100%;
        top: auto;
        bottom: 0px;
        height: 1289px;
    }
    .home-rt-full {
        width: 100%;
        margin-left: 0px;
        padding: 16px 9px 16px 9px;
    }
    .mn-rt-btm {
        width: 100%;
        max-width: 100%;
        height: 265px;
        padding: 18px 66px 14px 22px;
        overflow: hidden;
    }
    .mnrtbtm-bg {
        height: auto;
    }
    .mn-rt-btm img.old-logo {
        margin: 0 auto 0 53px;
    }
    .ftr-top {
        padding-top: 3px;
    }
    .home-mn-lft {
        padding: 13px 0px 0px 0px;
        margin-bottom: 29px;
    }
    .hdr-srch {
        width: auto;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: relative;
    }
    .hdr-srch-inr {
        background: transparent;
        position: absolute;
        top: 38px;
        z-index: 999;
        right: 12px;
        width: 301px;
        display: none;
    }
    .hdr-srch-inr select {
        width: 88px;
        height: 40px;
        right: 68px;
        font-size: 13px;
        line-height: 23px;
        padding: 6px;
    }
    .hdr-srch-inr input {
        padding: 6px 43px 6px 8px;
        border: none !important;
        box-shadow: 3px 1px 8px 0px #0000004f;
    }
    .hdr-srch-inr input {
        padding: 6px 43px 6px 8px;
        border: none !important;
        box-shadow: 3px 1px 8px 0px #0000004f;
        border-radius: 6px 0px 6px 6px;
    }
    .hdr-srch-inr::after {
        content: '';
        position: absolute;
        top: 0px;
        right: 0px;
        transform: translateY(-100%);
        width: 12px;
        height: 14px;
        background-image: url(
            ../images/srch-sfter.png);
        display: block;
        z-index: 999;
        background-size: 100% 100%;
        background-position: right bottom;
        background-repeat: no-repeat;
    }
    .hdr-srch-inr button {
        font-size: 13px;
        width: 59px;
    }
    .hdr-srch-inr button svg {
        display: none;
    }
    .header-padding {
        height: 99px;
        width: 100%;
        padding: 37px 0px;
        display: block;
    }
    .scrollTop {
        right: 49px;
        bottom: 220px;
    }
    .rttp-inr-box em {
        /* height: 222px; */
        height: fit-content;
        align-items: flex-start !important;
    }
    .list-mn-area .pttp-box em {
        /* height: 188px; */
        height: fit-content;
    }
    .anml-submnu {
        width: 128px;
        overflow: hidden;
    }
    .trnd-bxtxt {
        padding: 0px 8px 6px 8px;
        font-size: 14px;
        line-height: 26px;
    }
    .trnd-bxtxt::before {
        height: 41px;
        top: -14px;
    }
    .home-trending {
        margin-bottom: 12px;
    }
    .home-pet-tp {
        margin-bottom: 8px;
    }
    .mn-rt-top {
        margin-bottom: 16px;
    }
    /* .trnd-box em {
        height: 244px;
    } */

    .breed-deets-mn em {
        margin-bottom: 18px;
    }
    .pstd-cmnt-div {
        padding: 0px 0px 29px 0px;
    }
    .cmmnt-box p {
        font-size: 14px;
        line-height: 20px;
    }
    .cmmnt-hd h6 {
        font-size: 14px;
    }
    .pstd-cmnts h4 {
        margin-bottom: 9px;
    }
    .breed-deets-mn {
        padding-right:0px;
    }
    .breed-comment {
        margin-top: 19px;
        margin-bottom: 55px;
        margin-right: 0px;
    }
    .mb-92 {
        margin-bottom: 40px !important;
    }
    .breed-grnbg.box-grn-bg {
        height: 1640px;
    }

    .rttp-inr-box h6 {
        font-size: 14px;
        line-height: 16px;
    }
    .rttp-inr-box {
        padding: 8px;
    }
    .artcl-dtbox h1 {
        font-size: 26px;
        line-height: 31px;
        margin-bottom: 8px;
    }
    /* .artcl-dtbox p {
        font-size: 15px;
        line-height: 24px;
    } */
    .artcl-dtbox h1 {
        font-size: 23px;
        line-height: 28px;
    }
    .artcl-dtbox {
        margin-bottom: 27px;
    }
    .header-uppr .logo {
        width: 188px;
        height: 37px;
    }
/* ad details page */
    .with-adside .breed-deets-mn {
        padding-right: 0px;
    }
/* ad details page */
.animal-list li:last-child .anml-submnu {
    left: -1px !important;
}
.vis-mis-box {
    margin-bottom: 20px;
}
.vis-mis {
    padding: 25px 0px 45px 0px;
}
.abt-sec-top em {
    margin-bottom: 13px;
}
.stat-box-area {
    margin-bottom: 32px;
}
.stat-box {
    width: 49%;
}
.comment-area h4 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 8px;
}
.edit-prof-main {
    padding: 39px 0px 0px 0px;
}
.term-box p,
.term-box ul li,
.disclaim-sec p,
.disclaim-sec ul li{
    font-size: 14px;
    line-height: 22px;
}
.term-box h2 {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 7px;
}
.term-box h3 {
    font-size: 18px;
    line-height: 25px;
}
.term-box h3 span {
    width: 7px;
    height: 7px;
    margin-top: 9px;
}
.pb-100 {
	padding-bottom: 136px !important;
}
.article-deets-page .em-breed-ad {
	padding: 0px;
	margin-bottom: 12px;
	margin-top: -14px;
}
.about-ad.m-20 {
	margin: 20px auto 40px auto !important;
}
/* .breed-deets-mn p {
	font-size: 15px;
	line-height: 24px;
} */
.footer-advert.hdr-below-advrt {
	max-width: 100%;
}
.ad-margin2 {
    width: 100%;
  }
  .breed-image iframe {
    height: 283px;
}
.autor-top text {
    width: 100%;
}

}
/* ------------------767px-----------------  */

@media screen and (max-width:575px) {
    .header-uppr .logo {
        width: 167px;
        height: 33px;
    }
    .hdr-srch {
        padding: 6px 7px 6px 0px;
        margin-right: 7px;
    }
    .hdr-srch-inr {
        right: 7px;
    }
    .scrollTop {
        right: 18px;
        bottom:220px;
    }
    .links-ul {
        gap: 13px;
    }
    .header-padding {
        height: 97px;
        padding: 35px 0px;
    }
    .login-frm .row .col-sm-6{
        width: 50%;
        max-width: 50%;
    }
    .type-drpmn .drop-submenu {
        right: auto !important;
        border-radius: 6px 6px 6px 6px!important;
        top: 36px !important;
        transform: translate(-99%, 0%) !important;
        left: 100% !important;
        position: absolute;
        z-index: 99;
        /* width: 100%; */
    }
    .type-drpmn {
        padding-bottom: 12px;
        padding-top: 8px;
    }
    .type-drpmn .dropdown-item h6 {
        padding-left: 14px;
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
        width: 206px;
        border-radius: 0px 6px 6px 0px;
    }
    .type-drpmn li a{
        height: fit-content !important;
    }

    .dropdown-item h6, .blw-subdrp-div button h6 {
        padding-left: 15px;
        font-weight: 400;
        font-size: 14px;
        line-height: 36px;
        width: 213px;
    }
    .type-drpmn .dropdown-item h6, .dropdown-item h6, .blw-subdrp-div button h6 {
        padding-left: 8px;
    }
    .rttp-inr-box em {
        height: fit-content;
    }
    .breed-grnbg.box-grn-bg {
        /* height: 1690px; */
        display: none;
    }
    .wd480 {
        padding: 0px 0px !important;
    }
    .home-rt-full {
        width: 100%;
        margin-left: 0px;
        padding: 16px 30px;
    }
    .breed-deets-mn h2 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 6px;
    }
    .breed-deets-mn h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 2px;
    }
    .breed-deets-mn em {
        margin-bottom: 8px;
    }
    .deets-snips {
        margin: 0px 0px 14px 0px;
    }
    .animal-list li:last-child .type-drpmn {
        right: 0px;
        left: auto;
    }
    .list-mn-area .pttp-box em,
    .trend-pgbx.trnd-box em,
    .pttp-box em,
    .trnd-box em{
    width: 100%;
    height: auto !important;
    padding-top: 100%;
    }
    .list-mn-area .pttp-box em img,
    .trend-pgbx.trnd-box em img,
    .pttp-box em img,
    .trnd-box em img{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: translate(0%, 0%);
    }
.box-grn-bg{display: none;}
.contact-paper {
    padding: 12px;
}
.contact-paper p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.contact-address {
    padding: 10px;
}
.contact-form button {
    margin-bottom: 16px;
}
.contact-paper.edit-prof {
    padding: 12px;
}
.imp-upld-inr {
    padding: 5px;
}
.img-upld-txt p{
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 20px;
}
.img-upld-txt h5 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 1px;
}
.edit-prof-frm .name-flex{
    flex-direction: column;
    gap: 0px;
}
button.edit-save{
    margin: 0px 0px 0px 0px;
}
.mt-42 {
    margin-top: 23px;
}
.img-upld-txt{width: calc(100% - 90px);}
.stat-box {
    width: 48%;
}
.breed-list-hdng p {
    font-size: 14px;
}
.edit-phone select {
	font-size: 13px;
	width: 178px !important;
}
.login-inpt-box.edit-phone input {
	width: calc(100% - 169px);
}
.login-inpt-box.edit-phone label {
	left: 188px;
}
.deet-ads{
    margin: 12px 0px !important;
}
.breed-comment{
    margin-bottom: 12px;
}
.about-ad.m-20{
    margin:12px auto !important;
}
.post-cmmnt-sec h3 {
	font-weight: 500;
	font-size: 14px;
}
.cmmnt-box p {
	margin-bottom: 18px;
}
.type-drpmn {

    padding-top: 0px;
  }
  .autor-top {
    margin-bottom: 15px;
}
}
/* ------------------575px-----------------  */

@media screen and (max-width:480px) {
    .header-uppr .container-fluid, .header-below .container-fluid, footer .container-fluid {
        padding: 0px 7px !important;
    }
    .animal-list {
        margin-left: 7px !important;
    }
    /* s */
    .type-drpmn .dropdown-item h6,.dropdown-item h6, .blw-subdrp-div button h6 {
        padding-left:8px;
        font-size: 14px;
        line-height: 32px;
        width: 145px;
    }
    .type-drpmn .dropdown-item {
        height: fit-content !important;
        padding-bottom: 0px !important;
    }
    .type-drpmn .dropdown-item h6, .blw-subdrp-div button h6 {
        height: fit-content;
        white-space: normal;
        line-height: 1.3;
        font-weight: 400;
        padding: 6px 7px 6px 8px;
    }
    .drop-cnnct-socials a {
        display: block;
        width: 15px;
        height: 15px;
    }
    .drop-cnnct-socials {
        gap: 5px;
    }
    .drop-connect {
        gap: 4px;
        padding: 5px 0px 8px 8px;
    }
    .hdr-srch-inr {
        width: 188px;
    }
    .hdr-srch-inr button {
        font-size: 12px;
        width: 50px;
    }
    .animal-list li:last-child .type-drpmn {
        right: 0px;
        left: auto;
    }
    .type-drpmn .blw-subdrp-div:hover h6 svg, .type-drpmn .blw-subdrp-div.active h6 svg {
        transform: translateX(-8px) rotate(0deg);
    }
    .anml-submnu {
        width: 136px;
    }
    .drop-connect h6 {
        font-size: 14px;
        font-weight: 400;
    }
    .animal-list li a svg{
        display: block;
        width: 11px;
        height: 11px;
    }
    .list-mn-area .pttp-box h6 {
        padding: 7px 4px 7px 8px;
    }
    .list-mn-area .pttp-box {
        margin-bottom: 22.5px;
        height: calc(100% - 22.5px);
    }
    .hdr-srch-inr {
        width: 100vw;
        right: -158px;
        top: 53px;
        padding: 0px 6px;
    }
    .hdr-srch-inr::after {
        background-image: none !important;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        right: 166px;
    }
    .hdr-srch-inr input {
        border-radius: 6px !important;
    }
    .hdr-srch-inr {
        top: 45px;
    }
    .trnd-bxtxt {
        padding: 3px 8px 9px 8px;
        font-size: 14px;
        line-height: 18px;
    }
    .type-drpmn .drop-submenu {
        right: auto !important;
        border-radius: 6px 6px 6px 6px!important;
        top: 30px !important;
        transform: translate(-99%, 0%) !important;
        left: 113% !important;
        position: absolute;
        z-index: 99;
        /* width: 100%; */
    }
    .foot-logo {
        width: 80px;
        height: 80px;
    }
    .ftr-connct h2 {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 10px;
    }
    .fr-sos-ul li a {
        width: 24px;
        height: 24px;
    }
    .ftr-top {
        z-index: 9;
        margin-bottom: -12px;
    }
    .scrollTop span a {
        width: 30px;
        height: 30px;
        outline-offset: 3px;
    }
    .scrollTop {
        right: 18px;
        bottom: 180px;
    }
    .ftr-arw {
        top: 9px;
        right: 21px;
        width: 24px;
    height: 31px;
    }
    .links-ul li a {
        font-size: 13px;
        line-height: 14px;
        font-weight: 400;
    }
    .links-ul {
        row-gap: 0px;
        padding: 23px 0px 12px 0px !important;
        column-gap: 10px;
    }
    .hdr-srch-inr button {
        right: 10px;
    }
    .hdr-srch-inr input {
        padding: 6px 61px 6px 8px;
    }
    .drop-mnmenu, .type-drpmn {
        padding-bottom: 8px;
        padding-top: 0px;
    }
    .blw-lft-drpdwn .drop-submenu {
        width: 140px;
    }
    .animal-list .anml-submnu li a, .blw-lft-drpdwn .drop-submenu a {
        white-space: normal;
    }
    .ftr-top-inr p {
        font-weight: 400;
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 6px;
    }
    .copy-sec {
        padding: 2px 0px;
    }
    .type-drpmn li,
    .type-drpmn .blw-subdrp-div{
        border-bottom: 1px solid #ffffff1f;
    }
    .animal-list .type-drpmn .drop-submenu li{
        border-bottom: 0px solid transparent;
    }

    .breed-grnbg.box-grn-bg {
        display: none;
    }
    .home-rt-full {
        width: 100%;
        margin-left: 0px;
        padding: 16px 16px;
    }
    .rttp-inr .row {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }
    .rttp-inr .col-lg-6 {
        padding: 0px 8px !important;
    }
    .rttp-inr-box {
        padding: 4px;
    }
    .breed-list-inr .pagination li a, .trending-page .pagination li a {
        width: 31px;
        height: 31px;
        font-size: 14px;
    }
    .artcl-prvnxt {
        gap: 10px;
    }
    .artcl-prv{
        order: 2;
    }
    .more-article{width: 100%;}
    .artcl-prvnxt {
        margin-bottom: 20px;
        flex-direction: row-reverse;
    }
    .abt-sec-top h1 {
        margin-bottom: 4px;
        font-size: 22px;
        line-height: 28px;
    }
    .abt-sec-tpinr {
        margin-bottom: 12px;
        padding: 5px;
    }
    .abt-sec-top {
        padding-bottom: 12px;
    }
    .vis-mis-hdr h2 {
        margin-bottom: 8px;
        font-size: 25px;
        line-height: 32px;
        font-weight: 500;
    }
    .vis-mis-hdr p {
        font-size: 14px;
        line-height: 22px;
    }
    .owl-testi .item {
        padding: 12px;
    }
    .testi-box p {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 9px;
    }
    .testi-hdng h2 {
        margin-bottom: 18px;
        font-size: 27px;
        line-height: 27px;
    }
    .testi-hdng p {
        font-size: 15px;
        line-height: 22px;
    }
    .testi-hdng {
        margin: 0 auto 3px auto;
    }
    .vis-mis {
        padding: 25px 0px 17px 0px;
    }
    .stat-box {
        width:100%;
    }
    .stat-txt h6 {
        font-size: 16px;
        line-height: 15px;
    }
    .comment-box {
        flex-direction: column;
        gap: 7.13px;
    }
    .comnt-txt {
        width: 100%;
    }
    .ternd-hdng {
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 20px;
        flex-direction: column;
        gap: 12px;
    }
    .hdng-txt p {
        width: 100%;
    }
    .dash-hdng p {
        font-size: 14px;
        line-height: 20px;
    }

    .trnd-lsthdng-rt h5 {
        font-weight: 400;
        font-size: 13px;
        line-height: 18px;
        text-align: right;
        letter-spacing: 0.01em;
        white-space: normal;
    }
    .pb-100 {
        padding-bottom: 115px !important;
    }
    .log-contact h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .article-deets-page .em-breed-ad {
        padding: 0px;
        margin-bottom: 12px;
        margin-top: -20px;
    }

    .test .test2 {
        width: 160px;
      }

      .home-mn-rt .trnd-body .trnd-bxtxt {
        font-size: 13px;
        line-height: 15px;
        padding: 0 4px 8px 4px;
    }
    .rttp-inr-box h6 span {
        display: block;
        width: 100%;
        font-size: 15px;
        text-align: center;
    }
    .rttp-inr-box h6 svg{display: none;}
    .breed-image iframe {
        height: 213px;
    }
    .crtr-tabs li button {
        font-size: 13px;
        line-height: 16px;
    }
    .autor-top text p {
        font-size: 15.5px;
        line-height: 26px;
    }
    .autor-top text h2 {
        font-size: 27px;
        line-height: 34px;
        margin-bottom: 5px;
    }
    .autor-top text h4 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .breed-image img{
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
}

/* ------------------480px-----------------  */

@media screen and (max-width:400px) {
    .ternd-hdng {
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 20px;
        flex-direction: column;
        gap: 12px;
    }
    .hdng-txt p {
        width: 100%;
    }
    .animal-list li a {
        padding: 0px 6px 0px 4px;
        font-size: 13px;
        line-height: 18px;
        gap: 2px;
    }
    .mn-rt-btm {
        width: 100%;
        max-width: 100%;
        height: 323px;
        padding: 18px 35px 14px 22px;
        overflow: hidden;
    }
    .box-grn-bg {
        height: 756px;
    }
    .animal-list .drop-submenu li a {
        padding-left: 10px !important;
        font-size: 13px !important;
        line-height: 32px !important;
        height: 28px;
    }
    .animal-list .anml-submnu li a {
        padding: 6px 7px 6px 10px !important;
        font-size: 14px !important;
        line-height: 16px !important;
        height: fit-content;
    }
    .login-box {
        padding: 18px 12px;
    }
    .login-page {
        padding: 23px 0px 67px 0px;
    }
    .login-frm .row .col-sm-6{
        width:100%;
        max-width:100%;
    }
    .list-mn-area .pttp-box h6 {
        padding: 7px 0px 7px 0px;
        font-size: 12px;
        line-height: 12px;
    }
    .breed-list-inr .pagination li a {
        width: 30px;
        height: 30px;
        font-size: 13px;
        line-height: 13px;
    }
    .breed-list-inr .pagination li a svg {
        display: block;
        width: 11px;
        height: 12px;
    }
    .breed-list-hdng p {
        font-size: 13px;
        line-height: 21px;
    }
    .breed-list-hdng h2 {
        font-size: 19px;
        line-height: 36px;
    }
    .pet-bread .breadcrumb-item a, .pet-bread .breadcrumb-item {
        font-size: 13px;
        line-height:20px;
    }
    .mb-50 {
        margin-bottom: 30px !important;
    }
    .scrollTop {
        right: 18px;
        bottom: 203px;
    }
    .anml-submnu {
        width: 121px;
    }
    .header-uppr .logo {
        width: 144px;
        height: 28px;
    }
    .name-flex {
        gap: 0px;
        flex-direction: column;
    }
    .contact-address {
        flex-direction: column;
    }
    .contact-address em {
        margin: 0px 0px 12px 0px;
    }
    .contact-address h3 {
        width: 100%;
    }
    .contact-address h3 {
        font-weight: 400;
        font-size: 13px;
        line-height: 22px;
    }
    h2.profdropid{font-size: 0px;margin-left: 10px;}
    h2.profdropid svg {
        margin: 2px 0px 0px 0px;
    }
    h2.profdropid em {
        margin: 0px 1px 0px 0px;
    }
    .loggd-in-hdr .hdr-srch-inr {
        right: -66px;
    }
    .loggd-in-hdr .hdr-srch-inr::after {
        right: 77px;
    }
    .edit-phone select {
        padding: 2px 22px 2px 6px;
        font-size: 12px;
        line-height: 18px;
        width: 105px !important;
    }
    .login-inpt-box.edit-phone input {
        width: calc(100% - 96px);
    }
    .login-inpt-box.edit-phone label {
        left: 114px;
    }
    .gender-radio-box {
        gap: 8px;
    }
    .header-padding {
        height: 98px;
        padding: 35px 0px;
    }
    .term-box p, .term-box ul, .term-box h3{
        padding-left: 0px !important;
    }
    .term-box h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 7px;
    }
    .terms-paper h1 {
        font-size: 27px;
    }
    .trending-list-hdng.breed-list-hdng h2::before {
        bottom: -12px;
    }
    .trnd-lsthdng-rt h5 {
        margin-right: 4px;
    }
    .trnd-lsthdng-rt {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    .trending-list-hdng form{
    width: calc(100% - 100px);
    }
    .trnd-lsthdng-rt .login-inpt-box {
        width: 222px;
        height: 43px;
        margin-bottom: 0px;
        max-width: 100%;
    }
    .vis-mis-hdr h2 {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 27px;
        font-weight: 500;
    }
    .autor-top em {
        float: none;
        margin: 0 auto 20px auto;
    }
    .autor-top text h4, .autor-top text h2, .autor-top text p{
        text-align: center;
    }

}
/* ------------------400px-----------------  */

@media screen and (max-width:359px) {
    .animal-list li a {
        padding: 0px 3px 0px 3px;
        font-size: 12px;
        line-height: 18px;
        gap: 2px;
    }
    .animal-list {
        margin-left: 2px !important;
    }
    .ftr-top-inr p {
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
    }
    .scrollTop {
        right: 18px;
        bottom: 201px;
    }
    .log-bttns{
        flex-direction: column;
    gap: 4px;
    padding: 4px 0px;
    }
    .hdr-srch {
        height: 61px;
    }
    .mn-drptggl {
        height: 30px;
    }
    .animal-list li a {
        height: 30px;
    }
    .header-below {
        height: 39px;
    }
    .header-padding {
        height: 91px;
        padding: 45px 0px;
    }
    .trnd-bxtxt {
        padding: 0px 8px 12px 8px;
        font-size: 13px;
        line-height: 19px;
    }
    .home-trending {
        margin-bottom: 14px;
    }
    .pttp-box h6 {
        width: 100%;
        padding: 2px 2px 0px 2px;
        font-size: 13px;
        line-height: 19px;
    }
    .box-grn-bg {
        height: 788px;
    }
    .drop-mnmenu, .type-drpmn {
        top: 39px;
    }
    .hdr-srch-inr {
        right: -94px;
    }
    .hdr-srch-inr::after {
        right: 105px;
    }
    .hdr-srch-inr {
        top: 53px;
    }
    .type-drpmn .drop-submenu {
        right: auto !important;
        border-radius: 6px 6px 6px 6px!important;
        top: 26px !important;
        transform: translate(-99%, 0%) !important;
        left: 100% !important;
    }
    .header-padding {
        height: 116px !important;
        padding: 35px 0px;
    }

    .imp-upld-inr em {
        width: 60px;
        height: 60px;
    }
    .img-upld-txt {
        width: calc(100% - 64px);
    }
    .img-upld-txt h5 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 2px;
    }
    .img-upload-sec {
        margin: 16px 0px 23px 0px;
    }

    /* .trending-list-hdng{
        flex-direction: column;
    }
    .trending-list-hdng form{
        margin: 5px 0px 0px auto;
    }
    .trending-list-hdng.breed-list-hdng h2::before {
        bottom: -52px;
    } */
    .trending-list-hdng.breed-list-hdng h2::before {
        bottom: -17px;
    }
    .trending-list-hdng{align-items:center !important;}
    .trnd-lsthdng-rt{
        flex-direction: column !important;
        justify-content:flex-start !important;
        align-items:flex-start !important
    }
    .trnd-lsthdng-rt h5{
        margin-right: 0px;
        margin-bottom: 3px;
    }
}
/* ------------------360px-----------------  */