
/* Mobile Layout: 320px. */
@media only screen and (max-width: 414px) {
    

    .main-menu__logo{
        width: 80px;
    }
    
    .main-menu__right{
        width: auto;
    /*    padding-right: 20px; */
    }
    
    .main-header,
    .main-menu,
.main-menu__wrapper,
.main-menu__wrapper-inner
    {
        height: auto;
    }
    
    .main-menu__left{
        padding-left:20px;
    }
    
    .page-header {
         display: flex;
         align-items: flex-end;
    align-content: flex-end;
         padding: 0 0 0 20px;
    height: 270px;
    }
    
    .page-header-center{
         padding: 0 0 0 40px;
    height: 270px;
         align-items: center;
        padding: 141px 0 132px;
    }
    
    .why-acf-header-left
        {
    text-align: left;
}
 
    
    .container{
        height:auto;
    }
    
    .mobilehide{
        display:none;
    }
    .site-footer__bottom {
height: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    }
    
    .site-footer__bottom-half {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
    flex-direction: column;
}
    
    .main-menu__main-menu-box{
        margin-right:20px;
    }
    
    .mailchimp-div{
        display:none;
    }
    
    .site-footer__top{
        padding: 20px;
    }
    
    .footer-row-bottom{
        display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    }
    
    .site-footer__top{
        height:auto;
    }
    
    
    .sectionpadding-standard{
        padding: 40px 20px;
    }
    
    
    .footer-widget__links {
    margin-top: 25px;
    margin-bottom: 25px;
    }
    
    
    .footer-contact-info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}

.footer-socail-info{
        margin-top: 10px;
}
    
    .site-footer__bottom-inner {
        height: 50px;
    }
    
    .footer-copyright{
       /* display:none;*/
    }
    
        
    .mobile-col{
        display: flex;
    flex-direction: column;
    width: 70vw;
    }
    
    .footer-copyright {
    display: flex;
    flex-direction: column;
    
    margin-top:20px;
        align-items: flex-start;

    width:100vw;
 }
 
 .footer-copyright div{
     margin-bottom:20px;
 }
 
    .mobile-col .borderline{
        display:none;
    }
    
    
    .mobile-nav-copyright-pt1{
        display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    }
    
    .footer-copyright-icon{
     margin-left: 0;
    }
    
    .footer-copyright-text{
    color: white;
    font-size: 14px;
    line-height: 20px;
    
    width:320px;
}


.footer-enquiry-div{
 margin-top :20px;   
}


.mobile-nav-copyright-pt2{
    color:white;
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
}

.scroll-to-top {
    right: 20px;
        width: 35px;
    height: 35px;
}

.scroll-to-top i {
    line-height: 35px;
}

.mobile-nav__top {
    margin-bottom:100px;
}
    
    .page-header__inner h2 {
    font-size: 30px;
    }
    
    /* --- why acf ---*/
    .why-acf-group-div{
            flex-wrap: nowrap;
            height:auto;
    }
    
    .why-acf-icon-div{
        width:100%;
    }
    
    
    
    
    /* --- why charity ---*/
    
    .page-header-bg-charity {
    background-position: -550px;
    }
    
    .width550{
    width: calc( 100vw - 100px );
    }
    
    
    .sectionpadding-standard2{
    padding: 0px;
    }
    
    .width630{
    /*width: 100vw;*/
}

    .width550-p{
        width: calc( 100vw - 40px );
    }
    
    
    .contact-us-bussiness-hour{
    /*width: 200px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    */
    display:none;
    }
    
    .business-hours-grid{
        display: grid;
    }


    .paddingright80
    {
        padding-right: 0;
    }
    
    .height695{
        height:auto;
    }
    
    .about-one__right-update{
    padding-left: 30px;
    padding-right: 30px;
    }
    
    .height570 {
    height: auto;
    }
    
    .about-us-div-left{
    padding-left: 30px;
    padding-right: 30px;
    padding-top:65px;
    padding-bottom:80px;
    
}

/*------ Academy-----*/

