@media all and (min-width: 0){body{background-color:#f6f7fb}main .bread{background-color:#FFF;padding:10px}main .bread p{font-size:15px}main .bread p a{text-decoration:none;color:#e84118}main .product{padding:10px 0 0 0;width:calc(100% - 20px);margin:auto}main .product .slide #sync1{margin-bottom:10px}main .product .slide #sync1 .owl-nav{position:absolute;top:50%;width:100%;height:1px}main .product .slide #sync1 .owl-nav .owl-prev{left:0}main .product .slide #sync1 .owl-nav .owl-next{right:0}main .product .slide #sync1 .owl-nav button{width:52px;height:52px;position:absolute;top:-40px}main .product .slide #sync1 .owl-nav button:hover{background:transparent}main .product .slide #sync1 .owl-nav button img{width:100%;height:100%}main .product .slide #sync2{margin-bottom:10px}main .product .slide #sync2 .current{border:2px solid #CCC;box-sizing:border-box}main .product .slide #sync2 .owl-item.active{border:2px solid white}main .gia h1{font-size:20px;color:#6e6e6e}main .gia h2{font-size:25px;color:#e84118;padding:5px 0 0 0}main .khuyen-mai{padding:10px 0 0 0}main .khuyen-mai p{font-size:15px;line-height:1.5}main .khuyen-mai p a{text-decoration:none;color:#e84118;font-weight:bold}main .khuyen-mai p a:hover{color:#fbb100}main .mau-sac p{font-size:15px;line-height:1.5}main .mau-sac h2{font-size:18px;padding:10px 0}main .mau-sac ul{display:flex;flex-wrap:wrap;list-style:none}main .mau-sac ul li{width:50px;height:50px;margin:0 10px 0 0;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;cursor:pointer}main .mau-sac ul li.active:after{position:absolute;top:-10px;right:-10px;width:20px;height:20px;background-color:#e84118;content:"";display:block;transform:rotate(45deg)}main .mua-ngay{padding:20px 0 10px 0;cursor:pointer}main .mua-ngay span{display:flex;background-color:#fc6b00;padding:10px 0;justify-content:center;text-transform:uppercase;font-size:18px;color:#FFF}main .thong-so{background-color:#FFF;margin:10px 0 20px 0;padding:10px}main .thong-so h2{font-size:18px;padding:5px 0 0 0}main .thong-so ul{list-style:none}main .thong-so ul li h3{font-size:15px;padding:15px 0 10px 0}main .thong-so ul li .content{display:flex;justify-content:space-between;border-top:1px solid #f6f7fb}main .thong-so ul li .content p{font-size:15px;padding:8px 0}main .thong-so ul li .content p.left{width:40%}main .thong-so ul li .content p.right{width:60%}main .pro-cart{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.4);z-index:100;display:none;justify-content:center;align-items:center}main .pro-cart .center{width:400px;background-color:#FFF;border-radius:15px;padding:20px 10px;position:relative}main .pro-cart .center img{width:30px;height:30px;position:absolute;top:10px;right:10px;cursor:pointer}main .pro-cart .center h2{text-align:center;text-transform:uppercase;padding:0 0 15px 0}main .pro-cart .center p.tit{font-size:15px;padding:0 0 10px 0}main .pro-cart .center form{border-top:1px solid #6e6e6e;margin:5px 0 0 0;padding:15px 0 0 0}main .pro-cart .center form p{padding:0 0 10px 0;font-size:15px}main .pro-cart .center form input[type="text"]{width:100%;height:40px;outline:none;border:1px solid #CCC;border-radius:5px;font-family:Arial;font-size:15px;padding:0 10px;margin-bottom:10px}main .pro-cart .center form textarea{width:100%;padding:10px;border:1px solid #CCC;border-radius:5px;font-family:Arial;font-size:15px;outline:none;resize:none}main .pro-cart .center form input[type="button"]{background-color:#fbb100;border:none;cursor:pointer;width:100%;height:50px;text-transform:uppercase;border-radius:5px;font-weight:bold;font-family:Arial;font-size:20px;margin:20px 0 0 0}main article h2,main article h3,main article h4{font-size:17px;padding:0 0 5px 0}main article p{font-size:15px;line-height:1.5;padding:0 0 10px 0}main article p.time{color:#6e6e6e;border-bottom:1px solid #000;padding-bottom:5px;margin-bottom:10px}main article p img{width:100% !important;height:auto !important}main article p a{text-decoration:none;color:#0a04e2;font-weight:bold}main article p a:hover{color:#e84118}main article ul{padding:0 0 10px 16px}main article ul li{font-size:15px;line-height:1.5}}@media all and (min-width: 521px){main .product{width:100%}}@media all and (min-width: 1201px){main{background-color:#FFF}main .bread{width:1200px;margin:auto;padding:20px 0 15px 0}main .bread p{font-size:19px}main .product{width:1200px;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap}main .product .slide{width:500px}main .product .right{width:650px}main .product .gia h1{font-size:30px}main .product .gia h2{font-size:50px;padding:10px 0 0 0}main .product .khuyen-mai p,main .product .khuyen-mai h2,main .product .khuyen-mai h3{font-size:19px;line-height:1.5;color:#0a04e2;font-weight:normal}main .product .mau-sac{padding:20px 0 0 0}main .product .mau-sac p{font-size:19px;font-weight:normal}main .product .mau-sac p b{font-weight:normal}main .product .mau-sac h2{font-weight:normal}main .product .mau-sac ul li{font-size:19px}main .product .mua-ngay span{width:400px}main .product .thong-so{width:500px;padding-left:0;padding-right:0}main .product .thong-so h2{font-size:30px}main .product .thong-so ul li h3{font-size:19px}main .product .thong-so ul li .content p{font-size:18px}main .product article{width:650px;padding:35px 0 0 0}main .product article p{font-size:18px;line-height:1.5}main .product article h2,main .product article h3{font-size:25px}main .product article ul li{font-size:18px}}