/* cot trai */
.flex-product-dm{}
.left-product-dm{width: 22%;position: sticky;top: 75px;background:#fff}
.right-product-dm{width: calc(100% - 22% - 20px);}
.right-product-dm .grid-product{grid-template-columns: repeat(3,1fr);}
.tieude-pro-dm{background: linear-gradient(90deg, var(--color-main) 0%, var(--color-social) 100%);font-size: 18px;line-height: 1.5;text-transform: uppercase;padding: 12px;margin-bottom: 0;color: #fff;text-align: center;}
.flex-product-dt .left-product-dm{width:20%;order:2;border:1px solid #ddd;border-radius:10px;padding:10px;}
.flex-product-dt .right-product-dm{width: calc(100% - 20% - 20px);}
.tieudeck.tieude-pro-dm{background: none;color: var(--color-main);text-align: left;border-bottom: 1px solid #ddd;font-size: 15px;font-weight: 700;padding: 0;padding-bottom: 7px;margin-bottom: 15px;}
.hotline-contact {gap: 10px;margin: 20px 0;}
a.lienhe-detail{position:relative;display:inline-block;color:#fff;background: #2196F3;font-size: 16px;font-weight:500;padding: 11px 20px;text-align: center;border-radius: 5px;transition: 0.5s;cursor: pointer;min-width: 150px;text-transform: uppercase;}
a.lienhe-detail:hover{background:var(--color-main)}
a.lienhe-detail i{margin-right:10px;}
a.lienhe-detail.hotline-detail{background: var(--color-hover);}
div#danhmuc{border: 1px solid #E2E2E2;border-bottom:none}
div#danhmuc ul{ list-style:none;padding: 0; margin: 0}
div#danhmuc ul li{position: relative}div#danhmuc ul li:last-child{border:none}
div#danhmuc ul li a{color: #454545;text-decoration: none;font-size: 15px;transition: 0.4s;display: block;border-bottom: 1px solid #E2E2E2;padding: 9px 25px 9px 12px;}
div#danhmuc ul li a h2{font-size: 15px}
div#danhmuc ul li span{position: absolute;right: 0;top: 0;display: block;width: 25px;height: 100%;background: url(../images/muiten-menu.png) no-repeat center;cursor: pointer;max-height: 41px;transition:0.3s;}
div#danhmuc ul li span.active{background: url(../images/muiten-menu-act.png) no-repeat center}
div#danhmuc ul li a:hover,div#danhmuc ul li a.active{color:var(--color-main);transition:0.4s;}
div#danhmuc ul li ul li a{padding: 9px 5px 9px 26px;font-family: inherit}
div#danhmuc ul li ul li span{ background: url(../images/muiten-menu.png) no-repeat}
div#danhmuc ul li ul li ul li span{}div#danhmuc ul li ul{display:none;}
div#danhmuc ul li ul.show-ul-c2{display:block}div#danhmuc ul li ul li ul li{}
div#danhmuc ul li ul li ul li a{padding-left: 26px;color: #0193de}
div#danhmuc ul li ul li ul li ul li{}div#danhmuc ul li ul li ul li ul li a{padding-left: 40px;color: #000;font-family: 'Roboto'}
div#danhmuc ul li ul li ul li ul li ul li{}div#danhmuc ul li ul li ul li ul li ul li a{color: #0193de;font-family: 'Roboto'}

.flex-news-dm{}
.left-news-dm{width: calc(100% - 23% - 30px);}
.right-news-dm{width: 23%;position: sticky;top: 75px;}
.tieudeck.tieude-pro-dm.tieudebv{font-size:20px;font-weight: 500;}
.danhmuc-news:not(:last-child){margin-bottom: 25px;}
.tintucnb-slide{margin:-5px 0}
.tintucnb-slide .item_tt {text-align:left;box-shadow: unset;border-radius: 0;align-items: center;margin: 5px 0;}
.tintucnb-slide .item_tt a.img{width: 35%;}
.tintucnb-slide .item_tt a.img p{border-radius:0}
.tintucnb-slide .item_tt .tttt{width: calc(100% - 35% - 10px);padding: 0;}
.tintucnb-slide .item_tt .tttt span{display:none;}
.tintucnb-slide .item_tt a.ten{font-size:14px;line-height: 20px;-webkit-line-clamp:3 !important;max-height:calc(20px * 3);font-weight: 500;}
.danhmuc-dk {border:1px solid #E2E2E2;padding:10px;border-radius:10px;}
.danhmuc-dk .tieude-pro-dm{border-radius:10px;margin-bottom: 10px;}
.danhmuc-dk .newsletter-input input{width:100%;}
.danhmuc-dk .newsletter-input textarea{width:100%;height: 70px;}
.album-dt-hd{display: grid;gap:10px;grid-template-columns: repeat(5, 1fr);}
.album-dt-hd .album-img{border-radius:0}

.pro-list-tc {text-align:center;padding-bottom: 15px;}
.pro-list-tc a{display: inline-block;position:relative;color: #505050;font-size: 15px;font-weight: 500;text-align: center;line-height: 1.5;padding: 8px 20px;text-transform: uppercase;background: #fff;border: 1px solid #ddd;border-radius: 5px;cursor: pointer;margin: 0 3px;margin-bottom: 10px;transition:0.5s}
.pro-list-tc a:not(:last-child){}
.pro-list-tc a:hover, .pro-list-tc a.active{color: #fff;background: linear-gradient(90deg, #F29D24 0%, #EA2729 100%);}

.attr-pro-detail li{font-size:20px;color: #2e5777;}
.attr-pro-detail li > div{color:var(--color-social);font-weight:normal;}