@media(max-width: 767px){
.container{width: 100%;}
.home__tf-main{width: 100%;}
.box-home-focus[data-layout="1"] .home-box-focus-top .home-box-focus-big{width: 100%;}
.header__logo {width: 100%;}
.home__top-focus-flex { display: block;}
.box-home-focus[data-layout="1"] .home-box-focus-top {display: block;}
.box-home-focus[data-layout="1"] .home-box-focus-top .home-box-focus-big .box-home-focus-link-title{font-size: 16px;}
.box-home-focus[data-layout="1"] .home-box-focus-top .home-box-focus-sub {width: 100%;margin-left: 0;margin-top: 10px;}
.box-home-focus[data-layout="1"] .home-box-focus-middle {display: block;}
.box-home-focus[data-layout="1"] .home-box-focus-middle .box-home-focus-item {width: 100%;}
.home__tf-sub {width: 100%;margin-left: 0;}

.home__syt-flex {
    width: 100%;
    margin-left: 0;
}
.home__syt-sub {
    width: 100%;
}
.box-category[data-layout="1"] .box-category-middle .box-category-item-first .box-category-content {
    width: 100%;
}
.home__syt-main {
    width: 100%;
    margin-right: 0;
}

.box-category[data-layout="1"] .box-category-middle .box-category-item-first .box-category-link-with-avatar {
  width: 100%;
}

.box-category[data-layout="1"] .box-category-middle .box-category-item-first {
    display: block;
}
.home__syt-flex{display: block;}
.box-category[data-layout="1"] .box-category-middle .box-category-list-sub{display: block;}
.box-category[data-layout="1"] .box-category-middle .box-category-list-sub .box-category-item{width: 100%;}

.footer__top {
    display: block;
   
}
.footer__logo {
    width: 100%;
    margin-right: 60px;
}
.footer__logo img{max-width: 150px;margin:0 auto;}
.footer__social ul{float: left;margin-right: 15px;}
.footer__top .action a{padding: 2px 15px!important;}

.detail-container[data-layout="1"] .detail-scroll-flex {
    display: block;
}
.detail__flex {
    display: block;
    justify-content: space-between;
}
.detail__main {
    width: 100%;
}
.detail-container[data-layout="1"] .detail__contenent-main {
    width: calc(100%);
}
.detail-container[data-layout="1"] .detail-title{font-size: 20px;}
.detail-content img{height: auto!important;}

.detail-related-list .detail-related-item {
    width: calc(43.33%)!important;
margin:5px 12px;
}
.detail-related-list .detail-related-item:nth-child(2n){
	margin-right: 0;
}
.detail-related-list .detail-related-item:nth-child(3n){
	margin-right: 25px!important;
}
.detail__sub {
    width: 100%!important;
    margin-left: 0px;
}
.list__main {
    width: calc(100%);
}
.list__flex {
    display: block;
  
}
.list__sub {
    width: 100%;
    margin-left: 0px;
}


}