*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    -webkit-user-drag: none;

}

body{

    font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;

    background: #f7f7f7;

}

.quote-text{

    line-height: 24px

   !important;

   width: 100%;

}

.press-quote{

    width:100%

}

.navContentShow{

    max-width: 1920px;

    margin: 0 auto;

}

.navText{

    list-style:none;

    float: right;

    color: #ffffff;

    font-family: "Microsoft YaHei UI";

}

.navText li {

    float: left;

    padding: 0 6px;

    line-height: 44px;

    font-size: 18px;

}

.banner{

    margin: -80.5px auto 0;

}

.iconfont{

    font-size: 42px;

}

.bottoms{

    background: #333333;

    width: 100%;

    color: #ffffff;

    padding: 40px 80px 40px 80px;

    text-align: center;

}

.bottoms h4{

    margin: 30px 0;

}

.bottoms .binof {

    color: #eeeeee;

    line-height: 40px;

}

.dropdown-menu a{

    color: black!important;

}

a:hover{

    text-decoration: none;

}

.mobile-bottom-nav {

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 1000;

    will-change: transform;

    transform: translateZ(0);

    display: flex;

    height: 58px;

    padding-top: 1px;

    box-shadow: 0 -2px 5px -2px #333;

    background-color: #fff;

}

.mobile-bottom-nav__item {

    flex-grow: 1;

    text-align: center;

    width: 25%;

    font-size: 9.5px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.mobile-bottom-nav__item--active {

    color: red;

}

.mobile-bottom-nav__item-content {

    display: flex;

    flex-direction: column;

}

.tabbar-item-center {

    position: absolute;

    width: 3.44rem;

    height: 3.44rem;

    left: 50%;

    top: 0.98rem;

    transform: translate(-50%,-50%);

    border-radius: 1.5rem;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #fff;

    box-shadow: 0px -5px 10px -5px #a7a7a7;

}

.tabbar-item {

    flex: 1;

    display: flex;

    flex-flow: column;

    justify-content: flex-start;

    align-items: center;

}

.tabbar-item-center-item {

    width: 2.8125rem;

    height: 2.8125rem;

    background-color: #66A5AD;

    border-radius: 1.25rem;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: 0px 7px 14px 1px rgb(0 160 167 / 35%);

}

.animated.infinite {

    -webkit-animation-iteration-count: infinite;

}

.tabbar-item img {

    width: 1.38rem;

    height: 1.38rem !important;

}

.tabbar-item-center-item img {

    width: 1.5rem !important;

    height: 1.5rem !important;

}

.tabbar-item-center-item{

    margin-top: 4px;

}

.tabbar-item img {

    margin-top: 10px;

}

.tabimg {

    width: 1.38rem;

    height: 1.38rem !important;

}

.tada {

    -webkit-animation-name: tada;

    animation-name: tada;

}

.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.tabbar-item span {

    font-size: 0.75rem;

    font-weight: 500;

    color: #B4BABA;

    margin-bottom: 0.41rem;

}

.tab-content{

    font-size: 0.75rem;

    font-weight: 500;

    color: #B4BABA;

    margin-top: 33px;

}

.tabtext{

    font-size: 0.75rem;

    font-weight: 500;

    color: #B4BABA;

}





/* about us update  */

.banner{

    filter: saturate(1.5);

}

.title__mainText{

    color: #2377B0;

    font-weight:600;

}

.title__subtext, .title__subtext2{

    color: #4D4D4D;

}

.sectionContainer{  

    margin-top: 40px;

}



.textContainer p, .videoContainer img{

    width: 100%;

}

.videoContainer img{

    border-radius: 5px;

    height: 300px;

    width: 100%;

    object-fit: cover;

    pointer-events: none;

}



.carousel {

    background: #FAFAFA;

    margin-bottom: 40px;

}

  

.carousel-cell {

    width: 350px;

    height: 250px;

    margin-right: 10px;

    background: rgb(187, 187, 187);

    border-radius: 5px;

    counter-increment: carousel-cell;

}

.carousel-cell img{

    width: 350px;

    height: 250px;

    object-fit: cover;

    object-position: center;

}

.imgCont__adv{

    /* height: 100%;

    box-sizing: border-box; */

    padding: 0;

    height: 100%;

}

.imgCont__adv img, .img_overlay{

     width: 300px;

     height: 400px;

     object-fit: cover;

     position: relative;

     border-radius: 5px;

     overflow: hidden;

}

.row_custom{

    width: 100%;

    display: flex;

    margin: auto;

    justify-content: center;

}

.wechatBtn{

    border: none;

    outline: none;

    background: transparent;

}

.wechatBtn img{

    width: 70px;

}

.infoBtnMessage{

    display: flex;

    border: none;

    outline: none;

    position: relative;

    top: 0;

    right: 0;

}



.img_overlay:hover {

    background: rgba(0, 0, 0, 0.7);

}

.img_overlay .overlay_desc{

    transform: translateY(160px);

    transition: opacity 0.3s transform 0.3s ease-out;

    opacity: 0;

}

.img_overlay:hover .overlay_desc{

    transform: translateY(80px);

    opacity: 1;

    transition: opacity 0.3s transform 0.3s ease-out;

}

.img_overlay:hover .title_overlay{

    transform: translateY(60px);

    font-size:1.7em;

    transition: opacity 0.3s transform 0.3s ease-out;



}

.title_overlay{

    transform: translateY(190px);

    text-align: center;

    font-size:1.5em;

    font-weight: 600;

    color: #fff;

    transition:0.5s

}

.overlay_desc{

    font-size:1.2em;

    text-align: left;

    width: 80%;

    transition:0.5s;

    margin: auto;

    color:rgb(216, 216, 216)

}



.singlePost__post{

    width: 100%;

    height: 100%;

}

.postContainer{

    width: 100%;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-around;

}



@media screen and (max-width: 400px) {

    .postContainer{

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: space-around;

    }

        

}

@media screen and (max-width: 768px) {

    h1{

        font-size: 30px;

   }

    h4{

        font-size: 18px;

   }

    .banner{

        width: 100%;

        overflow: hidden;

        margin: 0!important;

   }

    .bannerPC {

        display: none;

   }

    .navbar{

        background: #01669a!important;

   }

    .maps{

        display: none;

   }

    .yqlj{

        display: none;

   }

    .session {

        margin: 60px 0;

   }

    .bottoms{

        padding: 40px;

   }

    .flexBar{

        display: none;

   }

   .title__subtext{

        text-align: center;

   }

   .title__subtext::after{

       width: 100%;

       content: '';

       position:absolute;

       height: 4px;

       left:0;

       background: #2377B0;

       display: flex;

   }

   .title__subtext::before{

        width: 0px;

        height: 0px;

        content: '';

        position:absolute;

        left:0;

        background: #2377B0;

        display: none;

   }

   .sectionTitleRight, .sectionTitleLeft .sectionTitleCenter{

        text-align: center;

   }

   .textContainer p{

        font-size: 15px;

        padding: 0;

   }

   .sectionContainerMob{

        width: 100%;

        margin: auto;

        flex-direction: column;

   }

   .videoContainer{

        width: 100%;

        margin: auto;

        padding: 0;

   }

   .textContainer{

        margin: 20px auto 0 auto;

   }

   .sectionTitleLeft{

       width: 190px;

       margin: 0px auto 30px auto;

   }

   .sectionTitleRight{

        width: 250px;

        margin: 60px auto 30px auto;

   }

   .sectionTitleCenter{

        width: 230px;

        text-align: center;

        margin: 60px auto 30px auto;

   }

   .title__subtext2::after{

       width: 100%;

       content: '';

       position:absolute;

       height: 4px;

       left:0;

       background: #2377B0;

       display: flex;

   }

   .content__advantages p{

        font-size: 16px;

        margin: auto;

        padding: 10px;

        text-align: center;

    }

    .imgCont__adv{

        padding: 0;

        height: 100%;

        margin: 10px;

    }

    .adv_row{

        display: flex;

        align-items: center;

        flex-direction:column;

    }

    .left{

        text-align: center;

    }

    .row_members{

        width: 100%;

        height: 100%;

        display: flex;

        flex-direction: column;

        justify-content: space-around;

        align-items: center;

    }

    .singleCard__members{

        width: 90%;

        border-radius: 10px;

        background: rgb(255, 255, 255);

        box-shadow: 2px 5px 10px 2px rgba(128, 128, 128, 0.404);

        margin: 60px auto 30px auto;

        padding: 10px 20px;

    }

    

    .profilePic{

        width: auto;

        margin: 0 auto 20px auto ;

        float: right;

    }

    .profilePic img{

        border-radius: 50%;

        width: 150px;

        height: 150px;

        display: flex;

        justify-content: space-evenly;

        align-items: center;

        object-fit: cover;

        object-position: top;

    }

    .details__members{

        width: 80%;

        margin: auto auto;

        padding: 10px 20px;

    }

    .name__details h3{

        color: #9A001C;

        font-size: 18px;

        font-weight: 700;

    }

    .nameTitle__details{

        color: #B4BABA;

        font-size: 15px;

    }

    .dis__details{

        color: #333333;

        font-size: 15px;

        font-weight: 400;

    }

    .middleAbout{

        width: 80%;

        background: linear-gradient(rgba(0, 0, 0, 0.486),rgba(0, 0, 0, 0.466)), url("https://www.medebound.com/assets/css/images/middilebg.jpg");

        background-position: bottom;

        background-repeat: no-repeat;

        background-size: cover;

        background-attachment: fixed;

        border-radius: 10px;

        padding: 30px 10px;

    }

    .textContainerMiddle{

        width: 70%;

        height: 100%;

        text-align: center;

        margin: auto;

        color: #fff;

        display: flex;

        justify-content: center;

        align-items: center;

        flex-direction: column;

    }

    .textContainerMiddle h2{

        font-weight: 600;

    }

    .textContainerMiddle p{

        margin-top: 20px;

        line-height: 30px;

        font-weight: 500;

    }

    .contactForm__container{

        width: 95%;

        height: auto;

        padding: 40px 10px;

        border-radius: 10px;

        background: #F4F4F4;   

        margin: auto;

        display: flex;

        justify-content: center;

        flex-direction: column;

        align-items: center ;

    }

    .row01__contact{

        display: flex;

        justify-content: space-between;

        flex-direction: column;

        align-items: center;

    }

    .row02__contact{

        width: 90%;

        display: flex;

        justify-content: space-between;

        flex-direction: row;

        align-items: center;

    }

    .contactForm{

        width: 100%;

        height: auto;

        margin: auto;

        padding: 30px 10px;

    }

    .formTitle h2{

        text-align: center;

        width: 100%;

        font-weight: 600;

    }

    .contactForm form{

        margin-top: 40px;

        display: flex;

        flex-direction: column;

    }

    .contactForm .formInputs::placeholder{

        font-weight: 500;

        color: #626262;

    }

    .contactForm .formInputs{

        outline: none;

        border: none;

        background: #E6E6E6;

        width: 90%;

        height: 60px;

        margin-top: 20px;

        border-radius: 7px;

        padding: 5px 15px;

    }

    .contactForm .formInputsArea{

        outline: none;

        border: none;

        background: #E6E6E6;

        width: 90%;

        border-radius: 7px;

        padding: 5px 15px;

        margin: 20px auto;

    }

    .submitButton{

        width: 100%;

        text-align: center;

        margin-top: 20px;

    }

    .submitButton input{

        border: none;

        outline: none;

        font-weight: 600;

        padding: 8px 30px;

        color: #fff;

        border-radius: 5px;

        background: #0778C3;

    }

    .capcha{

        width: 50%;

        height: 100%;

        margin: 0;



    }

    .capcha img{

        width: 90%;

        height: 60px;

        margin: 20px 10px;

        object-fit: contain;

    }

    .item-left{

        width: 100%;

    }

    .item-right{

        width: 100%;

    }

    .bannerLogo{

        position: absolute;

        bottom: 20px;

        right: 30px;

        width: 150px;

    }

    

}

@media screen and (min-width: 768px) {

    .bannerPhone {

        display: none;

   }

    .bannerPC {

        display: block;

   }

    .navContent{

        position: fixed;

        width: 100%;

        height: 80px;

        top: 0;

        z-index: 500;

        background: rgba(0, 0, 0, 0.6);

   }

    .flexBar{

        width: 60px;

        height: 200px;

        position: fixed;

        right: 0;

        top: 70%;

        transform: translateY(-50%);

   }

    .flexBar > .Phone{

        background: #4889c9;

        line-height: 30px;

        padding: 6px 10px;

        border-radius: 10px 0 0 10px;

        width: 200px;

        color: #585858;

        position: absolute;

        right: -150px;

        transition: right .2s;

   }

    .flexBar > .Phone:hover{

        right: 0;

   }

    .wechartIMG{

        display: none;

   }

    .flexBar > .wechart{

        background: #4889c9;

        line-height: 30px;

        padding: 6px 10px;

        border-radius: 10px 0 0 10px;

        color: #ffffff;

        width: 200px;

        right: -150px;

        position: absolute;

        margin-top: 50px;

        transition: right .2s;

   }

    .flexBar > .wechart:hover .wechartIMG{

        display: block;

   }

    .flexBar > .wechart:hover{

        right: 0;

   }

    .navbar{

        background: none!important;

   }

    .phoneShowTitle{

        display: none;

   }

   .title__subtext::after{

       width: 35px;

       content: '';

       position:absolute;

       height: 4px;

       right:0;

       background: #2377B0;

       display: flex;

   }

   .title__subtext2{

    position: relative;

   }

   .title__subtext2::after{

       width: 100%;

       content: '';

       height: 4px;

       right:0;

       position: absolute;

       background: #2377B0;

       display: flex;

   }

   .sectionTitle{

       text-align: left;

       display: flex;

       flex-flow: column;

       /* align-items: flex-start; */

       width: 220px;

       margin-bottom: 30px;



   }

   .sectionTitleRight{

       text-align: right;

       display: flex;

       flex-flow: column;

       width: 260px;

       align-items: flex-end;

       margin:30px 0;

       right: 0;

       position: relative;

   }

   .sectionTitleLeft{

        text-align: left;

        display: flex;

        flex-flow: column;

        width: 260px;

        align-items: flex-start;

        margin:30px 0;

        right: 0;

        position: relative;

   }

   .sectionTitleCenter{

        text-align: center;

        display: flex;

        flex-flow: column;

        width: 260px;

        margin:30px auto 30px auto;

    }

   .sectionContainerPc{

        padding: 0px 45px;

        font-size: 17px;

        position: relative;

   }

   .right{

        display: flex;

        justify-content: flex-end;

        align-items: flex-end;

   }

   .left{

        display: flex;

        justify-content: flex-start;

        align-items: flex-start;    

   }

   .content__advantages p{

       font-size: 18px;

       padding-left: 10px;

       width: 80%;

   }

   .imgCont__adv{

        padding: 0;

        height: 100%;

        margin: 10px;

        display: flex;

        justify-content: center;

    }

    .adv_row{

        display: flex;

        align-items: center;

        flex-direction:row;

    }

    .singleCard__members{

        width: 90%;

        border-radius: 10px;

        background: rgb(255, 255, 255);

        box-shadow: 2px 5px 10px 2px rgba(128, 128, 128, 0.404);

        margin: 60px auto 30px auto;

        padding: 10px 10px;

    }

    .row_members{

        width: 100%;

        height: 100%;

        display: flex;

        flex-direction: row;

        justify-content: space-around;

        align-items: center;

    }

    

    .profilePic{

        width: auto;

        margin: 0 auto 20px auto ;

        float: right;

    }

    .profilePic img{

        border-radius: 50%;

        width: 100px;

        height: 100px;

        display: flex;

        justify-content: space-evenly;

        align-items: center;

        object-fit: cover;

        object-position: top;

    }

    .details__members{

        width: 50%;

        margin: auto auto;

        padding: 10px 20px;

    }

    .name__details h3{

        color: #9A001C;

        font-size: 22px;

        font-weight: 700;

    }

    .nameTitle__details{

        color: #B4BABA;

        font-size: 15px;

    }

    .dis__details{

        color: #333333;

        font-size: 18px;

        font-weight: 400;

    }

    .middleAbout{

        width: 100%;

        height: 250px;

        background: linear-gradient(rgba(0, 0, 0, 0.486),rgba(0, 0, 0, 0.466)), url("https://www.medebound.com/assets/css/images/middilebg.jpg");

        background-position: bottom;

        background-repeat: no-repeat;

        background-size: cover;

        background-attachment: fixed;

        border-radius: 10px;

    }

    .textContainerMiddle{

        width: 40%;

        height: 100%;

        text-align: center;

        margin: auto;

        color: #fff;

        display: flex;

        justify-content: center;

        align-items: center;

        flex-direction: column;

    }

    .textContainerMiddle h2{

        font-weight: 600;

    }

    .textContainerMiddle p{

        margin-top: 20px;

        line-height: 30px;

        font-weight: 500;

    }

    .contactForm__container{

        width: 95%;

        height: auto;

        padding: 40px 10px;

        border-radius: 10px; 

        margin: auto;

        display: flex;

        justify-content: center;

        align-items: center ;

        z-index: 101;

    }

    .row01__contact{

        display: flex;

        justify-content: space-between;

        align-items: center;

        margin-top: 20px;

    }

    .row02__contact{

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    .contactForm{

        width: 80%;

        height: auto;

        margin: auto;

        padding: 30px 10px;

    }

    .formTitle h2{

        text-align: center;

        width: 100%;

        font-weight: 600;

    }

    .contactForm form{

        margin-top: 40px;

    }

    .contactForm .formInputs::placeholder{

        /* font-weight: 500; */

        font-size: 13px;

        color: #626262;

    }

    .contactForm .formInputsArea::placeholder{

        font-size: 13px;

        color: #626262;

    }

    .contactForm .formInputs{

        outline: none;

        border: none;

        background: #E6E6E6;

        width: 48%;

        height: 60px;

        border-radius: 7px;

        padding: 5px 15px;

    }

    .contactForm .formInputsArea{

        outline: none;

        border: none;

        background: #E6E6E6;

        width: 100%;

        border-radius: 7px;

        padding: 5px 15px;

        margin-top: 20px;

    }

    .capcha{

        width: 50%;

        height: 100%;

        margin: 0;



    }

    .capcha img{

        width: 100%;

        height: 60px;

        object-fit: contain;

    }

    .submitButton{

        width: 100%;

        text-align: center;

        margin-top: 20px;

    }

    .submitButton input{

        border: none;

        outline: none;

        font-weight: 600;

        padding: 8px 30px;

        color: #fff;

        border-radius: 5px;

        background: #0778C3;

    }

    .item-left{

        width: 10%;

    }

    .item-right{

        width: 70%;

    }

    .bannerLogo{

        position: absolute;

        bottom: 40px;

        right: 80px;

        width: 200px;

    }



}

@media screen and (max-width: 576px){

    .imgCont__adv{

        padding: 0;

        height: 100%;

        margin: 10px 0;

        display: flex;

        justify-content: center;

    }

    .adv_row{

        display: flex;

        align-items: center;

        flex-direction:column;

    }

    .row_custom{

        flex-direction:column;

    }

    .singleCard__members{

        width: 80%;

        height: auto;

        border-radius: 10px;

        background: rgb(255, 255, 255);

        box-shadow: 2px 5px 10px 2px rgba(128, 128, 128, 0.404);

        margin: 60px auto 30px auto;

        padding: 10px 20px;

    }

    

    .profilePic{

        width: 100%;

        margin: 0 auto 20px auto ;

        float: right;

    }

    .profilePic img{

        border-radius: 50%;

        width: 150px;

        height: 150px;

        display: flex;

        justify-content: space-evenly;

        align-items: center;

        object-fit: cover;

        object-position: top;

    }

    .details__members{

        width: 100%;

        margin: auto auto;

    }

    .name__details h3{

        color: #9A001C;

        font-size: 18px;

        font-weight: 700;

    }

    .nameTitle__details{

        color: #B4BABA;

        font-size: 15px;

    }

    .dis__details{

        color: #333333;

        font-size: 15px;

        font-weight: 400;

    }

    .bannerTextAbout{

        font-size: 10px;

        font-weight: 600;

    }

    .bannerLogo{

        display: none;

    }

}



@media screen and (max-width: 992px){

    .adv_row{

        display: flex;

        align-items: center;

        flex-direction:column;

    }

    .singleCard__members{

        width: 80%;

        border-radius: 10px;

        background: rgb(255, 255, 255);

        box-shadow: 2px 5px 10px 2px rgba(128, 128, 128, 0.404);

        margin: 60px auto 30px auto;

        padding: 20px 10px;

    }

    .profilePic{

        margin: auto auto;

        justify-content: center;

        display: flex;

    }

    .profilePic img{

        border-radius: 50%;

        width: 200px;

        height: 200px;

        object-fit: cover;

        object-position: top;

    }

}

@media screen and (min-width: 992px){

    .adv_row{

        display: flex;

        align-items: center;

        flex-direction:row;

    }

    .singleCard__members{

        width: 70%;

        height: 350px;

        border-radius: 10px;

        background: rgb(255, 255, 255);

        box-shadow: 2px 5px 10px 2px rgba(128, 128, 128, 0.404);

        margin: 60px auto 30px auto;

        padding: 20px 10px;

    }

    .profilePic{

        width: 30%;

        margin: auto auto;

    }

    .profilePic img{

        border-radius: 50%;

        width: 250px;

        height: 250px;

        object-fit: cover;

        object-position: top;

    }

    .row_members{

        width: 100%;

        height: 100%;

        display: flex;

        flex-direction: row;

        justify-content: space-around;

        align-items: center;

    }

    .details__members{

        width: 50%;

        margin: auto auto;

        padding: 10px 20px;

    }

    

}



@media (hover: hover) {

    .imgCont__adv img, .img_overlay{

         width: 300px;

         height: 400px;

         object-fit: cover;

         border-radius: 5px;

         overflow: hidden;

    }

    .img_overlay {

        position: absolute;

        /* top: 0;

        left: 0; */

        /* transition: 0.5s; */

        background: rgba(0, 0, 0, 0.5);

    }

    

    .img_overlay:hover {

        background: rgba(0, 0, 0, 0.7);

    }

    .img_overlay .overlay_desc{

        transform: translateY(160px);

        transition: opacity 0.3s transform 0.3s ease-out;

        opacity: 0;

    }

    .img_overlay:hover .overlay_desc{

        transform: translateY(80px);

        opacity: 1;

        transition: opacity 0.3s transform 0.3s ease-out;

    }

    .img_overlay:hover .title_overlay{

        transform: translateY(60px);

        font-size:1.7em;

        transition: opacity 0.3s transform 0.3s ease-out;

    

    }

    .title_overlay{

        transform: translateY(190px);

        text-align: center;

        font-size:1.5em;

        font-weight: 600;

        color: #fff;

        transition:0.5s

    }

    .overlay_desc{

        font-size:1.2em;

        text-align: left;

        width: 80%;

        transition:0.5s;

        margin: auto;

        color:rgb(216, 216, 216)

    }

}

@media (hover: none) {

    

    .imgCont__adv img, .img_overlay{

        width: 300px;

        height: 400px;

        object-fit: cover;

        position: relative;

        border-radius: 5px;

        overflow: hidden;

    }

    .img_overlay {

        position: absolute;

        top: 0;

        /* left: 0; */

        opacity: 1;

        background:  rgba(72, 136, 201, 0.632);

    }

    .img_overlay .overlay_desc{

        transform: translateY(80px);

        transition: opacity 0.3s transform 0.3s ease-out;

        opacity: 1;

        color: #fff;

    }

    .title_overlay{

        transform: translateY(60px);

        text-align: center;

        font-size:1.7em;

        font-weight: 600;

        color: #fff;

    }

    .overlay_desc{

        font-size:1.2em;

        text-align: left;

        width: 80%;

        transition:0.5s;

        margin: auto;

        color:rgb(216, 216, 216)

    }

}