@media(min-width:980px) and (max-width:1150px) {
    .parallax-section {
        background-position: center top !important
    }

    #slitSlider .carousel-caption h2 {
        font-size: 60px
    }

    .feature-desc h3 {
        margin-top: 0
    }

    .team-mate {
        margin-bottom: 30px
    }

    .mask ul {
        top: 85px
    }

    .mask ul li {
        margin: 0 5px
    }

    .team-mate>h4 {
        margin-bottom: 10px
    }

    .team-mate img {
        margin: 0 auto
    }

    .member-info ul li {
        margin-right: 10px
    }

    .client-info {
        width: 55%
    }

    .tab-post-nav li a {
        padding: 15px 8px
    }

    .author-bio h5 {
        margin-left: 70px
    }
}

@media(min-width:768px) and (max-width:979px) {
    .parallax-section {
        background-position: center top !important
    }

    #slitSlider .carousel-caption h2 {
        font-size: 50px
    }

    #nav-dots {
        display: block
    }

    #nav-arrows {
        display: none
    }

    .navbar-inverse .navbar-nav li a {
        padding: 20px 10px
    }

    .wrap-about {
        margin: 0 0 75px
    }

    .about-content {
        margin: 0 auto;
        width: 60%
    }

    #counter {
        padding-bottom: 50px
    }

    .counters-item {
        margin-bottom: 30px
    }

    .service-block {
        margin: 0 auto 40px;
        width: 310px
    }

    .team-mate {
        margin: 0 auto 30px;
        width: 280px
    }

    .skill-chart {
        margin: 0 auto 40px;
        width: 300px
    }

    .skill-chart {
        margin: 0 auto 40px;
        width: 90%
    }

    .skill-chart>h3 {
        margin: 15px 0
    }

    .pricing {
        margin: 0 auto 30px;
        width: 300px
    }

    .client-info {
        width: 75%
    }

    .note {
        margin-bottom: 30px
    }

    .tab-post-nav li a {
        padding: 10px
    }

    .author-social {
        margin-left: 0
    }
}
@media (min-width:1250px) and (max-width:1900px){
    /* body{
        background-color: #fff !important;
    } */
    .teacher p{
        bottom: 17.5% !important;
    }
    .teacher .bottoms{
        bottom: 17% !important;
    }
    .carousel-caption{
        top:20% !important;
    }
}
@media only screen and (min-width:1920px) {
    .box{
        min-height: 520px !important;
        max-height: 520px !important;
    }
    .carousel-caption{
        top: 20% !important;
    }
    .teacher .p{
        bottom: 17% !important;
    }
    .teacher .bottoms{
        bottom: 16% !important;
    }
    #slitSlider .csrou_box{
        top: 15%;
    }
    #home {
        position: relative;
        /* max-height: 801px; */
        max-height: 1312px;
        overflow: hidden;
        box-sizing: border-box;
    }
}
@media only screen and (min-width:1931px){
    .teacher .p{
        bottom: 10% !important;
    }
    .teacher .bottoms{
        bottom: 9% !important;
    }
}
@media only screen and (min-width:3840px){
    .teacher .p{
        bottom: 5% !important;
    }
    .teacher .bottoms{
        bottom: 4% !important;
    }
}
@media only screen and (max-width:767px) {
    .parallax-section {
        background-position: center top !important
    }

    .line::after {
        content: '';
        opacity: 0;
    }

    .lookMore {
        bottom: -2% !important;
    }

    .box {
        height: 160px !important;
    }

    .man_top1 {
        margin-top: 0px !important
    }

    .man_top {
        margin-top: 0px !important
    }

    .box>div {
        width: 62% !important;
        height: 100%;
        position: absolute;
    }

    .bg-img-1 {
        /* display: none; */
    }

    .tea_img_1 {
        /* margin-left: 30%; */
    }

    .tea_img_2 {
        margin-left: 0%;
        top: 0 !important
    }

    .tea_img_3 {
        /* margin-left: 30%; */
        top: 0 !important
    }

    .tea_img_4 {
        margin-left: 0%;
    }

    #about .container {
        height: 2000px !important;
    }

    #home .bg-img-1 {
        height: 80% !important;
    }

    .box_model {
        position: absolute;
        left: 0 !important;
        top: 25%;
        right: 0 !important;
        bottom: 25%;
        z-index: 1000;
        background-color: #141414;
    }

    .h3_title {
        font-size: 16px !important;
    }

    .model_img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 30% !important;
        background-size: 160% !important;
        background-position: 14% 22% !important;
    }

    .modern {
        top: 72.5% !important;
    }

    /* .box:nth-child(1) .teacher p{
        font-size: 10px !important;
        bottom: 9% !important;
    }
    .box:nth-child(2) .teacher p{
        font-size: 10px !important;
        bottom: 8% !important;
    }
    .box:nth-child(3) .teacher p{
        font-size: 10px !important;
        bottom: 8% !important;
    } */
    .teacher p {
        font-size: 10px !important;
    }

    .teacher .p {
        bottom: 9% !important;
    }

    .bottoms {
        bottom: 7.5% !important;
    }

    /* .teacher p:nth-child(1) {
        font-size: 10px !important;
        bottom: 9% !important;
    }
    .teacher p:nth-child(4) {
        font-size: 10px !important;
        bottom: 9% !important;
    } */
    .box {
        min-height: 211px !important;
    }

    .log_top {
        width: 81px !important;
        height: 64px !important;
    }

    #slitSlider .carousel-caption {
        left: 50% !important;
        top: 10% !important;
        max-width: 100% !important;
        transform: translateX(-50%);
    }

    .carousel-caption:last-child>.box {
        margin-top: 20px !important
    }

    ._banner {
        margin: 0 34px !important;
    }

    h1 {
        font-size: 30px
    }

    .carousel-caption img {
        width: 70%
    }

    .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .benner_img {
        height: 150px !important;
    }

    .cards_bg .img {
        width: 100%;
        height: 70%;
        height: 227px;
        max-height: 187px !important;
        background-image: url(https://img.singschool.cn/gw/img/人物背景.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0px;
        position: relative;
    }

    .cards_bg {
        background-color: #000;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets {
        height: 50px;
        bottom: -35px !important;
        left: 0;
        width: 100%;
    }

    .cards_bg .img img {
        /* width: 75%; */
        width: 55% !important;
        height: 80%;
        position: absolute;
        top: 20% !important;
        right: 5%;
    }

    #slitSlider .carousel-caption h2 {
        font-size: 24px;
        letter-spacing: .5px;
        line-height: 35px;
        margin-bottom: 25px
    }

    #slitSlider .carousel-caption h3 {
        font-size: 20px;
        letter-spacing: .5px;
        line-height: 28px;
        margin-bottom: 25px
    }

    #slitSlider .carousel-caption a {
        font-size: 14px
    }

    #nav-dots {
        display: block
    }

    #nav-arrows {
        display: none
    }

    .navbar-fixed-top {
        padding-bottom: 10px
    }

    .navbar-inverse .navbar-toggle,
    .navbar-inverse .navbar-toggle .icon-bar {
        border-color: #4e595f;
        border-radius: 0
    }

    .navbar-inverse .navbar-toggle:hover {
        border-color: #ddd;
        border-radius: 0
    }

    .navbar-inverse .navbar-toggle .icon-bar:hover {
        background-color: #ddd
    }

    .navbar-collapse.in {
        overflow-y: inherit;
        background-color: #000;
        pposition: fixed;
        right: 5%;
        top: 9%;
        left: 5%;
    }

    .navbar-brand {
        padding: 10px 0 10px 10px
    }

    .navbar-toggle {
        margin-top: 22px
    }

    .navbar-nav {
        /* margin: 0 -15px */
        margin: 0 ;
    }

    .navbar-inverse .navbar-nav li a {
        line-height: 45px;
        padding: 0;
        text-align: center;
        border-bottom: 1px solid transparent
    }

    .wrap-about {
        margin: 0 auto 80px;
        width: 85%;
        box-sizing: border-box;
        max-height: 300px;
    }

    .banner_show {
        margin: 0 !important;
    }

    .onlyxiao {
        display: block !important;
    }

    .onlypc {
        display: none !important;
    }

    #about {
        box-sizing: border-box;
        max-height: 1670px !important;
    }

    .feature-desc a {
        margin: 5px 5px 5px 0
    }

    .counters-item {
        margin: 0 auto 25px;
        width: 270px
    }

    #services .title {
        padding-bottom: 60px
    }

    .service-block {
        margin: 0 auto 30px;
        width: 280px;
        position: relative;
        left: -8px
    }

    .skill-chart {
        margin: 0 auto 40px;
        width: 280px
    }

    .team-mate {
        margin: 0 auto 31px;
        width: 280px
    }

    .team-mate img {
        margin: 0 auto
    }

    .member-info ul {
        text-align: center;
        margin-bottom: 10px
    }

    .pricing {
        margin: 0 auto 20px;
        width: 280px
    }

    .portfolio-filter ul li a {
        margin: 0 10px 10px 0;
        padding: 5px 10px
    }

    .sub-title h3 {
        font-size: 18px
    }

    .client-info {
        width: 100%
    }

    #blog {
        padding-bottom: 0
    }

    .note {
        margin-bottom: 30px
    }

    .note .excerpt {
        padding: 0 20px 20px
    }

    .all-post {
        margin: 20px 0 30px
    }

    .contact-info {
        margin: 0 0 30px
    }

    #map-canvas {
        height: 250px
    }

    .social-icon ul li,
    .social-icon ul li:first-child {
        margin: 15px
    }

    .social-icon ul li a {
        width: 50px;
        height: 50px
    }

    .social-icon ul li a i {
        font-size: 24px;
        line-height: 50px
    }

    .blog-title h1 {
        font-size: 28px
    }

    #blog-page {
        margin: 0
    }

    #blog-posts {
        margin: 0 0 40px
    }

    .post-excerpt h3 {
        font-size: 20px
    }

    .post-pagination ul li {
        margin: 0 10px 10px 0
    }

    .tab-post-nav li a {
        padding: 8px 5px
    }

    .author-social {
        margin-left: 0
    }

    .author-avatar {
        margin-right: 10px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #slitSlider .carousel-caption h2 {
        font-size: 30px
    }

    /* .box{
        height: 160px !important;
    }
    .man_top1{
        margin-top: 20px
    }
    .man_top{
        margin-top: 0px
    } */
    #slitSlider .carousel-caption h3 {
        font-size: 25px
    }

    #slitSlider .carousel-caption a {
        font-size: 14px
    }

    .carousel-caption img {
        width: 50%
    }

    .navbar-fixed-top {
        padding-bottom: 10px
    }

    .navbar-brand {
        padding: 10px 0 10px 10px
    }

    .navbar-inverse .navbar-toggle {
        border-color: #4e595f;
        border-radius: 0
    }

    .navbar-inverse .navbar-toggle:hover {
        border-color: #fff;
        border-radius: 0
    }

    .navbar-collapse.in {
        overflow-y: inherit
    }

    .navbar-toggle {
        margin-top: 22px
    }

    .navbar-inverse .navbar-nav li a {
        line-height: 45px;
        padding: 0;
        text-align: center;
        border-bottom: 2px solid transparent
    }

    .wrap-about {
        margin: 0 auto 75px;
        width: 70%
    }

    .service-block {
        margin: 0 auto 40px;
        width: 310px
    }

    .team-mate {
        margin: 0 auto 30px;
        width: 280px
    }

    .team-mate img {
        margin: 0 auto
    }

    .og-grid li {
        width: 245px
    }

    .skill-chart {
        margin: 0 auto 40px;
        width: 300px
    }

    .pricing {
        margin: 0 auto 30px;
        width: 350px
    }

    .client-info {
        width: 74%
    }

    #blog {
        padding-bottom: 0
    }

    .note {
        margin: 0 auto 30px;
        width: 75%
    }

    .contact-info {
        width: 100%
    }

    .tab-post-nav li a {
        padding: 10px 15px
    }
}