@media(max-width: 1199px) {
    .body-bg-red{
        height:350px;
    }
    .body-bg{
        height:400px;
    }
    .main-nav {
        height:400px;
    }
    .main-nav .logo-box {
        height:200px;
        padding-top:60px;
        text-align: center;
    }

    .main-nav .side-menu__toggler {
        display: block;
        color: #fff;
        top:20px;
        right:0;
    }
    .main-nav .main-nav__main-navigation {
        display: none;
    }
    .news-slide .carousel-indicators{
        bottom:-40px;
        justify-content:flex-end;
        margin-right:0;
    }

}

@media(max-width: 991px) {
    .body-bg-red{
        height:200px;
    }
    .body-bg{
        height:350px;
    }
    .main-nav {
        height:350px;
    }
    .main-nav .logo-box {
        height:140px;
        padding-top:80px;
        text-align: center;
    }
    .article p img{
        width:100%;
    }
    .article-team{
        padding-left:140px;
    }
    .article-team .img{
        width:120px;
    }
    .box-s1 .list-text .title{
        font-size:14px ;
    }
    .box-s1 .list-text p{
        height:24px;
    }
    .experiment-pic-content h3 {
        font-size: 16px;
    }

    .news-slide .carousel-indicators{
        bottom:-40px;
        justify-content: center;
        margin-right:70px;
    }

}


@media(max-width: 767px) {
    .body-bg-red{
        height:100px;
    }
    .body-bg{
        height:150px;
    }
    .main-nav {
        height:150px;
    }
    .main-nav .logo-box {
        height:50px;
        padding-top:20px;
        text-align: center;
    }

    .block-title .more {
        top:60px;
        font-size: 12px;
    }
    .block-title .more:after{
        height:1px;
        width:24px;
    }
    .home  .block-title-title h3{
        margin:0;
        font-size: 24px;
        color:#be1804;
        font-weight: bold;
        background: url(../images/title-bg-sm.png) no-repeat center ;
    }
    .sub  .block-title-title h3{
        font-size: 18px;
    }
    .sub  .block-title-title h3:after{
        left:80px;
        top:10px;
    }

    .box-s1 .block-title .block-title-title h3{
        font-size: 24px;
    }
    .box-s1 .more{
        top:15px;
    }
    .site-footer{
        background: #be1804;
        padding-top:20px;
    }
    .site-footer .logo{
        width:60%;
    }
    .inner-container p{
        font-size: 12px;
    }
    .article-box{
        padding:20px 0;
    }
    .article .title{
        margin-bottom:30px;
        text-align: center;
    }
    .article .title h2{
        font-size: 18px;
        font-weight: bold;
    }

    .article-team{
        position: relative;
        padding-left:0;
    }
    .article-team .img{
        width:200px;
        margin:10px auto;
        position:relative;
    }

    .sm-gutters{margin-right:-10px;margin-left:-10px;}
    .sm-gutters>.col,
    .sm-gutters>[class*=col-]{padding-right:10px;padding-left:10px}

    .sub-list.card  .caption {
        background: #ffffff;
        height:60px;
        padding:10px;
        margin-top:-20px;
        box-shadow: 0 -10px 20px rgba(92,10,0,0);
    }

    .sub-list.card .caption h3 {
        font-size: 13px;
        color:#333333;
        text-align: left;
        line-height: 150%;
    }

    .sub-list.card .caption .time{
        padding:0px 6px;
        font-size: 10px;
        top:-20px;
    }
    .card-image {
        border: none;
    }
    .section2{
        padding-bottom:40px;
    }
    .section5{
        background: #ffffff;
    }
    .section6{
        background: #ffffff;
        padding-bottom:40px;
    }
}


@media(max-width: 625px) {

}

@media(max-width: 575px) {
}

@media(max-width: 480px) {

}
@media(max-width: 375px) {

}
@media(max-width: 360px) {


}