.Academy-group-div{
    display:flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

.youtube-size{
    width: 80vw;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}



.care-plan-top{
     padding:0;
}

.width480{
    width: 80vw;
}

.flex-grid-2-col{
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}



.care-wellness-div
{
    margin-bottom:40px;
}

.hrline{
    display: none;
}

.flex-row-space-between
{ 
    justify-content: center;
    flex-flow: wrap;
    
}

.height515{
    height: auto;
}

.care-wellness-visual2{
    width: 150px;
    margin-bottom: 20px;
}

.care-wellness-title3 {font-size: 18px;}


.height770{
    height: auto;
}

.flex-col-funeral
{
    margin-top: 40px;
     margin-bottom: 40px;
}

.care-wellness-visual-height334{
   width: 150px;
   height:auto;
}

.flex-grid-3{
     grid-template-columns: auto;
     justify-content: center;
     margin-top: 40px;
}



.page-header-bg-wealth{
    background-position-y: 0px;
}

.about-one__left-update2{
 padding:0;
    
}

.about-one__img-size{
    width: auto;
    height: auto;
    
}

.about-one__img img {
  width: calc( 100vw * 335 / 375 );
  margin-left: auto;
  margin-right: auto;
}


.photo-corner-star img{
    width: calc( 100vw * 35 / 375 );
}
.photo-corner-star {
   
top: calc( 100vw * -19 / 375 );
   
left: calc( 100vw * 0 / 375 );
}

.about-one__img-border {
   /* display: block; */
}

.mobile-nav-whatsapp{
    width:30px;
    height:30px;
    background-color: var( --oxpins-base );
    border-radius:100%;
    border:none;
        display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.about-one__left-update2-mobile{
 padding:0 20px;   
}

.intro-display {
    flex-direction: column;
    flex-wrap: nowrap;
}

.wealth-div-right {
 
    padding:20px;
    margin-top: 0px;
}

.section-content16-mobile{
    text-align:justify;
    padding: 0 20px;
}
.paddingleftright{
    padding-left: 20px;
    padding-right: 20px;
}

.hold-heart-group-div{
    display: flex;
    flex-direction: column;
    height: auto;
    flex-wrap: nowrap;
}

.paddingleftright2 {
    padding-left: 20px;
    padding-right: 20px;
}

.icon-circle-resize3 {
 
    min-width: 50px;
    margin-right: 10px;
}



.height280{
    height:auto;
}

.height750{
    height:auto;
    
}


.flex-col
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-end;
   
     align-items: center;
}


/* ---- about us ------ */

.board-memeber-div-outer{
    display: flex;
    height: auto;
    flex-direction: column;
 }

.about-one{
    padding:40px 20px 80px;
}

.about-one__img-update img{
    height:auto;
}

.about-one__img-update 
{
    position: relative;
    top: 10px;
    left: 0;
    width: 90vw;
    height: auto;
}


.about-one__curved-circle-box-update {
    bottom: 0px;
     top: auto;
 }


.about-one__curved-circle-box {
    height: 150px;
    width: 150px;
}


.about-one__curved-circle-box .curved-circle {
    top: 9px;
    right: 9px;
    bottom: 9px;
    left: 9px;
}

.chum {
    bottom: 0px;
    font-size: 60px;
}

.h665 {
    height: auto;
}

.about-four__img-resize {
    display: none;
}

.about-four__right .section-title {
    padding: 0px 40px 20px;
}

.about-four__right {
         margin-top: 0px; 
    }
    
    .owl-nav-circle {
    width: 35px;
    height: 35px;
    }
    
    .owl-nav {
    align-items: flex-end;
    padding: 0 40px;
    }
    
    
.carousel-dot-style.owl-carousel .owl-dots {
    bottom: -20px;
}

.owl-theme .owl-nav {
    margin-top: 40px;
}

.events-carousel-page {
    padding-bottom: 100px;
}

.site-hospital{
    height: auto;
    padding-top: 60px;
}

.about-us-div-right {
    padding-left: 40px;
    padding-right: 40px;
}

.paddingtop60 {
    padding: 60px 20px;
}

.about-one__left-update {
    
    padding-left: 0px;
}

.about-one__right {
    margin-top: 40px;
}

.about-four__left-updated-right100 {
     margin-right: 0px;
}

.height800 {
    height: auto;
}

.about-four__img {
    width:100%;
    height:100%;
}

.main-slider-two{
    width: 100vw;
    height: 300px;
}

.main-slider-two__content {
    width: 100vw;
   /* padding: 45px 40px 45px 40px; */
       height: 80px;
    padding: 15px 40px;

      background-position-x: -100px;

}



.main-slider-two__content-blue
{
    background-image:url(../images/homepage/tagline-underlay-mobile-blue.svg);
    background-repeat: no-repeat;
}

.main-slider-two__content-gold
{
    background-image:url(../images/homepage/tagline-underlay-mobile-gold.svg);
    background-repeat: no-repeat;
}

.main-slider-two__content-magenta
{
    background-image:url(../images/homepage/tagline-underlay-mobile-magenta.svg);
    background-repeat: no-repeat;
}



.main-slider-two .container {
  padding-top: 220px;
}

.main-slider-two__sub-title{
    /*font-size: 36px;*/
    font-size: 26px;
 }
 
 .main-slider-two__title{
     display:none;
    font-size: 18px;
    padding-right: 0px;
}

.image-layer-two-reversecolor
{
    background-position: top;
}

.about-four {
    width: 100vw;
    height: auto;
 
    
}

.torch-bg,
.holding-bg{
width:100vw;
height:300px;
 order:-1;   
}

.holdheart-bg{
width:100vw;
height:300px;
 order:-1;   
}


.responsive-col{
    display: flex;
    flex-direction: column;
}

.text-left {
    padding: 20px 0px 10px !important;
}

.section-title__title {
    font-size: 40px;
}

.section-title__title-zh{
    font-size: 36px;
}

.section-title__tagline {
    margin-bottom: 30px;
    margin-top: 20px;
}
    
     .news-one {
        width: 100vw;
    height: auto;
}


.section-title__line
{
    width: 35px;
 }
    
    .div280x360{
    width: 100vw;
    height: auto;
    margin-bottom: 10px;
}

.news-one__content img {
    margin-left:auto;
    margin-right:auto;
}

.Academy-icon-div-index
{
     margin-top: 0;
}

.youtubesize
{
    height: auto;
}

.about-four__right-bg{
    padding-bottom:180px;
}

.site-section__top{
      padding: 40px 20px 60px;
}

.site-section {
 height:auto;   
}


.the-bullet{
    margin-bottom: 40px;
}

.section-title__assets-group
{
    margin-bottom: 60px;
}

.responsive-col-align{
flex-wrap: nowrap;
    align-items: center;
    
}

.width520{
    width:auto;
    margin-left: auto;
    margin-right: auto;
}


.page-header-bg-living-trust-mobile {
    background-position-x: -400px;
}

.about-one__text-update-textleft-mobile{
    text-align:left;
}

.about-one__text-update-centre br {
    display:none;
}

.meet-the-team-row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 50px;
    align-items: center;
}

.meet-the-team-row .about-four__img ,
.meet-the-team-row .about-four__border {
     width: 100%; 
     height: 100%; 
}

.meet-the-team-row .about-four__left {
    padding-left: 0px;
}
.meet-the-team-row .icon-circle {
    margin: 0;
 }
 
 .news-tagline{
    padding-left: 50px;
    padding-right: 50px;
}

.publication-carousel-page .owl-nav, 
.events-news-carousel-page .owl-nav {
    padding: 0 0 65px 0;
  /* margin-top: 20px;*/
}

.publication-carousel-page .news-carousel,
.events-news-carousel-page .news-carousel {
    padding-left:80px;
    padding-right:80px;
   
}

.publication-carousel-page .events_detail,
.events-news-carousel-page .events_detail{
margin-left: auto;
    margin-right: auto;
}

.publication-carousel-page .events_detail{
    width:85%;
}

.more-news-color-pink:before {
 background-color: var( --oxpins-lightpink);
}

.news_detail{
 padding-right:35px;

}

}