.avator-box {
    width: 1490px;
    margin: auto;
    margin-top: 80px
}

.avator-box .row-items {
    display: block;
    margin: auto
}

.avator-box .row-items>div {
    display: inline-block;
    background-image: url(../img/school/teache-bg1.png);
    background-size: 100% 100%;
    width: 316px;
    padding: 10px;
    margin: 22px;
    cursor: pointer
}

.avator-box .row-items>div .avator {
    width: 296px;
    height: 414px
}

.avator-box .row-items>div .avator img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.avator-box .row-items>div .name {
    text-align: center;
    color: #005bac;
    margin-top: 10px
}

.avator-box .row-items>div:hover {
    background-image: url(../img/school/teache-bg2.png);
    -webkit-box-shadow: 0 1px 15px 0 rgba(0, 106, 187, .2);
    box-shadow: 0 1px 15px 0 rgba(0, 106, 187, .2)
}

@media screen and (min-width:1920px) {
    .avator-box {
        width: 1490px
    }
    .avator-box .row-items>div {
        width: 316px;
        padding: 10px;
        margin: 22px
    }
    .avator-box .row-items>div .avator {
        width: 296px;
        height: 414px
    }
    .avator-box .row-items>div .name {
        text-align: center;
        color: #005bac;
        margin-top: 10px
    }
}

@media screen and (min-width:1800px) and (max-width:1920px) {
    .avator-box {
        width: 1490px
    }
    .avator-box .row-items>div {
        width: 316px;
        padding: 10px;
        margin: 22px
    }
    .avator-box .row-items>div .avator {
        width: 296px;
        height: 414px
    }
    .avator-box .row-items>div .name {
        text-align: center;
        color: #005bac;
        margin-top: 10px
    }
}

@media screen and (max-width:1600px) {
    .avator-box {
        width: 1241.66667px
    }
    .avator-box .row-items>div {
        width: 263.33333px;
        padding: 8.33333px;
        margin: 18.33333px
    }
    .avator-box .row-items>div .avator {
        width: 246.66667px;
        height: 345px
    }
    .avator-box .row-items>div .name {
        text-align: center;
        color: #005bac;
        margin-top: 8.33333px
    }
}

@media screen and (max-width:1400px) {
    .avator-box {
        width: 1086.45833px
    }
    .avator-box .row-items>div {
        width: 230.41667px;
        padding: 7.29167px;
        margin: 16.04167px
    }
    .avator-box .row-items>div .avator {
        width: 215.83333px;
        height: 301.875px
    }
    .avator-box .row-items>div .name {
        text-align: center;
        color: #005bac;
        margin-top: 7.29167px
    }
}

@media screen and (max-width:1300px) {
    .avator-box {
        width: 1008.85417px
    }
    .avator-box .row-items>div {
        width: 213.95833px;
        padding: 6.77083px;
        margin: 14.89583px
    }
    .avator-box .row-items>div .avator {
        width: 200.41667px;
        height: 280.3125px
    }
    .avator-box .row-items>div .name {
        text-align: center;
        color: #005bac;
        margin-top: 6.77083px
    }
}

@media screen and (max-width:1200px) {
    .avator-box {
        width: 931.25px
    }
    .avator-box .row-items>div {
        width: 197.5px;
        padding: 6.25px;
        margin: 13.75px
    }
    .avator-box .row-items>div .avator {
        width: 185px;
        height: 258.75px
    }
    .avator-box .row-items>div .name {
        text-align: center;
        color: #005bac;
        margin-top: 6.25px
    }
}

@media screen and (max-width:1023px) {
    .avator-box {
        width: 95%;
        margin-top: .5rem;
        margin-bottom: .5rem
    }
    .avator-box .row-items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .avator-box .row-items>div .name {
        font-size: .26rem
    }
    .avator-box .row-items>div .avator {
        width: 1.85rem;
        height: 2.6rem
    }
    .avator-box .row-items>div {
        width: 2rem;
        padding: .06rem;
        margin: .18rem
    }
}


/*# sourceMappingURL=Academics-teacher.min.css.map */