@media only screen and (max-width: 900px){
    .container {max-width: 100%;padding-right: 15px;padding-left: 15px;}
    .ab-navbar .nav-list{padding:50px 15px;position: fixed;right: -280px;top:0;bottom: 0;width: 250px;margin-left:0;background: #ffffff;z-index: 99999;transition: all .3s ease;}
    .ab-navbar .nav-list.show{right: 0px;}
    .ab-navbar .nav-list > li{float: none;display: block;margin:8px 0;background-color: #f7f7f7;}
    .ab-navbar .nav-list > li > a{height: 40px;line-height: 40px;}
    .nav-list > li.current a{background-color:initial;}
    .canvas-close {display:block;position: absolute;right: 15px;top: 18px;width:30px;height:30px;z-index: 99999;color: #000;transition: all .3s ease;}
    .canvas-close i{font-size:25px;transition: all .3s ease;}
    .nav-list.show li em.dot {position: absolute;top: 0;right: 0;width: 50px;height: 40px;text-align: center;cursor: pointer;line-height: 40px;}
    .nav-list.show li em.dot i{font-size:18px;}
    .ab-navbar .nav-list .sub-nav{background: #eaeaea;position: relative;box-shadow: none;text-align: center;}
    .ab-navbar .nav-list li:hover > .sub-nav{display:none;}
    .ab-navbar .nav-list .sub-nav p:last-child{padding-bottom: 10px;}
    .ab-navbar .nav-list .sub-nav p a{  width: auto;display: block;margin: 10px 10px 0 10px;background-color: #f7f7f7;}
    .ab-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 9998;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;transition: .3s;}
    .nav-right{font-size: 18px;}
    .nav-right .nav-search,.nav-right .nav-tougao,.nav-right .nav-cart{padding:13px 5px}
    .nav-right .nav-button{display:block;padding:15px 0 15px 0px;}
    .nav-right .nav-button a{padding:7px 0 !important}
    .search-box .container{max-width:100%;}
    .search-input{width:80%}
    .search-btn{width:20%}
    .search-button{position: absolute;right: 15px;top: 18px;display: block !important;}
    .search-button a{color: #2d3757;}
    .search-button .fa{font-size: 18px;}
    .search-box{padding:8.5px 30px 8.5px 0;}
    .search-box.show{top:7px;}
    .search-box .search-input, .search-box .search-btn{height: 35px;}
    .search-close{font-size: 24px;top:-1px;right: -30px;}
    
    .hmFocus{margin-bottom:2rem;}
    .abconleft,.abconright{width: 100%;}
    .list-image {display: black;}
	 .topic-list .topic {width:49%;margin:0 1% 12px}
    .topic-list .topic:nth-child(odd) {margin-left:0}
    .topic-list .topic:nth-child(2n+2) {margin-right:0}
	.article-item {padding-bottom: 1.5rem;}
    .article-item ul li .list-image,.article-item ul li .list-image a{width:100px;}
    .article-item ul li .list-image img{height: 75px;}
    .article-item ul li h2{line-height: 18px;margin-bottom: .6rem;}
    .article-item ul li h2 a{font-size: 15px !important;font-weight: 500;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow:hidden;line-height:1.5;}
	.article-item ul li .decs{display:none;}
    .article-item ul li .decs p {font-size: 12px !important;}
	.article-item ul li .meta-r-icon{display:none;}
	.article-item ul li span:nth-child(2){float:right;margin-right:0px;}
    .article-item ul li .text-xs{position:relative;display: block;margin-bottom: 0rem;}
	.article-item ul li .post-tag{display:none;}
    .d-none {display: none!important;}
    .right-list .w-newsitem h3{font-size: 1.1rem;}
    .hot-item li{padding: 8px 0;}
    .grid-item li{width:100%;}
    
    .footer {width:100%;position:relative;clear:both;background-color:#282828;margin-top:30px;padding:30px 0 30px 0;}
    .social-footer {float:none;text-align:center;margin-bottom:20px;}
    .social-footer a {float:none;display:inline-block;}
    .cd-popup-container {margin:10em auto;}
    .nav-footer {clear:both;text-align:center;}
    .footer .nav-footer a {font-size:14px;}
    .links-footer,.copyright-footer {text-align:center;}
    .dialog-content {width: 75%;}
    
    
    
    
    
    
    
    }