@media (max-width: 1500px) {

}

@media (max-width: 1400px) {

  .banner-heading {

    font-size: 45px;}

    .about-left {padding: 0 24px;}

    .heading-topic {font-size: 22px;}

    .section-heading h3 { font-size: 25px;}

    .section-heading p {font-size: 16px;line-height: 26px;}

    .flogo img{width: 120px;}

    .custom-logo-link img{width: 120px;height: auto;}

    .footer-item-content {gap: 15px;}

    .footer-links li a {font-size: 14px;line-height: 34px;}

    .footer-content p {font-size: 14px;}

    .footer-bottom{padding-top: 20px;padding-bottom: 20px;}

    .footer-bottom p {font-size: 14px;}

    .why-friend-small-img {bottom: 72px;left: -61px;}

    .why-friend-small-img img{    width: 100%;height: 100%;object-fit: cover;}

    .arrow-img-design {top: 69px;left: -65px;}

    .team-heading {font-size: 20px;}

    .team-card-content {bottom: 6px;padding: 4px 9px;}

    .dog-card-hover-content{bottom: 6px;padding: 4px 9px;}

    .team-desc {font-size: 13px;line-height: 23px;}

    .section-heading-contact h3 {

        font-size: 24px;line-height: 30px;}

        .adoption-heading h3 {font-size: 30px;}

        .header-item a {padding: 20px 20px !important;}

        section {padding-top: 50px;padding-bottom: 50px;}

        .how-help-card-heading {font-size: 24px;}

        .success-story-top-content h3 {font-size: 35px;}

        p { font-size: 16px;line-height: 26px;}

        .success-story-right{display: flex;flex-direction: column;align-items: center;justify-content: center;}

        .success-story-top-content { padding-bottom: 20px; margin-bottom: 20px;}

        .arrow-img-design { top: 44px;left: -32px;}

        .big-heading h3 {

            font-size: 35px;}

            /* new page design */

.donation-directly-content p {font-size: 18px;}

.donation-directly-icon {width: 70px; height: 70px;}

.donation-directly-icon img {width: 28px;}

.donation-directly-card {padding-top: 43px;}

    .why-friend-small-img img {width: 304px; height: 354px;}

            .choose-list-option .form-check .form-check-input {width: 30px;height: 30px;}

.choose-list-option .form-check-input:checked[type=checkbox] {background-size: 24px;}



        }



        @media (max-width: 1300px) {

            .success-story-left{height: 100%;}

        }

        @media (max-width: 1200px) {



        }

        @media (max-width: 1100px) {

           .how-help-card-heading {font-size: 22px;}

           .success-story-right {padding: 30px;}

           .success-story-top-content h3 {font-size: 30px;}

       }

       @media (max-width: 1024px) {

          .banner-heading {font-size: 40px;}

          .about-left {padding: 0 24px;}

          .heading-topic {font-size: 22px;}

          .section-heading h3 { font-size: 25px;}

          .section-heading p {font-size: 16px;line-height: 26px;}

          .flogo img{width: 120px;}

          .custom-logo-link img{width: 120px;height: auto;}

          .footer-item-content {gap: 15px;}

          .footer-links li a {font-size: 14px;line-height: 34px;}

          .footer-content p {font-size: 14px;}

          .footer-bottom{padding-top: 20px;padding-bottom: 20px;}

          .footer-bottom p {font-size: 14px;}

          .why-friend-small-img {bottom: 72px;left: -61px;}

          .why-friend-small-img img{    width: 100%;height: 100%;object-fit: cover;}

          .arrow-img-design {top: 69px;left: -65px;}

          .team-heading {font-size: 20px;}

          .team-card-content {bottom: 6px;padding: 4px 9px;}

          .dog-card-hover-content{bottom: 6px;padding: 4px 9px;}

          .team-desc {font-size: 13px;line-height: 23px;}

          .section-heading-contact h3 {

            font-size: 24px;line-height: 30px;}

            .adoption-heading h3 {

                font-size: 30px;}

                .new-addopt-heading h3{font-size: 25px;}

                .new-addopt-heading p {font-size: 15px;line-height: 25px;}

            }

            @media (max-width: 992px) {

               .join-us-main { flex-wrap: wrap;}

               .join-us-items {

                padding: 0 18px;}

                .navbar-toggler{border: none;padding: 0;}

                .navbar-toggler:focus{box-shadow: none;}

                .navbar-toggler-icon {background-image: url(../images/bar.png) !important;background-size: 24px;}

                header .navbar-collapse {align-items: center;background: #000000;padding: 16px 19px;position: absolute;top: 50px;right: 0;        min-width: 180px;}

                .header-item a {padding: 10px 0px !important;font-size: 14px;}

                .right-contact{margin-top: 20px;}

                .arrow-img-design{display: none;}

                .why-friend-right {text-align: center !important;}

                .why-friend-small-img { bottom: 70px;left: 98px;}

                .header-mid-container {padding: 6px;}

                .header-mid-container .container{padding: 0;}

                .navbar-collapse .navbar-nav{align-items: start !important;}

                .success-left{text-align: center;}

                .success-right {padding-left: 0;}

                .success-right-2 {padding-right: 0px;}

                .success-story-page .col-lg-4{order: -1;}



/* 23june css */

.addopt-container-left{justify-content: start;width: 100%;}

.addopt-container-right {padding: 60px 10px 60px 10px;}

.addopt-container-left {padding: 60px 10px 60px 10px;}

.new-addopt-container-inner-left {

    max-width: 100%;

}

.new-addopt-container-inner-right {    max-width: 100%;}

/* new page design */

.choose-your-impact-sec .why-friend-small-img {left: 0;}

.why-friend-small-img {left: 0;}

.donation-directly-icon {width: 60px;height: 60px;}

  .donation-directly-card {padding-top: 30px;}

  .donation-directly-content p {font-size: 16px;}

.secure-donation-card {border-right: none;}

}



@media (max-width: 768px) {

  p {font-size: 15px;line-height: 26px;}

  section {padding-top: 35px;padding-bottom: 35px;}

  .footer-bottom-content { display: block;}

  .subscribe-top { font-size: 15px;}

  .footer-icons{margin-bottom: 25px;        gap: 12px !important;}

  footer {padding-top: 35px;}

  .flogo img {width: 195px;}

  .footer-content h5 {font-size: 16px;}

  .mb-40 {margin-bottom: 20px;}

  .footer-bottom {padding-top: 16px;padding-bottom: 16px;margin-top: 20px;        text-align: center;}

  .section-heading h3 {font-size: 20px;}

  .section-heading p {font-size: 16px;line-height: 26px;}

/* header-top css */

.header-top-inner{  flex-direction: column;justify-content: center !important;align-items: center !important;}

.header-top-left {gap: 1px;flex-direction: column;}

.header-top{display: none;}

.custom-logo-link img{width: 100px;height: auto;}

.header-mid-container {    margin-top: 8px;}

.donatenow-btn-sec .theme-btn{ font-size: 12px;padding: 7px 10px 7px 25px;background-image: url(../images/paw\ 1.svg);background-position: 8px center;background-size: 12px;

   border: 1px solid #FA70701A;}

   .banner-heading {font-size: 30px; margin-bottom: 17px;}

   .banner-para {font-size: 15px;line-height: 25px;margin-bottom: 15px;}

   .arrow-2 {display: none;}

   .theme-btn { font-size: 14px;padding: 8px 17px 8px 31px;background-position: 10px center;background-size: 14px;white-space: nowrap;

   }

   .banner-section {    height: 80vh;}

   .banner-btns {gap: 8px;margin-top: 30px;        flex-wrap: wrap;}

   .join-us-main {flex-direction: column;gap: 12px;margin-top: 20px;}

   .join-us-items{padding: 0;border: none;        text-align: center;}

   .big-heading {margin: auto;}

   .big-heading h3 {font-size: 24px;    text-align: center;}

   .big-heading h3 span {display: unset;}

   .join-us-sec .big-heading{text-align: center;}

   .about-left {padding: 0;}

   .mt-30 {margin-top: 20px;}

   .mb-30 {margin-bottom: 20px;}

   .section-heading p {font-size: 15px;line-height: 25px;}

   .banner-content{  margin-top: 27px;}

   .flogo img {width: 100px;}

   .subscribe .btn-subscribe {font-size: 14px;}

   .subscribe input {font-size: 14px;}

   .why-friend-small-img {bottom: 70px;left: 40px;}

   .why-friend-right {padding: 22px;}

   .why-friend-small-img {bottom: 20px;left: -6px;}

   .why-friend-small-img img {width: 190px;height: 190px;}

   .heading-topic {font-size: 18px;}

   .read-more-sec { margin-top: 30px;}

   .how-help-card-para {font-size: 15px;}

   .why-list-icon { width: 60px;height: 60px;flex: 0 0 60px;}

   .why-list-icon img{width: 30px;height: 30px;}

   .why-list-content h4 {font-size: 20px;}

   .why-list-content p {font-size: 15px;}

   .success-story-top-content h3 {font-size: 24px;}

   .success-story-top-content {padding-bottom: 20px;margin-bottom: 20px;}

   .success-story-right {padding: 20px;}

   .join-us-sec {padding: 30px 0;}

   .big-heading p {font-size: 15px;}

   .join-us-sec .banner-btns {justify-content: center;        margin-top: 20px !important;}

   .join-us-icon {font-size: 16px;}

   .join-us-data {font-size: 14px;}

   .team-heading {font-size: 20px;}

   .team-card-content {bottom: 6px;padding: 4px 9px;}

   .team-desc {font-size: 13px;line-height: 23px;}

   .footer-bottom p {font-size: 12px;}

   .our-vission-section {padding-top: 30px;padding-bottom: 30px;}

   .load-more-btns {gap: 8px;}

   .success-para {font-size: 15px;line-height: 25px;}

   .success-heading {font-size: 22px;    padding-left: 14px;}

   .success-title {font-size: 18px;}

   .success-story-inner {padding-bottom: 30px;}

   .section-heading-contact h3 {font-size: 20px;line-height: 27px;}

   .contact-list-desc {font-size: 15px;}

   .contact-list-title {font-size: 15px;}

   .contact-form-section {padding: 20px;}

   .contact-left-heading h5 {font-size: 20px;}

   .contact-form .form-control {padding: 13px 17px;font-size: 15px; margin-bottom: 15px;}

   .adoption-heading h3 {

    font-size: 24px;}

    .new-addopt-heading h3{font-size: 20px;}

    .new-addopt-container-inner-left{max-width: 100%;}

    .new-addopt-container-inner-right{max-width: 100%;}

    .new-addopt-heading p {font-size: 15px;line-height: 25px;}

    #dog-posts .dog-image {

        height: 400px;

    }

    .team-image {height: 400px;}

    .available-adoption .dog-common-card .dog-image{height: 329px;}

    .how-help-card-container .dog-common-card .dog-image{height: 329px;}

    /* new page design */

.secure-donation-content h4 {font-size: 15px;}

.secure-conation-image img { width: 30px; height: 30px;}

.section-heading h3{font-size: 18px;}
    .team-new-des-main{display: none;height: 260px; overflow-y: scroll;}


}



@media (max-width: 576px) { 

    .banner-heading {font-size: 25px;}

    .banner-para {font-size: 13px;line-height: 22px;margin-bottom: 15px;}

    .theme-btn{ font-size: 12px; padding: 7px 13px 7px 30px;background-position: 10px center; background-size: 12px;}

    .custom-logo-link img {   width: 101px;  height: auto;

    }



    .subscribe {height: auto;}

    .section-heading-contact h3 {font-size: 17px;}

    .addopt-container-right {padding: 30px 10px 30px 10px;}

    .addopt-container-left {padding: 30px 10px 30px 10px;}
.banner-btns{        gap: 4px;}
.banner-btns .theme-btn {
        padding: 6px 9px 6px 22px;
        background-position: 5px center;
        background-size: 11px;
    }

}

@media (max-width: 350px){

  .footer-item-content {

    gap: 0px;

    flex-direction: column;

}

.footer-links{margin-bottom: 0;}

}