/* Phone style */
body{
	min-width:auto;
}
  .bg-black{
	  display:block;
  }
@media all and (max-width: 767px) {

.head .search { width: 100%; overflow-y: auto; max-width: 540px; }
.head .search-result .product dd { float: none; width: auto; }
.head .nav { width: 90%; max-width: 340px; }

.index-swiper { height: 225px; }

.index-2-product { padding-top: 150px; }
    .index-2-product-info { width: auto; height: auto; }
    .index-2-product-info h2 { text-align: center; margin-bottom: 10px; }
    .index-2-product-info .btn-arrow { display: none; }
    .index-2-product-info .info { margin-bottom: 0; }
    .index-2-product-info .info a:after { position: relative; top: -2px; display: inline-block; width: 16px; height: 16px; font-size: 9px; border: 1px solid #363636; content: '\E808'; font-family: iconfont; border-radius: 100%; text-align: center; }

.index-swiper-bulletin { float: none; width: auto; padding: 0; margin: 0 20px 20px; }
.index-swiper-bulletin .swiper-button-prev, .index-swiper-bulletin .swiper-button-next, .index-swiper-bulletin:before, .index-swiper-bulletin:after { display: none; }
.index-swiper-bulletin .swiper-pagination { display: block; bottom: 20px; }

.index-swiper-news { float: none; width: auto; padding: 0; margin: 0 20px 20px; }
.index-swiper-news .swiper-button-prev, .index-swiper-news .swiper-button-next, .index-swiper-news:before, .index-swiper-news:after { display: none; }
.index-swiper-news .swiper-pagination { display: block; bottom: 20px; }
.index-swiper-news .news-content { height: 220px; }
.index-swiper-news .line { bottom: 40px; }

.index-3-product { float: none; display: block; width: auto; margin: 0 20px 20px; border: 0; }

.index-3-contact { float: none; width: auto; border: 0; margin: 0 20px; }

.bread a { margin-right: 20px; }
.bread a:after { right: -12px; }

.product-swiper { float: none; width: 80%; margin: 0 auto; }
.pd-info { float: none; width: 100%; text-align: center; padding-left: 0; }
    .sns-btns { display: block; }

.product-items { width: 90%; }
.product-items .tabs { margin-top: 30px; }
.product-items .tabs a { margin-right: 15px; }
.product-items .tab { padding: 30px 0; }
.product-items .tab-3 .title-content:first-child { float: none; width: auto; }
.product-items .tab-3 .title-content:last-child { width: 70%; }
.product-items .tab-3 .title-content { margin-bottom: 20px; }
.product-banner .title { width: 90%; }
.product-banner .links { width: 90%; }

.rel-product { padding-top: 30px; }
.rel-product h2 { margin-bottom: 10px; }
.rel-product li{ min-height: 375px;}
.rel-product li .face { width: 90%; margin: auto; height: calc(50vw - 0px);}
.rel-product ul { margin-bottom: 50px; }

.swiper-plan .swiper-container { height: 260px; }
.swiper-plan .swiper-slide .t { font-size: 30px; padding: 20px 0; }

.product-list > .w1170 { padding: 0; min-height: 0; }
aside.cats { display: none; }
.pl-main .cat-meta { padding: 0 30px; }
.products li .face { height: calc(50vw - 50px); }

.pages .active:before { display: none; }

.page-pics .banner h1 { font-size: 40px; }
.page-pics .banner strong { font-size: 14px; }
.page-pics .banner { margin-bottom: 10px; }
.page-pics .two-cols a { margin-bottom: 10px; }
.page-pics .three-cols a { font-size: 18px; }
.page-pics .witness-tc a { width: 47%; height: calc(45vw); }
.page-pics .witness-tc a:nth-of-type(1), .page-pics .witness-tc a:nth-of-type(3), .page-pics .witness-tc a:nth-of-type(5) { margin: 0 1% 20px 2%; }
.page-pics .witness-tc a:nth-of-type(2), .page-pics .witness-tc a:nth-of-type(4), .page-pics .witness-tc a:nth-of-type(6) { margin-left: 1%; margin-right: 2%; }


.swiper-banner .swiper-slide h3 { font-size: 40px; }
.swiper-banner .swiper-slide .t { font-size: 14px; padding: 0 10px; }

.strength { padding-bottom: 60px; }
.strength .content { margin: 0 20px 40px; }
.strength-activity li.fl, .strength-activity li.fr { float: none; width: auto; margin: 0 20px 20px; }
.activity div { padding: 0 10px; }
.more-rec { padding: 50px 0; }

.rec-list { padding: 0; }
.rec-list li { float: none; width: auto; margin: 0 20px 30px; height: auto; }

.pic-banner .w1170 { height: 180px; }

.happy h2 { font-size: 30px; }
.text, .happy .poetry, .media { width: auto; margin: 0 20px 20px; }

.happy-list { width: auto; margin: 0 10px; }
.happy-list li { width: calc(50% - 20px); margin: 0 10px; padding: 0; }
.happy-list li .face { height: 100px; }

.news-list { padding: 0px 0 65px; }
.news-list li { float: none; width: auto; margin: 0 20px 65px; }
.news-list li .wrap { height: auto; padding-bottom: 30px; }
.news-list .img { height: calc(100vw - 200px); }

.news h1 { margin: 0 20px 15px; font-size: 30px; }

.search-input { width: auto; margin: 0 20px 50px; }
.search-input input { width: calc(100% - 70px); }

.witness > .w1170 { padding: 0 20px; }
    .cat-title { font-size: 28px; }
    .witness-main .face { height: calc((50vw - 30px) * 0.68); }

.page > .w1170 { padding: 0 20px; }
    .page-main .text { margin: 0 0 30px 0; }
    .page-main .txt.fr { padding-left: 10px; }
    .page-main .txt.fl { padding-right: 10px; }

        .team li { float: none; width: auto; }
        .team li:after { content: '\20'; display: block; height: 0; clear: both; }

        .pics-4cols li { width: 50%; }

    .page-main hr { width: auto; margin: 0 0 30px; }
    .page-main .mix { width: auto; margin: 0 0 30px; }
    .page-main .mix .media { width: 150px; margin: 0 10px 10px 0; }
    .page-main .mix .media.fr { width: 150px; margin: 0 0 10px 10px; }

.head .shop-bag-btn {top: -2px;width: 60px;height: 59px;/* line-height: 58px; */left: 30px;text-align: center;font-size: 18px;border: 0;border-radius: 0;position: absolute;color: #363636;display:flex;}
.head .shop-bag-btn i,.head .shop-bag-btn span{ 
 margin:auto;
 vertical-align: middle;
}
.head .shop-bag-btn i:before{
 content:"";
 background: url(../images/12.gif?v=1.1) center no-repeat/cover;
 height:18px;
 vertical-align: middle;
 margin-top: -3px;

}