html,
body {
    color: #000000;
    width: 100%;
    height: 100%;
}

.home-banner {
    padding-top: 80px;
    padding-bottom: 80px;
    background: url("./../images/home/1.jpg") no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 9999999;
}
.home-banner-label2 {
    margin-top: 30px;
}
.btn-home-banner-readmore {
    background: #ffffff;
    color: rgb(246, 147, 30);
    width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    margin-top: 30px;
}
.home-banner-swiper {
    position: absolute;
    background: url("./../images/home/1.png") no-repeat;
    background-size: auto 100%;
    top: -132px;
    /* padding-bottom: 150%; */
    left: -5%;
    padding-left: 20px;
}
.swiper-slide {
    margin-top: 190px;
    /* min-width: 200px; */
}
.swiper-slide-content-label1 {
    width: 100%;
    position: relative;
}
.swiper-container {
    position: absolute !important;
}
.swiper-slide-content-label2 {
    /* color: #ffffff; */
    margin-top: 5px;
}
.home-banner-swiper-header-label2 {
    display: flex;
}
.home-banner-swiper-header-label2-mm {
    margin-left: 10px;
    margin-right: 10px;
    align-self: center;
}
.cursor {
    cursor: pointer;
}
.home-banner-swiper-header {
    position: absolute;
    top: 113px;
    z-index: 9;
}
.btn-see-more-partners {
    width: 55%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
    margin: auto;
    position: absolute;
    bottom: 35px;
    left: 20%;
    background: rgb(246, 147, 30);
    border: 1px solid #ffffff;
}
.our-mission {
    margin-top: 140px;
    /* background: url(./../images/home/3.png) no-repeat bottom center;
    background-size: 100% auto; */
}
.our-mission-label {
    /* position: absolute; */
    width: 80%;
    margin-left: 10%;
    margin-top: 100px;
    padding-bottom: 50px;
}
.our-mission-content {
    width: 76%;
    background: url(./../images/home/3-2.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
    z-index: 9999;
    position: relative;
    padding: 50px 0;
    margin-left: 10%;
    padding-right: 10%;
}
.our-mission-img-top {
    position: absolute;
    width: 20%;
    top: -100px;
    right: 0;
    z-index: 7777;
}
.our-mission-img-bottom {
    position: absolute;
    width: 20%;
    bottom: 50px;
    right: 5%;
    z-index: 7777;
}
.our-mission-content2 {
    display: flex;
    justify-content: space-between;
    width: 88%;
    margin: auto;
}
.btn-our-mission-read-more {
    width: 55%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
    color: rgb(246, 147, 30);
    background: #ffffff;
    /* border: 1px solid #ffffff; */
    margin-top: 20px;
}
.our-mission-content-ll {
    flex-shrink: 0;
    width: 45%;
}
.our-mission-content-lr {
    flex-shrink: 0;
    width: 40%;
}
.our-partners-bg {
    /* height: 100%; */
    background: rgb(235, 235, 235);
    padding-top: 30px;
    padding-bottom: 10px;
}
.our-partners {
    margin-top: 30px;
    /* display: inline-flex; */
}
.our-partners-content {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
    /* height: 100%; */
}
.our-partners-content-label1 {
    margin-top: 10px;
}
.our-partners-content-label2 {
    margin-top: 10px;
}
.our-partners-content-label3,
.our-partners-content-label4 {
    width: 60%;
    margin-left: 20%;
}
.btn-our-partners-more {
    background: rgb(246, 147, 30);
    width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    margin: auto;
    margin-top: 30px;
}
.about-us {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.about-us-content {
    width: 85%;
    margin: auto;
}
.about-us-content-txt {
    background: url(./../images/home/4.jpg) no-repeat;
    background-size: 100% 100%;
}
.about-us-content-label1 {
    margin-top: 70px;
}
.about-us-content-label2 {
    margin-top: 15px;
    word-wrap: break-word;
}
.btn-aubout-us-more {
    color: rgb(246, 147, 30);
    background: #ffffff;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 20px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
    /* border: 1px solid #000000; */
}
.copyright {
    text-align: right;
    padding-right: 40px;
    /* margin-top: 105px; */
}
.follow-qr {
    margin-top: 15px;
    text-align: center;
}
.follow-txt {
    text-align: center;
}
.mail-view {
    display: flex;
    margin-top: 95px;
}
.mail-view-txt {
    align-self: center;
    margin-left: 10px;
}
.stories {
    margin-top: 30px;
}
.stories-swiper-container {
    width: 90%;
    overflow: hidden;
    margin: auto;
    margin-top: -50px;
    position: relative;
    z-index: 0;
}
.stories-swiper-container .swiper-slide {
    height: auto;
    margin-top: 0px;
}
.stories-swiper-button-prev {
    flex-shrink: 0;
    margin-top: 40px;
    margin-right: 20px;
    outline: none;
}
.stories-swiper-button-next {
    margin-top: 40px;
    margin-left: 20px;
    outline: none;
}
.stories-swiper-slide-content-label1 {
    width: 100%;
    position: relative;
}
.stories-swiper-slide-content-label2 {
    font-weight: bolder;
    margin-top: 16px;
}
.stories-swiper-slide-content-label3 {
    margin-top: 5px;
}
.swiper-stories2 {
    display: flex;
    width: 80%;
    margin: auto;
}
.partner-swiper-container .swiper-slide {
    text-align: center;
    width: 70%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.partner-swiper-container .swiper-slide:nth-child(2n) {
    width: 70%;
}

.partner-swiper-container .swiper-slide:nth-child(3n) {
    width: 70%;
}
.partner-swiper-container {
    width: 87%;
    overflow: hidden;
    margin-top: 10px;
}
.our-partners-content-label3 {
    position: absolute;
    bottom: 0px;
}
.story-detail {
    min-height: 50%;
}
.story-detail-content {
    background: rgb(235, 235, 235);
}
.story-detail-content-label {
    width: 90%;
    margin: auto;
}
.story-detail-content-label1 {
    padding-top: 80px;
}
.story-detail-content-label2 {
    margin-top: 30px;
}
.story-detail-content-label0 {
    width: 100%;
    position: absolute;
    top: -5px;
}
.story-detail-content-label3 {
    width: 100%;
}
.partners-detail {
}
.partners-content {
    width: 80%;
    margin: auto;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.partners-content-lr-label {
    background: rgb(235, 235, 235);
    padding: 15px;
    position: relative;
}
.partners-content-lr {
    margin-left: 100px;
    width: 45%;
    flex-shrink: 0;
}
.partners-content-ll-label2 {
    margin-top: 30px;
}
.our-partners-view {
    width: 100%;
    overflow: hidden;
}

.our-partners-view-swiper-button-prev {
    flex-shrink: 0;
    align-self: center;
    margin-right: 30px;
    outline: none;
}
.our-partners-view-swiper-button-next {
    flex-shrink: 0;
    align-self: center;
    margin-left: 30px;
    outline: none;
}
.our-partners-view-swiper-slide-content-label1 {
    width: 100%;
    position: relative;
}
.our-partners-view-swiper-slide-content-label1 img {
    width: 100%;
}
.our-partners-view-swiper-slide-content-label2 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.our-partners-view-swiper-slide-content-label3 {
    margin-top: 5px;
}
.our-partner-swiper-container .swiper-slide {
    margin-top: 0px;
}
.our-partner-swiper-container {
    width: 90%;
    overflow: hidden;
    margin: auto;
    position: relative;
}
.swiper-partners-view {
    background: rgb(246, 147, 30);
    margin-top: -2px;
    position: relative;
}
.swiper-partners-view2 {
    display: flex;
    width: 80%;
    margin: auto;
}
.our-partners-title {
    position: absolute;
    width: 80%;
    left: 10%;
    top: -120px;
}
.our-partnersv {
    margin-top: 40px;
}
.our-partnersv .swiper-slide-content {
    border: 1px solid #ffffff;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}
.header-lf {
    width: 70%;
}
.header-lr-lr img {
    width: 70%;
}
.our-mission-bg {
    margin-top: 50px;
    position: relative;
}
span:focus {
    outline: none;
}
#video_background {
    width: 100%;
    min-height: 100px;
}

.stories-view {
    background: rgb(235, 235, 235);
    padding-bottom: 130px;
    /* border-bottom: 30px solid rgb(246, 147, 30); */
    position: relative;
}
.stories-header {
    width: 100%;
    margin: auto;
    position: relative;
}
.stories-header-bimg {
    position: absolute;
    bottom: -50px;
    right: 16%;
    z-index: 9;
}
.stories-header-label {
    position: absolute;
    left: 10%;
    bottom: 40px;
}
.stories-p1-view {
    width: 70%;
    margin: auto;
    position: relative;
}
.stories-p1-view-item {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    margin: 0;
    list-style: none;
}
.stories-p1-view-item li {
    flex-basis: 32% !important;
    margin-right: 1% !important;
    margin-top: 70px;
    padding-bottom: 30px;
    border-bottom: 5px solid rgb(246, 147, 30);
}

.stories-p1-content-label1 {
    width: 100%;
    position: relative;
}
.stories-p1-content-label2 {
    font-weight: bolder;
    margin-top: 10px;
}
.stories-p1-content-label3 {
    margin-top: 5px;
}
.stories-p1-content-label1 img {
    width: 100%;
}
.btn-loading-more-stories {
    background: rgb(246, 147, 30);
    width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    margin: auto;
    margin-top: 80px;
}

.story-detail-view {
    background: rgb(235, 235, 235);
    padding-bottom: 130px;
    border-bottom: 40px solid rgb(246, 147, 30);
    position: relative;
}
.story-detail-header {
    width: 85%;
    margin: auto;
    position: relative;
}
.story-detail-header-bimg {
    position: absolute;
    bottom: -50px;
    right: 16%;
    z-index: 9;
}
.story-detail-header-label {
    position: absolute;
    left: 10%;
    bottom: 40px;
}

.story-detail-p1-view {
    width: 70%;
    margin: auto;
    position: relative;
    margin-top: 80px;
}
.story-detail-p1-view-item {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin: 0;
    list-style: none;
}
.story-detail-p1-view-describe {
    margin-top: 50px;
}
.story-detail-p1-view-images {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    margin-top: 60px;
}
.stories-images-swiper-container {
    width: 85%;
    overflow: hidden;
}
.story-detail-p1-view-images .swiper-slide {
    margin-top: 0px;
}
.stories-images-swiper-button-prev,
.stories-images-swiper-button-next {
    align-self: center;
}
.stories-images-swiper-button-prev {
    margin-right: 20px;
}
.stories-images-swiper-button-next {
    margin-left: 20px;
}
.story-detail-more-stories-view {
    background: rgb(235, 235, 235);
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 60px;
}
.story-detail-more-stories-view-content {
    width: 70%;
    margin: auto;
    position: relative;
}
.story-detail-more-stories-view-content-header {
    color: rgb(246, 147, 30);
}

.story-detail-p1-view-item {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin: 0;
    list-style: none;
}
.story-detail-p1-view-item li {
    flex-basis: 30% !important;
    margin-right: 3% !important;
    margin-top: 20px;
    padding-bottom: 30px;
    border-bottom: 5px solid rgb(246, 147, 30);
}

.story-detail-p1-view-item-label1 {
    width: 100%;
    position: relative;
}
.story-detail-p1-view-item-label2 {
    margin-top: 10px;
}
.story-detail-p1-view-item-label3 {
    margin-top: 5px;
}
ol {
    padding: 0;
}

.friends-p1-view-popup, .story-detail-imgs, .stories-player, .footer-popup-view, .donate-p1-view-popup {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999;
    display: none;
}

.story-detail-img-popup {
    position: relative;
    width: 90%;
    max-width: 954px;
}
.story-detail-img-popup img {
    width: 100%;
}

.friends-p1-view {
    width: 70%;
    margin: auto;
    position: relative;
    margin-top: 80px;
}
.friends-p1-view ol {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    margin: 0;
    list-style: none;
}
.friends-p1-view-item-big li:nth-child(1) {
    flex-basis: 51% !important;
    /* padding-right: 11% !important; */
    /* margin-top: 70px; */
}
.friends-p1-view-item-big li:last-child {
    flex-basis: 30% !important;
    /* padding-right: 11% !important; */
    /* margin-top: 70px; */
    /* padding-top: 20px; */
}
.friends-p1-view-item-big .friends-p1-view-item-label {
    /* position: absolute;
    z-index: 9;
    right: 3%;
    top: 20%; */
    width: 180px;
}
.friends-p1-view-item-big li:last-child .friends-p1-view-item-label {
    /* position: absolute;
    z-index: 9;
    right: 4%;
    top: 26%;
    width: 180px; */
}
.friends-p1-view-item-label-label1 {
    color: rgb(246, 147, 30);
    padding-top: 10px;
    /* padding-left: 10px; */
    /* padding-bottom: 15px; */
    /* min-height: 113px; */
	/* background: rgba(255,255,255,.6); */
}
.friends-p1-view-item-label-label2 {
    width: 180px;
    /* margin: auto; */
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
    background: rgb(246, 147, 30);
    color: #ffffff;
    margin-top: 15px;
}
.friends-p1-view-item-big li {
    position: relative;
}
.friends-p1-view-item {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin: 0;
    list-style: none;
}
.friends-p1-view-item li {
    flex-basis: 32% !important;
    margin-right: 1% !important;
    margin-top: 70px;
    padding-bottom: 30px;
    border-bottom: 5px solid rgb(246, 147, 30);
}
.friends-p1-view-item-small li {
    position: relative;
    flex-basis: 30% !important;
    /* padding-right: 11% !important; */
    margin-top: 70px;
}

.friends-p1-view-item-small li .friends-p1-view-item-label {
}
.view-item-border-position1 {
    /* position: absolute;
    z-index: 9;
    right: 4%;
    top: 16%;
    width: 180px; */
}
.view-item-border-position2 {
    /* position: absolute;
    z-index: 9;
    right: 5%;
    top: 22%;
    width: 180px; */
}
.view-item-border-position3 {
    /* position: absolute;
    z-index: 9;
    right: 4.2%;
    top: 14%;
    width: 180px; */
}
.friends-p1-view-item-label-label1-2 {
    margin-top: 10px;
}
.stories-bottom {
    margin-top: -5px;
}
.stories-bottom-img,
.stories-bottom-img img {
    width: 100%;
}
.friends-p1-view-popup-ll {
    width: 465px;
    flex-shrink: 0;
    margin-right: 30px;
}
.friends-p1-view-popup-ll img {
    width: 100%;
}
.friends-p1-view-popup-lr {
    padding-top: 50px;
    padding-right: 30px;
}
.friends-p1-view-popup-lr-label2 {
    margin-top: 10px;
}
.friends-p1-view-popup-lr-label3 {
    margin-top: 20px;
}
.mission_bg {
    background: url(../images/mission/2.png) no-repeat;
    background-size: 100% 100%;
    width: 85%;
    max-width: 1366px;
    /* height: 984px; */
    position: relative;
    padding: 200px 150px;
}
.mission-con {
    background: url(../images/mission/3.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding: 100px 50px 100px;
}
.mission-con-img1 {
    position: absolute;
    top: -120px;
    right: 20px;
}
.mission-con-img2 {
    width: 30%;
    min-width: 150px;
    position: absolute;
    bottom: -120px;
    left: -80px;
}
.mission-desc {
    display: flex;
    justify-content: space-between;
}
.mission_title {
    padding-bottom: 16px;
    font-size: 30px;
    color: #ffffff;
}
.mission_content_left {
    color: #fff;
    /* position: absolute; */
    top: 320px;
    left: 210px;
    width: 430px;
}
.mission_content_right {
    color: #fff;
    /* position: absolute; */
    top: 320px;
    left: 720px;
    width: 430px;
}
.news-p1-view-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    list-style: none;
}
.news-p1-view-item li {
    flex-basis: 32% !important;
    margin-top: 70px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
        /* border-bottom: 5px solid rgb(246, 147, 30); */
}
.news-p1-view-item li:nth-child(2n) {
    margin-right: 0 !important;
}
.news_date {
    color: #666;
    margin-top: 10px;
}
.news_more {
    margin-top: 18px;
    color: rgb(246, 147, 30);
}
a:hover {
    text-decoration: none !important;
}

.partners-banner-label {
    position: absolute;
    right: 5%;
    top: 50%;
    line-height: 50px;
    margin-top: -25px;
}

.video-play-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("./../images/home/play.png") center center no-repeat;
    pointer-events: none;
}
.video-play-icon-orange {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("./../images/shelters/4.png") center center no-repeat;
    pointer-events: none;
}

.story-detail-p1-view-video,
.story-detail-p1-view-video #video {
    background: #000;
}
.mshow {
    display: none;
}
.partners-banner-img {
    opacity: 0.8;
}
.tit_banner {
    width: 100%;
    height: 180px;
    background: url(../images/home/1-1.png) repeat-x;
    background-size: 100% 100%;
}
.footer-banner {
    width: 50%;
    max-width: 400px;
    height: auto;
    position: relative;
    margin: 50px auto 30px;
}
.footer_top_tit_img1 {
    position: absolute;
    width: 14%;
    top: -20px;
    right: -20px;
}
.footer-banner .top_tit_txt {
    font-size: 18px;
    padding: 20px 16px;
    text-align: center;
}
.top_tit {
    width: 100%;
    /* max-width: 1366px; */
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    padding: 0 10%;
}
.top_tit_txt {
    font-size: 36px;
    padding-bottom: 30px;
    padding-right: 20px;
    flex: 1;
}
.top_tit_img1 {
    height: 100%;
    flex: 1;
}
.top_tit_img1 img {
    max-height: 85%;
    /* padding-top: 5%; */
    position: relative;
    top: 50px;
    z-index: 99;
}
.top_tit_img2 {
    max-height: 125%;
    margin-top: 20px;
    position: relative;
    top: 60px;
    z-index: 99;
}
.home-nottom-banner0-txt {
    font-size: 32px;
}
.home-nottom-banner0-img {
    padding-bottom: 50px !important;
}
@media screen and (max-width: 1366px){
 .our-mission-bg-head {
     width: 28.58%;
 }
}

@media screen and (max-width: 1024px){
    .stories-p1-view-item li, .stories-p1-view-item li {
        width: 32.5%;
    }
    .top_tit {
        padding: 0;
    }
    .top_tit_img1 img {
        max-height: 85%;
        padding-top: 5%;
    }
    .friends-p1-view {
        width: 80%;
    }
    .partners-content-lr {
        width: 40%;
        margin-left: 7%;
    }
    .news-p1-view-item li {
        flex-basis: 32% !important;
        margin-top: 30px;
    }
    .news-p1-view-item li:nth-child(3n) {
        /* margin-right: 1% !important; */
    }
    .news-p1-view-item li:nth-child(2n) {
        /* margin-right: 0 !important; */
    }
    .friends-p1-view-item-big li:last-child .friends-p1-view-item-label {
        width: 127px;
    }
    .view-item-border-position3 {
        width: 127px;
    }
    .view-item-border-position2 {
        width: 127px;
    }
    .view-item-border-position1 {
        width: 127px;
    }
    .stories-header-bimg {
        width: 28%;
    }
    .stories-view {
        padding-bottom: 80px;
    }
    .stories-header-label {
        left: 5%;
        bottom: 24px;
        font-size: 32px;
    }
    .flex_col {
        flex-direction: column;
        align-items: center;
        padding: 0 30px 50px;
    }
    .friends-p1-view-popup-ll {
        min-width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .friends-p1-view-popup-lr {
        padding-right: 0;
    }
}
@media screen and (max-width:768px) {
    .home-nottom-banner .btn-aubout-us-more {
        width: 120px;
    }
    .home-nottom-banner0-txt {
        font-size: 14px;
    }
    .home-nottom-banner0-img {
        padding-bottom: 15px !important;
    }
    .our-partners-content-label4 {
        height: 133px !important;
    }
    .story-detail-content-label3 {
        padding-top: 80px !important;
    }
    .header-lf {
        /* width: 100%; */
    }
    .mission-desc {
        display: block;
    }
    .mission_bg {
        background: none;
        background-size: 100% 100%;
        width: 90%;
        margin: auto;
        max-width: 1366px;
        /* height: 984px; */
        position: relative;
        padding: 134px 0 64px;
    }
    .mission-con {
        background: url(../images/mission/3.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        padding: 100px 30px 100px;
    }
    .mission_content_left, .mission_content_right {
        width: auto;
    }
    .mission-con-img1 {
        max-width: 170px;
        top: -104px;
    }
    .mission-con-img2 {
        bottom: -70px;
        left: -12px;
    }
    .top_tit {
        padding: 0 5%;
    }
    .top_tit_txt {
        font-size: 24px;
        padding-bottom: 14px;
    }
    .tit_banner {
        width: 90%;
        height: 100px;
        margin: 0 auto;
        position: relative;
    }
    .footer-banner {
        width: 90%;
        max-width: 400px;
        height: auto;
        position: relative;
        margin: 0px auto 30px;
    }
    .top_tit_img1 img {
        display: none;
        max-height: 75px;
        padding-top: 15px;
    }
    .top_tit_img2 {
        max-height: 80%;
        max-width: 40%;
        top: 20px;
    }
    .mhide {
        display: none;
    }
    .mshow {
        display: block;
    }
    .stories-swiper-slide-content-label2 {
        /* text-align: center; */
        /* font-size: 26px; */
        margin-top: 15px;
    }
    .stories-swiper-slide-content-label3 {
        /* text-align: center; */
        margin-top: 10px;
    }
    .stories-header, .stories-view {
        width: 90% !important;
        margin: 0 auto;
    }
    .stories-header-bimg {
        width: 30%;
        bottom: -66px;
        right: 13%;
    }
    .stories-header-label {
        bottom: 52px;
        font-size: 34px;
    }
    .stories-view {
        padding-bottom: 150px;
        /* border-bottom: 5px solid rgb(246, 147, 30); */
    }
    .stories-p1-view {
        width: 90%;
        padding-top: 30px;
    }
    .stories-p1-view-item li, .stories-p1-view-item li {
        flex-basis: 100% !important;
        margin-right: 0% !important;
        margin-top: 30px;
    }
    .about-us-content-label1 {
        font-size: 28px;
        text-align: center;
        padding: 30px 30px 0;
        letter-spacing: 1px;
        margin-top: 0;
    }
    .about-us-content-label2 {
        letter-spacing: 1px;
        text-align: center;
        margin-top: 0;
    }
    .btn-aubout-us-more {
        margin: 30px auto;
    }
    .about-us {
        width: 96%;
        margin-top: 0;
    }
    .stories-swiper-container .swiper-slide, .stories-swiper-container .swiper-slide img {
        width: 100%;
    }
    .stories-swiper-container {
        margin-top: 40px;
        
    }
    .swiper-stories2 {
        position: relative;
        width: 90%;
        padding-bottom: 60px;
    }
    .stories-swiper-button-prev, .stories-swiper-button-next {
        margin-top: 0px !important; 
        margin-right: 0px;
        outline: none;
        position: absolute;
        bottom: 30px;
        flex-shrink: unset;
    }
    .stories-swiper-button-prev {
        left: calc(50% - 50px);
    }
    .stories-swiper-button-next {
        right: calc(50% - 50px);
    }
    .our-partners-bg {
        padding-bottom: 0;
    }
    .our-partners-content-label1 {
        margin-top: 10px;
        padding: 0 14%;
        font-size: 28px;
    }
    .home-banner-label1 {
        font-size: 30px;
    }
    .our-partners-content-label2 {
        font-size: 22px;
        padding: 0 17%;
    }
    .our-mission-bg-head {
        width: 27%;
        top: -54px;
        left: 66%;
    }
    .home-banner, .our-partners .left0, .our-partners .right0 {
        padding-left: 0;
        padding-right: 0;
    }
    .home-banner-swiper {
        position: relative;
        top: 100px;
    }
    .home-banner {
        /* background: unset; */
        text-align: center;
        padding-bottom: 20px;
        padding-top: 70px;
    }
    .home-banner-label2 {
        line-height: 1.5;
    }
    .btn-home-banner-readmore {
        margin: 30px auto 0;
    }
    .btn-our-mission-read-more {
        margin: 20px auto 0;
    }
    .our-mission-content {
        width: 100%;
        /* margin-left: -1.75%; */
        background: url(./../images/home/4.jpg) no-repeat;
        background-size: 100% 100%;
        margin-left: 0;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .our-mission {
        margin-top: 30px;
    }
    .our-mission-img-top {
        top: -34px;
    }
    .our-mission-content {
        /* border-radius: ; */
    }
    .our-mission-content2 {
        display: block;
        /* padding-top: 40px;
        padding-bottom: 30px; */
        width: 74%;
        text-align: center;
        letter-spacing: 1px;
    }
    .our-mission-content-ll, .our-mission-content-lr {
        width: 100%;
    }
    .our-mission-content-lr {
        padding-top: 10px;
    }
    .our-partners.width3 {
        display: block;
    }
    .our-partners-bg, .our-partners-content{
        height: auto;
        width: 96%;
        margin: 0 auto 30px;
    }
    .about-us-content {
        margin: 0 auto;
    }
    .footer .mail-view {
        margin-top: 30px;
        padding: 0 30px;
    }
    .footer .copyright {
        margin-top: 40px;
        text-align: center;
        padding-right: 0;
    }
    .story-detail-content {
        display: block !important;
    }
    .story-detail-content-label {
        width: 90% !important;
    }
    .partners-content {
        display: block;
    }
    .partners-content-lr {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    .swiper-partners-view2 {
        width: 90%;
    }
    .our-partners-view-swiper-button-prev, .our-partners-view-swiper-button-next {
        width: 30px;
    }
    .news-p1-view-item li {
        flex-basis: 49% !important;
    }
    .news-p1-view-item li:nth-child(3n) {
        margin-right: 0 !important;
    }
    .news-p1-view-item li:nth-child(2n) {
        margin-right: 0 !important;
    }
    .friends-p1-view {
        width: 90%;
    }
    .friends-p1-view-item-big li:nth-child(1) {
        flex-basis: 100% !important;
        margin-top: 0;
    }
    .friends-p1-view-item-big li:last-child {
        flex-basis: 100% !important;
        margin-top: 70px;
        /* padding-top: 20px; */
    }
    .friends-p1-view-item-small li {
        flex-basis: 100% !important;
    }
    .view-item-border-position2 {
        top: unset;
        bottom: 10px;
    }
    /* .friends-p1-view-item-big li:nth-child(1) {
        width: 100% !important;
        padding-right: 0 !important;
    } */
    .friends-p1-view-item-big li:last-child .friends-p1-view-item-label {
        /* top: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center; */
        top: unset;
        bottom: 10px;
    }
    .view-item-border-position1 {
        top: unset;
        bottom: 10px;
    }
    .view-item-border-position3 {
        /* top: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center; */
        top: unset;
        bottom: 10px;
    }
    .friends-p1-view-item-label-label2 {
        margin: 15px auto 0;
    }
    #jp_video_0 {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
    }
}