body {
    width: 100%;
    height: 100%;
    margin: 0;
}

@font-face {
    font-family: 'linecons';
    src: url('../fonts/linecons/linecons.eot') format('embedded-opentype'), url('../fonts/linecons/linecons.ttf') format('truetype'), url('../fonts/linecons/linecons.woff') format('woff'), url('../fonts/linecons/linecons.svg') format('svg'), url('../fonts/linecons/linecons.dev.svg') format('svg');
}

@font-face {
    font-family: 'm_plus';
    src: url('../fonts/RoundedMplus1c-Medium.eot');
    src: url('../fonts/RoundedMplus1c-Medium.woff2') format('woff2'), url('../fonts/RoundedMplus1c-Medium.woff') format('woff'), url('../fonts/RoundedMplus1c-Medium.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'm_plus_xtrabold';
    src: url('../fonts/RoundedMplus1c-ExtraBold.eot');
    src: url('../fonts/RoundedMplus1c-ExtraBold.woff2') format('woff2'), url('../fonts/RoundedMplus1c-ExtraBold.woff') format('woff'), url('../fonts/MPLUSRounded1c-ExtraBold.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'm_plus_reg';
    src: url('../fonts/RoundedMplus1c-Regular.eot');
    src: url('../fonts/RoundedMplus1c-Regular.woff2') format('woff2'), url('../fonts/RoundedMplus1c-Regular.woff') format('woff'), url('../fonts/MPLUSRounded1c-Regular.ttf') format('truetype');
    font-weight: normal;
}

.doctors-section {
    margin-top: 70px;
}

.doctor-wrapper {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
}

.each-doc-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.doctor-img-wrapper {
    width: 100%;
}

.doctor-description-wrapper {
    width: 100%;
}

.staff-pos {
    margin-top: 4px;
    margin-bottom: 12px;
}

.staff-description {
    font-family: m_plus_reg;
    font-weight: 600;
    text-align: justify;
    margin: 14px 0;
    font-size: 16px;
}

.staff-img {
    width: 100%;
}


.flex-direction-reverse {
    flex-direction: row-reverse;
}

.target-container {
    position: relative;
}

.target-item {
    position: absolute;
    width: 30px;
    height: 30px;
    top: -110px;
}

.thin-line {
    width: 100%;
    background-color: #b7b7b7;
    height: 2px;
    position: absolute;
    top: -27px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.social-icon {
    width: 38px;
    margin: 0 20px;
}

    .social-icon img {
        width: 38px;
    }


.staff-info-cotainer {
    padding: 20px 0;
}

.staff-img {
    box-shadow: 0px 14px 14px rgba(0,0,0,0.28);
}

.staff-social {
    text-align: center;
}

.scroll-target {
    position: absolute;
    width: 30px;
    height: 30px;
    top: -115px;
    /*background-color: aqua;*/
}



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

    .thin-line {
        top: -45px;
    }

    .each-doc-wrapper {
        margin-bottom: 70px;
    }

    .staff-name {
        text-align: left;
    }

    .staff-pos {
        text-align: left;
    }

    .staff-social {
        text-align: left;
        margin-right: 20px;
    }

    .social-icon {
        margin: initial;
    }

    .staff-info-cotainer {
        padding: 0 0 20px 0;
    }

    .doctor-img-wrapper {
        width: 30%;
    }

    .doctor-description-wrapper {
        width: 70%;
    }

    .pl-30 {
        padding-left: 30px;
    }

    .pr-30 {
        padding-right: 30px;
    }

    .staff-img {
        width: initial;
    }

        .staff-img::before {
            height: 92%;
            width: 24.5vw;
            margin: 1.3vw 0;
            margin-left: auto;
            margin-right: auto;
        }
}

@media screen and (min-width:550px) {
    .text-align-justify {
        text-align: justify !important;
    }
}

@media screen and (min-width:1124px) {
    .staff-img::before {
        width: 256px;
        margin: 5% auto;
    }
}

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

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

    .thin-line {
        height: 0.147vw;
        top: -3.309vw;
    }

    .scroll-target {
        position: absolute;
        width: 30px;
        height: 30px;
        top: -14.706vw;
    }

    .staff-img {
        box-shadow: 0px 1.029vw 1.029vw rgba(0,0,0,0.28);
    }

    * {
        font-size: 1.029vw;
    }

    .staff-info-cotainer {
        padding: 0 0 1.471vw 0;
    }

    .doctors-section {
        margin-top: 5.147vw;
    }


    .social-icon {
        width: 2.794vw;
        margin-right: 1.471vw;
    }

        .social-icon img {
            width: 2.794vw;
        }



    .target-item {
        width: 2.206vw;
        height: 2.206vw;
        top: -8.088vw;
    }

    .each-doc-wrapper {
        margin-bottom: 5.147vw;
    }

    .staff-name {
        padding: 0;
    }

    .staff-description {
        margin: 1.029vw 0;
        font-size: 1.176vw;
    }

    .doctor-wrapper {
    }

    .staff-pos {
        margin-top: 0.294vw;
        margin-bottom: 0.882vw;
    }

    .pl-30 {
        padding-left: 2.206vw;
    }

    .pr-30 {
        padding-right: 2.206vw;
    }
}


@media screen and (min-width:550px) {
    .social-icon {
        margin-right: 20px !important;
    }
}

@media screen and (max-width:879px){
    /*.banner-image.doctors {
        min-height:0 !important;
    }

    .min-height-0{
        min-height: 0 !important;
    }*/
}