@media (max-width: 1120px) {

}

@media (max-width: 992px) {
    .login_btn-contanier {
        margin: 15px 0;
    }

    .hero_area {
        height: auto;
    }

    .slider_section.position-relative {
        /*padding: 10px 0;*/
    }

    .language_list span{
        width:max-content;
        margin: 0 auto;
        display: block;
    }
    .language_list ul a{
        float: left;
        margin-right: 1.5em;
    }
    .language_list .ulist{
        position: static;
        width: auto;
    }
    .slider_section .carousel-indicators{
        bottom: -25px;
    }
    .layout_padding{
        padding: 1em 0;
    }
    .layout_padding2{
        padding: 1em 0;
    }

    .feature_section .feature_container .box{
        margin: 0.5em auto;
    }
    .feature_section .feature_container .box .img-box{
        width: 6em;
    }
    .feature_section .feature_container .box .detail-box h5{
        font-size: 1em;
    }

    .discount_section .detail-box {
        text-align: center;
        padding: 0.5em 0;
    }
    .discount_section .detail-box p{
        font-size: 1em;
    }
    .news_section .news_carousel-container .index_news{
        width: 100%;
    }
    .news_section .news_carousel-container .index_news .title h2{
        text-align: center;
        font-size: 2em;
    }
    .news_section .news_carousel-container .index_news .list .news_img{
        width: 100%;
        border-bottom: 1px dashed #ccc;
    }
    .news_section .news_carousel-container .index_news .list .news_list{
        width: 100%;
        border-bottom: 1px dashed #ccc;
    }
    .news_section .news_carousel-container .index_news .list .news_list h4{
        padding: 0.5em 0 0 0;
    }
    .news_section .news_carousel-container .index_news .list .news_list p{
        padding: 0;
    }
    .news_section .news_carousel-container .index_info{
        width: 100%;
    }
    .news_section .news_carousel-container .index_info .title h2{
        padding-top: 1em;
        font-size: 2em;
        text-align: center;
    }
    .news_section .news_carousel-container .index_info .list ul li{
        border-bottom: 1px dashed #ccc;
    }
    .info_section .info_contact .box {
        justify-content: left;
    }
    .footer_section{
        margin-bottom: 3em;
    }
    #toTop{
        bottom: 3em;
    }

    .mess{
        bottom: 0;
        right: 0;
        top: auto;
        width: 100%;
        padding: 0;
        transform:translateY(0);
    }
    .mess ul{
        max-width: 100%;
    }
    .mess ul li{
        width: 50%;
        border: 0;
        float: left;
    }
    .mess ul li a i{
        float: left;
        margin-left: 5%;
    }
    .mess ul li a p{
        float: left;
        margin-left: 1em;
        margin-top: 1em;
    }

    .probuct_section .probuct_section-container .probuct_nav span{
        display: none;
    }
    .probuct_section .probuct_section-container .probuct_nav li{
        margin: 0 0.5em;
    }

    #preview{
        width: 100%;
    }
    .container_left{
        width: 100%;
    }
    #spec-list{
        width: 300px;
    }
    .product_info_title{
        width: 100%;
        margin-left: 0px;
    }

    .product_info_title h3{
        line-height: 1.2em;
        margin-top: 1em;
    }
    .product_info_title p{
        height: auto;
    }
    .product_info_title a{
        margin: 0 auto;
        display: block;
        width: 12em;
        padding: 0.5em 0;
    }
    .mess_index{
        width: 100%;
    }
    .mess_index label span{
        text-align: left;
    }
    .mess_index label input{
        margin-left: 0px;
        width: 100%;
    }
    .mess_index label textarea{
        margin-left: 0;
        width: 100%;
    }
    .mess_index label .subbut{
        width: 100%;
        margin-left: 0;
    }
    .container_right{
        width: 100%;
    }
    .product_other{
        width: 100%;
    }
    .history .history_grids{
        width: 100%;
    }
    .history .history_grids .list-grid .list-year{
        width: 100%;
    }
    .history .history_grids .list-grid .histry_info{
        width: 100%;
        margin: 0;
    }
    .pagination{
        display: block;
    }
    .pagination li{
        float: left;
    }
    .probuct_rel{
        width: 100%;
    }
    .probuct_rel .news_inquiry{
        margin-top: 1em;
    }
    .about_section2 .container .detail-box .contact_info{
        width: 100%;
    }
    .discount_section .img-box{
        padding: 0 10px;
        background-color: #fff;
    }
    .health_section .box .img-box img{
        max-height: 240px;
    }
    .probuct_section .box{
        width: 94%;
        margin: 20px 3%;
    }
    .probuct_section .box .img-box img{
        max-height: 240px;
    }

}

@media (max-width: 768px) {

    .slider_section .carousel-control-prev,
    .slider_section .carousel-control-next {
        display: none;
    }

    .slider_section .detail-box {
        margin-top: 20px;
        text-align: center;
    }


    .client_section .client_container {
        width: 95%;
    }

    .contact_section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact_section .detail-box {
        margin: 0 -15px;
        margin-top: 25px;
    }

    .info_section .row>div {
        margin: 25px 0;
    }



    .footer_section p {
        width: auto;
    }
}

@media (max-width: 576px) {
    .health_section .box {
        width: auto;
        margin-right: 5px;
    }
    .social-container a{
        width: 50%;
        float: left;
        font-size: 0.8em;
    }


}

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

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

@media (max-width: 360px) {


}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}