@media all and (min-width: 0){body{background:#f6f7fb}.danh-muc{display:block}.danh-muc ul{display:flex;justify-content:space-between;list-style:none;padding:20px 10px 10px 10px}.danh-muc ul li{width:calc(25% - 5px);background-color:#FFF;display:flex;justify-content:center;flex-direction:column;padding:5px 0;background-clip:padding-box;border:solid 2px transparent;position:relative;box-sizing:border-box}.danh-muc ul li:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(to right, #0a04e2, #ff0064);box-sizing:border-box}.danh-muc ul li img{height:30px;width:auto;display:block;margin:auto;margin-bottom:10px}.danh-muc ul li a{text-align:center;text-decoration:none;color:#6e6e6e;text-transform:uppercase;font-weight:bold;font-size:13px}.product{width:100%}.product .top{background-color:#FFF;margin:10px 0;padding:5px 10px 7px 10px}.product .top ul{display:flex;justify-content:space-between;align-items:center}.product .top ul li{display:flex;align-items:center}.product .top ul li:first-child{position:relative}.product .top ul li h2 a{text-decoration:none;color:#e84118;font-size:15px;text-transform:uppercase}.product .top ul li p a{text-decoration:none;color:#000;font-size:14px;margin-right:5px}.product .top ul li img{display:block}.product .top ul li img.home{margin:5px 5px 0 0}.product .top ul li img.next{height:10px;width:10px}.product .top ul li span{width:20px;height:20px;border-radius:100%;border:2px solid #fbb100;display:flex;justify-content:center;align-items:center}.product .list{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 10px}.product .list li{width:calc(50% - 5px);list-style:none;background-color:#FFF;margin-bottom:10px;padding:0 0 10px 0}.product .list li .picture{padding:10px 10px 0 10px}.product .list li .picture img{width:100%;height:auto;display:block}.product .list li .info{margin:0 0 20px 0}.product .list li .info h2{font-size:15px;padding:5px 10px}.product .list li .info h2 a{text-decoration:none;color:#000}.product .list li .info p{padding:0 10px;font-weight:bold;color:#e84118;font-size:17px}.product .list li a.more{background-color:#fbb100;display:block;width:calc(100% - 20px);margin:auto;text-decoration:none;text-align:center;padding:10px 0;color:#FFF}.product .page{padding:10px 0 30px 0}.product .page ul{display:flex;justify-content:center;list-style:none}.product .page ul a{text-decoration:none}.product .page ul span{line-height:30px}.product .page ul li{width:30px;height:30px;margin:0 5px;background-color:#e84118;text-align:center;line-height:30px;color:#FFF;font-size:15px}.product .page ul li.actived{background-color:#fbb100}.product .page ul li svg{fill:#FFF;width:15px;height:15px;margin-top:7px}}@media all and (min-width: 520px){.danh-muc ul{padding-left:0;padding-right:0}.product .list{padding-left:0;padding-right:0}}@media all and (min-width: 1201px){body{background-color:#FFF}.danh-muc{width:1200px;margin:auto}.danh-muc ul li{width:calc(25% - 50px)}.product{width:1200px;margin:auto}.product .top{padding-left:0;padding-right:0}.product .top ul li img.home{width:40px;height:auto;margin-top:0}.product .top ul li h2 a{font-size:30px}.product .list{display:grid;grid-template-columns:repeat(auto-fill, calc(33% - 20px))}.product .list li{width:auto;box-shadow:0px 8px 15px rgba(12,12,79,0.15);border:1px solid #f6f7fb;margin-bottom:30px}.product .list li .info h2{font-size:22px}.product .list li .info p{font-size:35px}.product .page ul span{line-height:50px;font-size:19px}.product .page ul li{width:50px;height:50px;line-height:50px;font-size:19px}}
