@media (min-width: 768px) {

    /* Navbar positioning foo */
    .navbar-wrapper {
        /* margin-top: 20px; */
    }

    .navbar-wrapper .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
    }

    /* The navbar becomes detached from the top, so we round the corners */


    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }
    
    .service ul{display:flex;}
}




@media (max-width: 1200px) {

    .navbar-brand{ height: 100px; }
    .navbar-toggle{ margin-top: 45px; }
    .navbar-default .navbar-nav{ padding: 0 15px; }
    .navbar-default .navbar-nav>li>a {
        border-bottom: none;
        height: 50px;
        width:auto;
        padding: 0;
        line-height: 50px;
        text-align: left;
        border-bottom:1px solid #eee;
    }
    .navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li:hover>a{ background: #fff;border-bottom-color:#eee; }
    .navbar-default .navbar-nav>li.active>a>span, .navbar-default .navbar-nav>li:hover>a>span{ color: #333 }
    .navbar-default .navbar-nav>li:last-child>a{ border-bottom: none; }
    .navbar-default .navbar-nav>li>a>span{ font-size: 14px; }
    .navbar-default .navbar-nav>li>a>em {
        display: none;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height: 90%; }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        box-shadow: none;
        background: #fff;
        border-bottom-color: #eee
    }
    .navbar-default .navbar-nav>.active>a>span,
    .navbar-default .navbar-nav>.active>a:hover>span,
    .navbar-default .navbar-nav>.active>a:focus>span {
        color: #333
    }
    .navbar-default .navbar-nav>li>ul{ display: none!important }
    #topslide{
        /*height: 400px;*/
    }

    .subnav{ height: auto; }
    .subnav .enbg{ display: none; }
    .partner_page .subnav{ margin-bottom: 0;}
    .partner_page .subnav .enbg{ display: block; }
    .subnav{ margin-bottom: 20px; }
    .subnav ul{ text-align: center; }
    .subnav ul li{margin: 10px 20px;}

    .team ul li .grid .mask{ font-size: 14px;}
    .about .about-r p{ line-height: 2em; }


    .footer dl dd{ display: none; }
    .footer .contact{ clear: both; }
    .footer .row{ text-align: center; }
    .footer .list-unstyled{ text-align: left; }
    .footer .passageway{ text-align: center; }
    .footer .row dl{ display: inline-block; float: none; margin-right: 0; }
    .footer .row dl dt{font-weight: normal; }
    .footer .row>div{padding: 0 15px; }
}




@media (max-width: 992px) {
    #topslide{
        /*height: 300px;*/
    }
    .partner_ys ul li{ background: none!important; }
    .partner_ys ul li .con{ background: #fff!important; }
    
    .service ul{display:block;}
    .banner .row{ height: 300px;}
    .about .about-l{ display: none }

    
}

@media (max-width: 768px) {
    body{ padding-top: 50px; }
    .navbar-toggle{ margin-top: 8px; }
    .navbar-brand{ height: 50px; padding: 0; }
    .topnav .navbar-brand img{ height: 50px; margin-top: 0; }
    .carousel-indicators{ display: none; }
    #topslide{
        /*height: 240px;*/
    }
    .about .about-r{max-height: none;}
    .about .about-r p{ padding: 10px 1rem; }
    .service{ padding-top: 120px; background-position: 18% 0; }
    .service li{ font-size: 12px; }
    .service .iconfont {
        font-size: 2em;
    }
    .banner .row{ height: 240px;}
    .team {margin-top: 50px; }

    .case {margin-top: 50px; }
    .case ul li .imgbox .mask{ font-size: 14px; line-height: 40px; height: 40px; }
    .case ul li .imgbox .mask span{ height: 40px;}
    .case ul li .imgbox .mask span i{ font-size: 14px; }

    .advslide .swiper-button-next{ right: 0px; }
    .advslide .swiper-button-prev{ left: 0px; }
    #feedback_content .swiper-slide p{ padding: 0 15px; }
    .feedback .part:before{ display: none; }
    .feedback .container-fluid{ background: none; }
    .feedback .container-fluid{ padding: 0; }
    #feedback_thumb{ padding: 20px 0; }
    #feedback_thumb .swiper-slide .imgbox{ border: none;width: 100%;padding: 48% 0; }
    #feedback_thumb .swiper-slide-thumb-active:before{ bottom: -20px; font-size: 18px; }
    
    .query-box .option{ display: block }
    .query-box ul{ display: flex; flex-flow: wrap; }
    .query-box ul li{ margin: 0; padding: 0 1rem; }
    .advslide .swiper-container{ height: 300px; }
    .swiper-button-next:after, .swiper-button-prev:after{color: #fff; }

    /**/
    
    .list_news ul.am-list li h3{ margin: 0; }
    .list_news ul.am-list li .linkdetail{ display: none; }

    .list-team li .imgbox:hover .mask p{ padding: 10px 5px; line-height: 150%; }
    .list-team li .imgbox .mask p strong{ font-size: 14px; }
    .list-team li .imgbox .mask p span{ font-size: 12px; }

    .team_box{ display: block;}
    .team_box .avatar{ max-width: 100%; margin-bottom: 20px;}
    .team_box .info ul, .team_box .info ul li p{ border: none; }
    .flink{ display: none; }
    .title_box h1{ font-size: 18px; }

    .content img{ max-width: 100%; }

    .copyright{font-size: 10px; padding: 10px 0; text-align: center;}

    /* partbox */
    .part h3 {font-size: 28px;}
    .part p {font-size: 40px; color: #f4f4f4; margin: -80px auto 0; }
    .more {position: relative; margin: 20px auto; border: 1px solid #c30d23; padding: 10px 30px; color: #c30d23; display: inline-block; text-decoration: none; }

}


@media (max-width: 245px) {
    .topnav .navbar-brand img{ display: none}
}