@media screen and (max-width: 1400px){
    .container{width: 100%;}
    .section-about{overflow: hidden}
    .section-about .features-list .features-img{right: -100px;}
    .section-about .features-list{padding-right: 360px;}
    .section-about .sac-content{margin-bottom: 100px;}
}
@media screen and (max-width: 1200px){
    .section-about .features-list .features-img{display: none}
    .section-about .features-list{padding: 20px;}
    .section-about .sac-content{margin-bottom: 0}
    .news-list-ul{margin: 0}
    .news-list-ul li{float: none; width: 100%; margin: 0 0 20px;}
    .news-list-ul li .thumb{width: 240px; height: 150px; padding: 0; float: left}
    .news-list-ul li .news-detail{padding: 10px 20px;}
}
@media screen and (max-width: 991px){
    .top-sl{padding-top: 15px;}
    #logo img{height: 36px;}
    #logo{margin: 12px 0;}
    .top-sl .ts-heading{font-size: 2.2em; line-height: 1.4em;}
    .top-sl .ts-body{font-size: 1.2em; line-height: 1.3em}
    .news-list-ul li{background: none;}
    .news-list-ul li .thumb{border-radius: 15px; overflow: hidden}
    #footer .footer-arrow{display: none}
    #footer .container .content{text-align: center}
    .prebreadcrumb .breadcrumb-item.active{display: none}
}
@media screen and (max-width: 640px){
    body{font-size: 14px; line-height: 1.4em}
    .top-sl-content{padding: 40px 20px;}
    .news-list-ul li p{display: none}
    .news-list-ul li .thumb{width: 180px; height: 120px;}
    .news-list-ul li .news-title{font-size: 1.2em; font-weight: 400; line-height: 1.4em; max-height: none}
    .section-download{padding: 50px 0}
    .button-store{width: 200px; border-radius: 10px; overflow: hidden}
    .section-demo .block-demo-btn .text{display: none}
}
@media screen and (max-width: 520px){
    .button-store{width: 240px; margin: 5px;}
    .top-sl-content{padding: 30px 5px 50px; text-align: left}
    #logo{transform: none; left: 5px;}
    #header #m-menu{right: 5px;}
    .ts-button .buttons-store{text-align: start; padding: 20px; }
    .ts-button .buttons-store .button-store{ width: 100%;   }
    .video-demo{width: 100%; overflow: hidden}
    .video-demo img{height: 280px; width: auto; margin-left: 20px;}
    .heading-2x{font-size: 1.8em; line-height: 1.3em}
    .section-demo{height: 200px;}
    .layout-page .section-news{padding: 30px 0;}
    .layout-page .section-news .desc{display: none}
    .layout-page .section-news .heading-2x.mb-3{display: none}
    .layout-page #logo{transform: translateX(-50%); left: 50%; margin: 15px 0}
    .layout-page #logo img{height: 30px;}
    .layout-page #top-bg .top-sl{padding: 0;}
}
@media screen and (max-width: 480px){
}
@media screen and (max-width: 479px){
    .news-list-ul li .thumb{width: 100px; height: 80px;}
    .news-list-ul li .news-detail{padding: 0 0 0 15px;}
    .news-list-ul li .time{font-size: 12px;}
    .section-about .sac-content .text{text-align: left}
    .section-about{margin-top: 0;}
    .section-about .features-list{padding: 20px 0;}
    .news-list-ul li .news-title{font-size: 1em; line-height: 1.4em;}
}
@media screen and (max-width: 360px){
}
@media screen and (max-width: 320px){
}
@media screen and (max-height: 850px){
    .pa-sidebar{top: 0 !important;}
}