*{
    padding: 0;
    margin: 0;
}
@media screen and (min-width:768px) {
    body{
        width: 100%;
        height: auto;
    }
    .baner-phone{
        display: none;
    }
    .phone_main-menu{
        display: none;
    }
    .icon-menu{
        display: none;
    }
    .phone-menu{
        display: none;
    }
    .baner{
        width: 100%;
        height: auto;
    }
    .baner img{
        width: 100%;
        height: auto;
    }
    .lap-menu{
        width: 100%;
        height: 60px;
        background-color: rgb(183,15,15);
        margin: 0;
        padding: 0;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 999;
    }
    .lap-menu .main-menu{
        width: 100%;
        height: 100%;
        background-color: rgb(183,15,15);
        display: inline-flex;
        justify-content: center;
    }
    .lap-menu .main-menu li{
        width: 120px;
        height: 100%;
        list-style: none;
        color: #fff;
        font-size: 20px;
        line-height: 60px;
        margin: 0 20px;
        text-align: center;
    }
    .lap-menu .main-menu li:hover{
        background-color: rgb(209, 15, 15);
    }
    .lap-menu .main-menu li:hover .menu-con{
        display: block;
    }
    .lap-menu .main-menu li a{
        color: #fff;
        text-decoration: none;
        font-size: 20px;
    }
    .lap-menu .main-menu li .menu-con{
        width: 250px;
        height: 120px;
        background-color: rgb(183,15,15);
        display: none;
    }
    .lap-menu .main-menu li .menu-con .menu-1{
        margin-left: 10px;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li{
        background-color: rgb(183,15,15);
        width: 250px;
        height: 60px;
        list-style: none;
        color: #fff;
        font-size: 20px;
        line-height: 60px;
        box-sizing: border-box;
        border-top: 1px solid rgb(176, 176, 176);
        margin-left: -10px;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li:hover{
        background-color: rgb(209, 15, 15);
    }
    .lap-menu .main-menu li .menu-con .menu-1 li:hover .menu-chau{
        display: block;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li .menu-chau{
        width: 300px;
        height: 60px;
        background-color: rgb(183,15,15);
        position: absolute;
        margin-top: -60px;
        margin-left: 250px;
        border-left: 1px solid rgb(176, 176, 176);
        display: none;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li .menu-chau ul{
        margin-left: 10px;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li .menu-chau ul li{
        background-color: rgb(183,15,15);
        width: 300px;
        height: 60px;
        list-style: none;
        color: #fff;
        font-size: 20px;
        line-height: 60px;
        margin-left: -10px;
        margin-top: -1px;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li .menu-chau ul li:hover{
        background-color: rgb(209, 15, 15);
    }
    /* Footer */
    footer{
        width: 100%;
        height: auto;
        padding: 0;
        margin: 10px 0;
        color: #fff;
        background-color: rgb(209, 15, 15);
    }
    .khunglon{
        width: 90%;
        height: auto;
        margin: 0 5%;
        margin-top: 30px;
        padding: 2% 0;
        display: inline-flex;
        justify-content: space-between;
    }
    .khungnho1{
        width: 60%;
        height: auto;
    }
    .khungnho1 h2{
        width: 100%;
        text-align: center;
        font-size: 25px;
    }
    .khungnho1 p{
        font-size: 20px;
        margin: 5px 0;
    }
    .khungnho2{
        width: 30%;
        height: auto;
        text-align: center;
    }
    .khungnho2 h2{
        font-size: 25px;
    }
    .khungnho2 p{
        font-size: 20px;
        margin: 25px 0;
    }
    .rep{
        width: 50px;
        height: 50px;
        background-color: rgb(192, 21, 21);
        text-align: center;
        line-height: 55px;
        font-size: 25px;
        border-radius: 50%;
        margin-left: 95%;
        position: sticky;
        bottom: 100px;
        z-index: 1000;
        
    }
    /* ........................................article..............................................*/
    article{
        width: 100%;
        height: auto;
        margin: 0 ;
        padding: 0;
    }
    article .phone{
        display: none;
    }
    article .phone-td{
        display: none;
    }

    /*..................trang chu....................*/
    article  .slider{
        width: 95%;
        height: 450px;
        margin: auto;
        margin-top: 2%;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        z-index: 997;
    }
    article  .slider .list{
        position: absolute;
        width: max-content;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        transition: 1s;
    }
    article  .slider .list img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    article .slider .buttons{
        position: absolute;
        top: 45%;
        left: 5%;
        width: 90%;
        display: flex;
        justify-content: space-between;
    }
    article  .slider .buttons button{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #fff5;
        color: #fff;
        border: none;
        font-family: monospace;
        font-weight: bold;
    }
    article  .slider .dots{
        position: absolute;
        bottom: 10px;
        left: 0;
        color: #fff;
        width: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
    }
    article  .slider .dots li{
        list-style: none;
        width: 10px;
        height: 10px;
        background-color: #fff;
        margin: 10px;
        border-radius: 20px;
        transition: 0.5s;
    }
    article  .slider .dots li .active{
        width: 30px;
    }

    article .gioithieu{
        width: 96%;
        margin: 5% 0% 2% 2%;
    }
    article .gioithieu .gt-img{
        width: 100%;
    }
    article .gioithieu .gt-img img{
        width: 100%;
        height: auto;
    }
    article .gioithieu .gt-text{
        width: 800px;
        background-color: #ffffff;
        padding: 30px;
        border-radius: 30px;
        position: absolute;
        border-top: 2px solid;
        box-shadow: 5px 5px 5px rgb(172, 172, 172) ;
        margin-top: -47%;
        margin-left: 5%;
    }

    article .bac-3{
        width: 1000px;
        height: 700px;
        margin: 0 auto;
    }
    article .bac-3 .bac-3-1{
        width: 400px;
        height: 700px;
        float: inline-start;
    }
    article .bac-3 .bac-3-1 .bac-3-1-1{
        width: 400px;
        height: 450px;
    }
    article .bac-3 .bac-3-1 .bac-3-1-1 img{
        width: 100%;
        height: 100%;
        transition: 0.3s;
    }
    article .bac-3 .bac-3-1 .bac-3-1-1 img:hover{
        width: 101%;
        height: 101%;
    }
    article .bac-3 .bac-3-1 .bac-3-1-2{
        width: 250px;
        height: 250px;
        border-radius: 50%;
        margin-left:75px ;
        margin-top: -125px;
        text-align: center;
        line-height: 225px;
        box-sizing: border-box;
        border-top: 3px solid rgb(221, 8, 8);
        border-bottom: 3px solid rgb(221, 8, 8);
        background-color: #fff;
        position: absolute;
    }
    article .bac-3 .bac-3-1 .bac-3-1-2:hover{
        border: none;
        border-left: 3px solid rgb(221, 8, 8);
        border-right: 3px solid rgb(221, 8, 8);
    }
    article .bac-3 .bac-3-1 .bac-3-1-2 a{
        color: rgb(183, 15, 15);
        font-weight: bolder;
        font-size: 30px;
        margin: auto;
        text-decoration: none;
    }
    article .bac-3 .bac-3-2{
        width: 400px;
        height: 700px;
        float: inline-end;
    }
    article .bac-3 .bac-3-2 .bac-3-2-1{
        width: 400px;
        height: 450px;

    }
    article .bac-3 .bac-3-2 .bac-3-2-1 img{
        width: 100%;
        height: 100%;
        transition: 0.3s;
    }
    article .bac-3 .bac-3-2 .bac-3-2-1 img:hover{
        width: 101%;
        height: 101%;
    }
    article .bac-3 .bac-3-2-1 .bac-3-2-2{
        width: 250px;
        height: 250px;
        margin: 0 auto;
        margin-top: -140px;
        border-radius: 50%;
    }
    article .bac-3 .bac-3-2 .bac-3-2-2{
        width: 250px;
        height: 250px;
        border-radius: 50%;
        margin-left:75px ;
        margin-top: -125px;
        text-align: center;
        line-height: 225px;
        box-sizing: border-box;
        border-top: 3px solid rgb(221, 8, 8);
        border-bottom: 3px solid rgb(221, 8, 8);
        background-color: #fff;
        position: absolute;
    }
    article .bac-3 .bac-3-2 .bac-3-2-2:hover{
        border: none;
        border-left: 3px solid rgb(221, 8, 8);
        border-right: 3px solid rgb(221, 8, 8);
    }
    article .bac-3 .bac-3-2 .bac-3-2-2 a{
        color: rgb(183, 15, 15);
        font-weight: bolder;
        font-size: 30px;
        margin: auto;
        text-decoration: none;
    }

    article .spnb{
        width: 90%;
        margin: 80px auto;
        height: auto;
        
    }
    article .spnb .spnb-img{
        width: 33%;
        height: auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    article .spnb .spnb-img img{
        width: 70%;
        height: auto;
        border-radius: 5px;
        transition: 0.3s;
    }
    article .spnb .spnb-img img:hover{
        width: 71%;
        height: auto;
        
    }
    
    
    
    

    /*.......................tintuc....................*/

    article .noidungtintuc{
        width: 100%;
        height: auto;
        margin: 0 ;
        padding: 0;
    }
    article .noidungtintuc h1{
        width: 100%;
        height: auto;
        padding: 0;
        margin: 30px 0;
        font-size: 30px;
        text-align: center;
    }
    article .noidungtintuc .child{
        width: 80%;
        height: auto;
        margin: 10px 10%;
        display: flex;
    }
    article .noidungtintuc .child img{
        width: 15%;
        height: auto;
        float: inline-start;
        margin: 20px 0;
    }
    article .noidungtintuc .child .ndtt{
        width:98%;
        margin: auto 0;
        margin-left: 2%;
        height: 100%;
        box-sizing: border-box;
    }
    article .noidungtintuc .child .ndtt .main{
        color: black;
        font-size: 20px;
        font-weight: bold;
        text-decoration: none;
        display: flex;
        margin-bottom: 10px;
    }
    article .noidungtintuc .child .ndtt .main:hover{
        color: black;
        font-weight: bold;
        text-decoration-line: underline;
    }
    article .noidungtintuc .child .ndtt .date{
        font-size: 17px;
        color: gray;
        text-decoration: none;
    }
    /*.....................................................*/
    
    .img-news{
        width: 98%;
        height: auto;
        margin: auto;
        padding-top: 10px;
    }
    .img-news img{
        width: 100%;
        height: auto;
    }
    .head-news{
        width: 100%;
        height: auto;
        text-align: center;
        color: black;
        font-size: 40px;
        font-weight: bold;
        padding: 50px;
    }
    .cont-news{
        width: 90%;
        height: auto;
        margin: auto;
        font-size: 25px;
        
    }
    .product-news{
        width: 90%;
        height: auto;
        margin: auto;
    }
    .product-1{
        width: 30%;
        margin: auto;
        display: inline-flex;
        padding: 1.5%;
    }
    .product-1 img{
        width: 100%;
        height: auto;
    }
    .headsp-news-phone{
        display: none;
    }

    /*....................lien he....................*/

    article .noidunglienhe{
        width: 100%;
        height: auto;
        margin: 0 ;
        padding: 0;
    }
    article .noidunglienhe .lh{
        width: 100%;
        text-align: center;
        font-size: 30px;
        margin: 50px 0;
        font-weight: bold;
    }
    article .noidunglienhe .nd{
        width: 90%;
        height: auto;
        margin: auto 5%;
        padding: 10px 0;
        display: inline-flex;
        justify-content: space-between;
    }
    article .noidunglienhe .nd .infor{
        width: 40%;
        height: auto;
        font-size: 20px;
        margin-left: 20px;
        margin: auto 0;
    }
    article .noidunglienhe .nd .infor p{
        margin-bottom: 15px;
    }
    article .noidunglienhe .nd .map{
        width: 40%;
        height: auto;
    }
    article .noidunglienhe .nd .map img{
        width: 90%;
        height: auto;
        margin: 20px 0;
    }

    /*.....................tuyen dung........................*/

    /*............sanpham.............*/
    article .sanphambac1{
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    article .sanphambac1 .tieude{
        width: 100%;
        height: 100px;
        text-align: center;
        font-size: 35px;
        font-weight: bold;
        line-height: 100px;
        margin:  0;
    }
    article .sanphambac1 .listsp{
        width: 80%;
        height: auto;
        margin: 0 10%;
        display: inline-block;
    }
    article .sanphambac1 .listsp .khungsp{
        width: 25%;
        height: auto;
        float: inline-start;
        margin: 0;
    }
    article .sanphambac1 .listsp .khungsp .sp{
        width: 80%;
        margin: 10%;
        height: auto;
        border: 1px solid gray;
        box-sizing: border-box;
    }
    article .sanphambac1 .listsp .khungsp .sp .anh{
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    article .sanphambac1 .listsp .khungsp .sp .anh img{
        width: 100%;
        height: auto;
    }
    article .sanphambac1 .listsp .khungsp .sp .name{
        width: 100%;
        height: 40px;
        background: rgb(183, 15, 15);
        line-height: 40px;
        text-align: center;
    }
    article .sanphambac1 .listsp .khungsp .sp .name a{
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }
    article .sanphambac1 .listsp .khungsp .sp:hover{
        border: 2px solid gray;
        box-sizing: border-box;
    }
    article .sanphambac1 .listsp .khungsp .sp:hover .name{
        background: rgb(192, 25, 25);
    }
    article .sanphambac1 .listsp .khungsp .sp:hover .name a{
        color: orange;
    }

    /*...........sp................*/

    article .khungspn{
        width: 90%;
        height: auto;
        margin: 50px 5%;
        box-sizing: border-box;
        display: inline-flex;
        justify-content: space-between;
    }
    article .khungspn .anhn{
        width: 35%;
        height: auto;
        margin: auto 0;
    }
    article .khungspn .anhn:hover img{
        transform: scale(1.09);
        transition: all 0.4s ease-in-out;
    }
    article .khungspn .anhn img{
        width: 100%;
        height: auto;
    }
    article .khungspn .ndn{
        width: 55%;
        height: auto;
        margin: 0;
        background: rgb(236, 234, 234);
        padding: 30px 30px;
        border-radius: 10px;
    }
    article .khungspn .ndn h1{
        color: rgb(181,19,19);
        font-weight: bold;
        width: 100%;
        text-align: center;
        font-size: 25px;
    }
    article .khungspn .ndn h3{
        margin-top: 5px;
    }
    article .khungspn .ndn p{
        padding: 2px 0;
        width: 98%;
        margin-left: 2%;
    }
    article .sanphamkhac{
        width: 300px;
        height: 60px;
        background-color: rgb(183, 15, 15);
        margin: 20px auto;
        line-height: 60px;
        text-align: center;
        border-radius: 5px;
    }
    article .sanphamkhac a{
        color: #fff;
        font-size: 25px;
        text-decoration: none;
    }

    }
@media screen and (max-width:425px){
    body{
        width: 100%;
        height: auto;
    }
    .baner{
        display: none;
    }
    .baner-phone img{
        width: 100%;
        height: auto;
        z-index: 999;
    }
    .lap-menu{
        display: none;
    }
    .phone-menu{
        width: 100%;
        height:50px ;
        background-color: rgb(183,15,15);
        position: sticky;
        top: 0;
        left: 0;
        z-index: 999;
    }
    .phone-menu .icon-menu{
        width: 70px;
        height: 46px;
        border: 2px solid rgb(131, 5, 5);
        background-color: rgb(118, 8, 8);
        border-radius: 3px;
        color: #fff;
        text-align: center;
        line-height: 50px;
        font-size: 20px;
    }
    .phone-menu .tab-menu{
        width: 280px;
        height: auto;
        background: rgb(183,15,15);
        display: none;
    }
    .phone-menu .tab-menu ul{
        width: 100%;
        height: auto;
        background: rgb(183,15,15);
    }
    .phone-menu .tab-menu ul li{
        width: 280px;
        background-color: rgb(183,15,15);
        padding: 10px 0 10px 10px;
        list-style: none;
        color: #fff;
        font-size: 18px;
        border-top: 1px solid rgb(176, 176, 176);

    }
    .phone-menu .tab-menu ul li a{
        color: #fff;
        font-size: 18px ;
        text-decoration: none;
    }
    .phone-menu .tab-menu ul li .tab-menu-1{
        width: 280px;
        height: auto;
        margin-left: -10px;
        margin-top: 10px;
        display: none;
    }
    .phone-menu .tab-menu ul li .tab-menu-1 ul li a{
        margin-left: 20px;
        font-size: 17px;
    }
    .phone-menu .tab-menu ul li .tab-menu-2{
        width: 280px;
        height: auto;
        margin-left: -10px;
        margin-top: 10px;
        display: none;
    }
    .phone-menu .tab-menu ul li .tab-menu-2 ul li a{
        margin-left: 20px;
        font-size: 17px;
    }

    
    /* Footer */
    footer{
        width: 100%;
        height: auto;
        margin: 20px 0;
        padding: 0;
        background-color: rgb(183,15,15);
        color: #fff;
        padding: 10px 0;
    }
    .khungnho1 h2{
        font-size: 15px;
        text-align: center;
        margin: 20px 5px 0 5px;
    }
    .khungnho1 p{
        font-size: 13px;
        margin: 5px 0;
        margin: 0 10px 5px 20px;  
    }
    .khungnho2 h2{
        font-size: 15px;
        text-align: center;
        margin: 30px 5px 10px 5px;
    }
    .khungnho2 p{
        font-size: 13px;
        margin: 5px 0;
        text-align: center;
    }
    .rep{
        width:30px;
        height: 30px;
        background-color: rgb(214, 74, 74);
        text-align: center;
        line-height: 32px;
        font-size: 20px;
        border-radius: 50%;
        margin-left: 85%;
        position: sticky;
        bottom: 70px;
        z-index: 998;
    }
    /* ................................article............... */

    article{
        width: 100%;
        height: auto;
    }
    article .slider{
        display: none;
    }
    article .gt-lap{
        display: none;
    }
    article .spaces{
        display: none;
    }
    article .gioithieu{
        display: none;
    }
    article .bac-3{
        display: none;
    }
    article .spnb-lap{
        display: none;
    }
    article .spnb{
        display: none;
    }
    article .lap-td{
        display: none;
    }


    /*......................trang chu......................*/
    article .phone{
        width: 100%;
        height: auto;
        margin: 10px 0;
        padding: 0;
    }
    article .phone .phone-poster{
        width: 96%;
        height: auto;
        margin: 0 auto;
    }
    article .phone .phone-poster img{
        width: 100%;
        height: auto;
        border-radius: 5px;
    }
    article .phone-gioithieu{
        width: 99%;
        height: auto;
        margin: 0 auto;
    }
    article .phone-gioithieu .phone-gt-img{
        width: 100%;
        height: auto;
    }
    article .phone-gioithieu .phone-gt-img img{
        width: 100%;
        height: auto;
    }
    article .phone-gioithieu .phone-gt-text{
        width: 80%;
        height: auto;
        background-color: #ffffff;
        border-radius: 13px;
        position: absolute;
        border-top: 1px solid;
        box-shadow: 1px 1px 1px rgb(172, 172, 172) ;
        margin-top: -50%;
        margin-left: 1%;
        padding: 10px;
        z-index: 1;
    }

    article .phone-bac-3{
        width: 300px;
        height: 200px;
        margin: 0 auto;
    }
    article .phone-bac-3 .phone-bac-3-1{
        width: 110px;
        height: 80px;
        float: inline-start;
    }
    article .phone-bac-3 .phone-bac-3-1 .phone-bac-3-1-1{
        width: 130px;
        height: 150px;
    }
    article .phone-bac-3 .phone-bac-3-1 .phone-bac-3-1-1 img{
        width: 100%;
        height: 100%;
        transition: 0.3s;
    }
    
    article .phone-bac-3 .phone-bac-3-1 .phone-bac-3-1-2{
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin-left:15px ;
        margin-top: -50px;
        text-align: center;
        line-height: 100px;
        box-sizing: border-box;
        border-top: 2px solid rgb(221, 8, 8);
        border-bottom: 2px solid rgb(221, 8, 8);
        background-color: #fff;
        position: absolute;
    }
   
    article .phone-bac-3 .phone-bac-3-1 .phone-bac-3-1-2 a{
        color: rgb(183, 15, 15);
        font-weight: bolder;
        font-size: 15px;
        margin: auto;
        text-decoration: none;
    }
    article .phone-bac-3 .phone-bac-3-2{
        width: 110px;
        height: 80px;
        margin-right: 20px;
        float: inline-end;
    }
    article .phone-bac-3 .phone-bac-3-2 .phone-bac-3-2-1{
        width: 130px;
        height: 150px;
    }
    article .phone-bac-3 .phone-bac-3-2 .phone-bac-3-2-1 img{
        width: 100%;
        height: 100%;
        transition: 0.3s;
    }
    
    article .phone-bac-3 .phone-bac-3-2 .phone-bac-3-2-2{
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin-left:15px ;
        margin-top: -50px;
        text-align: center;
        line-height: 100px;
        box-sizing: border-box;
        border-top: 2px solid rgb(221, 8, 8);
        border-bottom: 2px solid rgb(221, 8, 8);
        background-color: #fff;
        position: absolute;
    }
   
    article .phone-bac-3 .phone-bac-3-2 .phone-bac-3-2-2 a{
        color: rgb(183, 15, 15);
        font-weight: bolder;
        font-size: 15px;
        margin: auto;
        text-decoration: none;
    }

    article .phone-spnb{
        width: 70%;
        height: auto;
        margin: 0 auto;
    }
    article .phone-spnb .phone-spnb-img{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
       
        
    }
    article .phone-spnb .phone-spnb-img img{
        width: 100%;
        height: auto;
        border-radius: 5PX;
    }

    /*..........................tintuc................*/
    article .noidungtintuc{
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    article .noidungtintuc h1{
        width: 100%;
        height: auto;
        padding: 0;
        margin: 30px 0;
        font-size: 25px;
        text-align: center;
    }
    article .noidungtintuc .child{
        width: 90%;
        height: auto;
        margin: 30px 5%;
        display: flex;
    }
    article .noidungtintuc .child img{
        width: 30%;
        height: auto;
        float: inline-start;
    }
    article .noidungtintuc .child .ndtt{
        width:70%;
        margin: auto 0;
        margin-left: 2%;
        height: 100%;
        box-sizing: border-box;
    }
    article .noidungtintuc .child .ndtt .main{
        color: black;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
        display: flex;
        margin-bottom: 5px;
    }
    article .noidungtintuc .child .ndtt .main:hover{
        color: black;
        font-weight: bold;
        text-decoration-line: underline;
    }
    article .noidungtintuc .child .ndtt .date{
        font-size: 13px;
        color: gray;
        text-decoration: none;
    }
    /*...............................................*/
    .img-news{
        width: 98%;
        height: auto;
        margin: auto;
        padding-top: 10px;
    }
    .img-news img{
        width: 100%;
        height: auto;
    }
    .head-news{
        width: 96%;
        height: auto;
        text-align: center;
        color: black;
        font-size: 15px;
        font-weight: bold;
        padding: 10px 0px;
        margin: 2%;
    }
    .cont-news{
        width: 90%;
        height: auto;
        margin: auto;
        font-size: 13px;
        
    }
    .product-news{
        width: 90%;
        height: auto;
        margin: auto;
    }
    .product-1{
        width: 46%;
        margin: auto;
        display: inline-flex;
        padding: 1.5%;
    }
    .product-1 img{
        width: 100%;
        height: auto;
    }
    .content-news .headsp-news{
        font-size: 15px;
        display: none;
    }
    .headsp-news-phone{
        font-size: 15px;
        font-weight: bold;
        width: 90%;
        margin: auto;
        padding: 10px 0;
    }

    /* ............................lien he..............*/
    article .noidunglienhe{
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    article .noidunglienhe .lh{
        width: 100%;
        text-align: center;
        font-size: 25px;
        margin: 30px 0;
        font-weight: bold;
    }
    article .noidunglienhe .nd{
        width: 90%;
        height: auto;
        margin: 30px 5%;
        padding: 10px 0;
    }
    article .noidunglienhe .nd .infor{
        width: 90%;
        height: auto;
        font-size: 18px;
        margin-left: 20px;
    }
    article .noidunglienhe .nd .infor p{
        margin-bottom: 15px;
    }
    article .noidunglienhe .nd .map{
        width: 90%;
        height: auto;
        margin: 0 5%;
    }
    article .noidunglienhe .nd .map img{
        width: 100%;
        height: auto;
        margin:  0;
    }

    /*.................tuyen dung................*/

    /*..............san pham..................*/
    article .sanphambac1{
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    article .sanphambac1 .tieude{
        width: 90%;
        height: 30px;
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        line-height: 30px;
        margin: 50px 5%;
        background-color: #fff;
    }
    article .sanphambac1 .listsp{
        width: 100%;
        height: auto;
        margin: 0 ;
        display: inline-block;
    }
    article .sanphambac1 .khungsp{
        width: 50%;
        height: auto;
        float: inline-start;
        margin: 0 ;
    }
    article .sanphambac1 .khungsp .sp{
        width: 80%;
        margin: 10%;
        height: auto;
        border: 1px solid gray;
        box-sizing: border-box;
    }
    article .sanphambac1 .khungsp .sp .anh{
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    article .sanphambac1 .khungsp .sp .anh img{
        width: 100%;
        height: auto;
    }
    article .sanphambac1  .khungsp .sp .name{
        width: 100%;
        height: 40px;
        background: rgb(183, 15, 15);
        line-height: 40px;
        text-align: center;
    }
    article  .sanphambac1 .khungsp .sp .name a{
        color: #fff;
        text-decoration: none;
        font-size: 15px;
    }
    article .sanphambac1  .khungsp .sp:hover{
        border: 2px solid gray;
        box-sizing: border-box;
    }
    article .sanphambac1  .khungsp .sp:hover .name{
        background: rgb(192, 25, 25);
    }
    article .sanphambac1  .khungsp .sp:hover .name a{
        color: orange;
    }

    /*...........sp..............*/

    article .khungspn{
        width: 90%;
        height: auto;
        margin: 20px 5%;
        box-sizing: border-box;
    }
    article .khungspn .anhn{
        width: 70%;
        height: auto;
        margin: auto 15%;
    }
    article .khungspn .anhn:hover img{
        transform: scale(1.09);
        transition: all 0.4s ease-in-out;
    }
    article .khungspn .anhn img{
        width: 100%;
        height: auto;
    }
    article .khungspn .ndn{
        width: 98%;
        height: auto;
        margin: 0 1%;
        background: rgb(236, 234, 234);
        border-radius: 10px;
        padding: 20px 0;
    }
    article .khungspn .ndn h1{
        color: rgb(181,19,19);
        font-weight: bold;
        width: 90%;
        margin: 0 5%;
        text-align: center;
        font-size: 25px;
    }
    article .khungspn .ndn h3{
        margin-top:5px;
        margin-left: 20px;
        font-size: 17px;
    }
    article .khungspn .ndn p{
        width: 90%;
        margin: 5px 5%;
        font-size: 16px;
    }
    article .sanphamkhac{
        width: 200px;
        height: 50px;
        background-color: rgb(183, 15, 15);
        margin: 20px auto;
        line-height: 50px;
        text-align: center;
        border-radius: 5px;
    }
    article .sanphamkhac a{
        color: #fff;
        font-size: 20px;
        text-decoration: none;
    }
}
@media only screen and (min-width:426px) and (max-width:768px){
    body{
        width: 100%;
        height: auto;
    }
    .baner-phone{
        display: none;
    }
    .phone_main-menu{
        display: none;
    }
    .icon-menu{
        display: none;
    }
    .phone-menu{
        display: none;
    }
    .baner{
        width: 100%;
        height: auto;
    }
    .baner img{
        width: 100%;
        height: auto;
    }
    .lap-menu{
        width: 100%;
        height: 50px;
        background-color: rgb(183,15,15);
        margin: 0;
        padding: 0;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 999;
    }
    .lap-menu .main-menu{
        width: 100%;
        height: 100%;
        background-color: rgb(183,15,15);
        display: inline-flex;
        justify-content: center;
    }
    .lap-menu .main-menu li{
        width: 120px;
        height: 100%;
        list-style: none;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        margin: 0 10px;
        text-align: center;
    }
    .lap-menu .main-menu li:hover{
        background-color: rgb(209, 15, 15);
    }
    .lap-menu .main-menu li:hover .menu-con{
        display: block;
    }
    .lap-menu .main-menu li a{
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }
    .lap-menu .main-menu li .menu-con{
        width: 230px;
        height: 100px;
        background-color: rgb(183,15,15);
        display: none;
    }
    .lap-menu .main-menu li .menu-con .menu-1{
        margin-left: 10px;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li{
        background-color: rgb(183,15,15);
        width: 230px;
        height: 50px;
        list-style: none;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        box-sizing: border-box;
        border-top: 1px solid rgb(176, 176, 176);
        margin-left: -10px;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li:hover{
        background-color: rgb(209, 15, 15);
    }
    .lap-menu .main-menu li .menu-con .menu-1 li:hover .menu-chau{
        display: block;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li .menu-chau{
        width: 300px;
        height: 50px;
        background-color: rgb(183,15,15);
        position: absolute;
        margin-top: -50px;
        margin-left: 230px;
        border-left: 1px solid rgb(176, 176, 176);
        display: none;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li .menu-chau ul{
        margin-left: 10px;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li .menu-chau ul li{
        background-color: rgb(183,15,15);
        width: 300px;
        height: 50px;
        list-style: none;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        margin-left: -10px;
        margin-top: -1px;
    }
    .lap-menu .main-menu li .menu-con .menu-1 li .menu-chau ul li:hover{
        background-color: rgb(209, 15, 15);
    }
    /* Footer */
    footer{
        width: 100%;
        height: auto;
        padding: 0;
        margin: 10px 0;
        background-color: rgb(209, 15, 15);
        color: #fff;
    }
    .khunglon{
        width: 90%;
        height: auto;
        margin: 0 5%;
        margin-top: 30px;
        display: inline-flex;
        justify-content: space-between;
    }
    .khungnho1{
        width: 60%;
        height: auto;
    }
    .khungnho1 h2{
        width: 100%;
        text-align: center;
        font-size: 23px;
    }
    .khungnho1 p{
        font-size: 18px;
        margin: 5px 0;
    }
    .khungnho2{
        width: 30%;
        height: auto;
        text-align: center;
    }
    .khungnho2 h2{
        font-size: 23px;
    }
    .khungnho2 p{
        font-size: 18px;
        margin: 25px 0;
    }
    .rep{
        width:40px;
        height: 40px;
        background-color: rgb(192, 21, 21);
        text-align: center;
        line-height: 43px;
        font-size: 20px;
        border-radius: 50%;
        margin-left: 90%;
        position: sticky;
        bottom: 70px;
        z-index: 999;
    }
    /* ...............................article.................*/

    /*...................trang chu...............*/
    article{
        width: 100%;
        height: auto;
        margin: 0 ;
        padding: 0;
    }
    article .phone{
        display: none;
    }
    article .phone-td{
        display: none;
    }

    /*..................trang chu....................*/
    article  .slider{
        width: 95%;
        height: 450px;
        margin: auto;
        margin-top: 2%;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        z-index: 997;
    }
    article  .slider .list{
        position: absolute;
        width: max-content;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        transition: 1s;
    }
    article  .slider .list img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    article .slider .buttons{
        position: absolute;
        top: 45%;
        left: 5%;
        width: 90%;
        display: flex;
        justify-content: space-between;
    }
    article  .slider .buttons button{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #fff5;
        color: #fff;
        border: none;
        font-family: monospace;
        font-weight: bold;
    }
    article  .slider .dots{
        position: absolute;
        bottom: 10px;
        left: 0;
        color: #fff;
        width: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
    }
    article  .slider .dots li{
        list-style: none;
        width: 10px;
        height: 10px;
        background-color: #fff;
        margin: 10px;
        border-radius: 20px;
        transition: 0.5s;
    }
    article  .slider .dots li .active{
        width: 30px;
    }

    article .gioithieu{
        width: 96%;
        margin: 20% 0% 2% 2%;
    }
    article .gioithieu .gt-img{
        width: 100%;
    }
    article .gioithieu .gt-img img{
        width: 100%;
        height: auto;
    }
    article .gioithieu .gt-text{
        width: 500px;
        background-color: #ffffff;
        padding: 30px;
        border-radius: 30px;
        position: absolute;
        border-top: 2px solid;
        box-shadow: 5px 5px 5px rgb(172, 172, 172) ;
        margin-top: -67%;
        margin-left: 5%;
    }

    article .bac-3{
        width: 700px;
        height: 500px;
        margin: 0 auto;
    }
    article .bac-3 .bac-3-1{
        width: 350px;
        height: 500px;
        float: inline-start;
    }
    article .bac-3 .bac-3-1 .bac-3-1-1{
        width: 300px;
        height: 350px;
    }
    article .bac-3 .bac-3-1 .bac-3-1-1 img{
        width: 100%;
        height: 100%;
        transition: 0.3s;
    }
    
    article .bac-3 .bac-3-1 .bac-3-1-2{
        width: 200px;
        height: 200px;
        border-radius: 50%;
        margin-left:50px ;
        margin-top: -100px;
        text-align: center;
        line-height: 200px;
        box-sizing: border-box;
        border-top: 3px solid rgb(221, 8, 8);
        border-bottom: 3px solid rgb(221, 8, 8);
        background-color: #fff;
        position: absolute;
        z-index: 997;
    }
    
    article .bac-3 .bac-3-1 .bac-3-1-2 a{
        color: rgb(183, 15, 15);
        font-weight: bolder;
        font-size: 26px;
        margin: auto;
        text-decoration: none;
    }
    article .bac-3 .bac-3-2{
        width: 350px;
        height: 500px;
        float: inline-end;
    }
    article .bac-3 .bac-3-2 .bac-3-2-1{
        width: 300px;
        height: 350px;

    }
    article .bac-3 .bac-3-2 .bac-3-2-1 img{
        width: 100%;
        height: 100%;
        transition: 0.3s;
    }
    
    article .bac-3 .bac-3-2-1 .bac-3-2-2{
        width: 250px;
        height: 250px;
        margin: 0 auto;
        margin-top: -140px;
        border-radius: 50%;
        z-index: 997;
    }
    article .bac-3 .bac-3-2 .bac-3-2-2{
        width: 200px;
        height: 200px;
        border-radius: 50%;
        margin-left:50px ;
        margin-top: -100px;
        text-align: center;
        line-height: 200px;
        box-sizing: border-box;
        border-top: 3px solid rgb(221, 8, 8);
        border-bottom: 3px solid rgb(221, 8, 8);
        background-color: #fff;
        position: absolute;
    }
    article .bac-3 .bac-3-2 .bac-3-2-2 a{
        color: rgb(183, 15, 15);
        font-weight: bolder;
        font-size: 26px;
        margin: auto;
        text-decoration: none;
    }

    article .spnb{
        width: 90%;
        margin: 20px auto;
        height: auto;
        
    }
    article .spnb .spnb-img{
        width: 32%;
        height: auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    article .spnb .spnb-img img{
        width: 90%;
        height: auto;
        border-radius: 5px;
        transition: 0.3s;
    }
    
    /*..............tintuc...................*/

    article .noidungtintuc{
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    article .noidungtintuc h1{
        width: 100%;
        height: auto;
        padding: 0;
        margin: 30px 0;
        font-size: 25px;
        text-align: center;
    }
    article .noidungtintuc .child{
        width: 90%;
        height: auto;
        margin: 10px 5%;
        display: flex;
    }
    article .noidungtintuc .child img{
        width: 30%;
        height: auto;
        float: inline-start;
    }
    article .noidungtintuc .child .ndtt{
        width:70%;
        margin: auto 0;
        margin-left: 2%;
        height: 100%;
        box-sizing: border-box;
    }
    article .noidungtintuc .child .ndtt .main{
        color: black;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
        display: flex;
        margin-bottom: 10px;
    }
    article .noidungtintuc .child .ndtt .main:hover{
        color: black;
        font-weight: bold;
        text-decoration-line: underline;
    }
    article .noidungtintuc .child .ndtt .date{
        font-size: 13px;
        color: gray;
        text-decoration: none;
    }
    /*..........................................*/
    .img-news{
        width: 98%;
        height: auto;
        margin: auto;
        padding-top: 10px;
    }
    .img-news img{
        width: 100%;
        height: auto;
    }
    .head-news{
        width: 96%;
        height: auto;
        text-align: center;
        color: black;
        font-size: 20px;
        font-weight: bold;
        padding: 10px 0px;
        margin: 2%;
    }
    .cont-news{
        width: 90%;
        height: auto;
        margin: auto;
        font-size: 17px;
        
    }
    .product-news{
        width: 90%;
        height: auto;
        margin: auto;
    }
    .product-1{
        width: 46%;
        margin: auto;
        display: inline-flex;
        padding: 1.5%;
    }
    .product-1 img{
        width: 100%;
        height: auto;
    }
    .content-news .headsp-news{
        display: none;
    }
    .headsp-news-phone{
        font-size: 20px;
        font-weight: bold;
        width: 90%;
        margin: auto;
        padding: 10px 0;
    }
    
    /*..............lien he..............*/
    article .noidunglienhe{
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    article .noidunglienhe .lh{
        width: 100%;
        text-align: center;
        font-size: 25px;
        margin: 50px 0;
        font-weight: bold;
    }
    article .noidunglienhe .nd{
        width: 90%;
        height: auto;
        margin: 30px 5%;
        padding: 10px 0;
    }
    article .noidunglienhe .nd .infor{
        width: 100%;
        height: auto;
        font-size: 20px;
        margin-left: 20px;
    }
    article .noidunglienhe .nd .infor p{
        margin-bottom: 18px;
    }
    article .noidunglienhe .nd .map{
        width: 90%;
        height: auto;
        margin: 0 5%;
    }
    article .noidunglienhe .nd .map img{
        width: 100%;
        height: auto;
        margin:  0;
    }

    /*.............tuyendung.................*/

    /*............sanpham.............*/
    article .sanphambac1{
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    article .sanphambac1 .tieude{
        width: 100%;
        height: 80px;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        line-height: 80px;
        margin: 0;
    }
    article .sanphambac1 .listsp{
        width: 80%;
        height: auto;
        margin: 0 10%;
        display: inline-block;
    }
    article .sanphambac1 .listsp .khungsp{
        width: 33%;
        height: auto;
        float: inline-start;
        margin: 0;
    }
    article .sanphambac1 .listsp .khungsp .sp{
        width: 80%;
        margin: 10%;
        height: auto;
        border: 1px solid gray;
        box-sizing: border-box;
    }
    article .sanphambac1 .listsp .khungsp .sp .anh{
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    article .sanphambac1 .listsp .khungsp .sp .anh img{
        width: 100%;
        height: auto;
    }
    article .sanphambac1 .listsp .khungsp .sp .name{
        width: 100%;
        height: 40px;
        background: rgb(183, 15, 15);
        line-height: 40px;
        text-align: center;
    }
    article .sanphambac1 .listsp .khungsp .sp .name a{
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }
    article .sanphambac1 .listsp .khungsp .sp:hover{
        border: 2px solid gray;
        box-sizing: border-box;
    }
    article .sanphambac1 .listsp .khungsp .sp:hover .name{
        background: rgb(192, 25, 25);
    }
    article .sanphambac1 .listsp .khungsp .sp:hover .name a{
        color: orange;
    }

    /*................sp...................*/

    article .khungspn{
        width: 90%;
        height: auto;
        margin: 20px 5%;
        box-sizing: border-box;
        justify-content: space-between;
        align-items: center;
        justify-content: center;
    }
    article .khungspn .anhn{
        width: 65%;
        height: auto;
        margin: auto ;
    }
    article .khungspn .anhn:hover img{
        transform: scale(1.25);
        transition: all 0.4s ease-in-out;
    }
    article .khungspn .anhn img{
        width: 100%;
        height: auto;
    }
    article .khungspn .ndn{
        width: 70%;
        height: auto;
        margin: 0 auto;
        background: rgb(236, 234, 234);
        padding: 30px 30px;
        border-radius: 10px;
    }
    article .khungspn .ndn h1{
        color: rgb(181,19,19);
        font-weight: bold;
        width: 100%;
        text-align: center;
        font-size: 25px;
    }
    article .khungspn .ndn h3{
        margin-top: 5px;
    }
    article .khungspn .ndn p{
        padding: 2px 0;
        width: 98%;
        margin-left: 2%;
    }
    article .sanphamkhac{
        width: 200px;
        height: 50px;
        background-color: rgb(183, 15, 15);
        margin: 20px auto;
        line-height: 50px;
        text-align: center;
        border-radius: 5px;
    }
    article .sanphamkhac a{
        color: #fff;
        font-size: 20px;
        text-decoration: none;
    }
}