body {
    margin: 0;
    padding: 0;
    height: 100vh;
   
 }
.main{
    margin: auto; padding: 0px;
    border: #FF0000  ; width: 390px;
    border-radius: 0;
}
.header{
    background-color:yellowgreen;
    width:100%;
}
.phai{
    float:right;
}
/* .sanpham{
    font-size: 25px;
    margin-top: -40px;

} */
.sanpham {
    grid-area: "nav-cell";
    margin-top: 20px;
}
.sanpham a{
    float:left;
    margin: 3px;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 2px 4px;
    height: 20px;
    background: #ffffff80;
    text-decoration: none;
    font-size: 17px;
    color: #ed4190;
    text-align: center;
    box-shadow: 0 0 3px 0 #00000066, 0 0 2px 0 #0000004d;

}
.sanpham a:hover{
    color: #fff;
    background: #ed4190;
}

/* .logo{
    background-color:azure;
}
a:hover{
    background-color: yellowgreen;
    color:red;
} */
.sdt{
    background-color: red;
    color:white;
    border-radius: 0%;
    float:right;
    margin-top: 80px;
}
.banner{
    width:390px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.noidung{
    text-align: center;
    color:red;
}
.gach{
    margin-top: -30px;
    text-align: center;
    color:red;
}
.text{
    color:blue;
    font-weight:bold;
    font-size: 20px;
    background-color: beige;
}
table{
    margin:auto;
}
th{
    background-color:green;
    color:white;
    font-size: 25px;
}
td{
    background-color:aquamarine;
    color:black;
    font-weight: 600;
    font-size: 20px;
}
.banggia{
    text-align: center;
    color: red;
}
.gia{
    width:390px;
    height:200px;

}
.tien{
    text-align: right;
}
.dv{
    text-align: center;
}
.tb{
    text-align: center;
    color:red;
}
.ck{
    text-align: center;
    color:red;
}
.nd_ck{
    text-align: left;
    color:black;
    font-size: 25px;
    font-weight:500;
    background-color: beige;
}


.vd{
    background-color: aquamarine;
    font-size: 20px;
    font-weight: 600;
}
.clear{
    clear: both;
}
.footer{
    text-align: center;
    background-color: yellowgreen;
    margin-top: -35px;

}
.sf{
    text-align: center;
    color:red;
    font-size: 30px;
}
.sao{
    text-align: center;
    color:red;
    margin-top: -30px;
}
.text{
    text-align: center;
}
.loai{
    margin-left: 45px;
}
h2, h3{
    text-align: center;
    color:red;
    font-size: 30px;
}
.bang{
    width:390px;
    height:90px;
}
.vsgsp{
    text-align: center;
    font-size: 25px;
    font-weight:bold;

}
.v1{
    margin: 0 auto;
}
.gioithieu{
    font-size: 20px;
    font-weight: 400;
}
.end{
    font-size: 15px;
    background-color:antiquewhite;
}
.pvtq{
    text-align: center;
    color:red;
    font-size: 30px;
    font-weight: 600;
}
.cb{
    font-size: 20px;
    font-weight: 400;
    background-color: blanchedalmond;
}
.cd{
    font-size: 27px;
    font-weight: 500;
}
.m{
    color:red;
    font-size: 27px;
}
.zalo-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
  }
  
  .zalo-button img {
    border-radius: 50px;
    border:solid 1px black;
    display: block;
    width: 60px;
  }

  .tel-button {
    position: fixed;
    bottom: 100px;
    right: 20px;
  }
  
  .tel-button img {
    border-radius: 50px;
    border:solid 1px black;
    display: block;
    width: 60px;
  }
.v_n{
    color:red;
}
.bb{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
video,h3, h2, h1, .anh, .anhh, .img, .imgg, .loaisofa, .vsgsp, .banner, .noidung, .banggia, .tb, .ck, .video, .vd, h2, h3, .end, .logo, .sf, .sao, .pvtq, .text, .v1{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.table{
    background-color:yellowgreen;
}
.vs{
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}
h4{
    font-size: 25px;
}

/* .hinhh{
    width:390px;
    height:90px;
} */
#hh{
    font-size: 25px;
}
@media screen and (min-Width: 1024px) {
    #hh{
        font-size: 30px;
    }
    #h{
        width: 1280px;
    }
    .main{
        width: 1280px;
    }

    .banner{
        width:1280px;
        height:600px;
    }
    .nen{
        width:1280px;
        height:600px;
    }
     .k{
        width:1280px;
        height:400px;
    } 
    .gia, .thbi{
        width:1280px;
        height:400px;
    }
    .bb{
        display: flex;
        justify-content: space-between;
    }
    .video {
        width: 30%;
        height: 200px;
        background-color: #ccc;
      }
      .vs{
        text-align: center;
        font-size: 20px;
        font-weight: 700;
      }
      .chung {
        display: flex;
        justify-content: space-between;
      }
      .table{
        width: 50%;
        font-size: 20px;
        font-weight: 700;
        border: 1px solid black;
        background-color:yellowgreen;
      }
      .hinh{
        display: flex;
        justify-content: space-between;
        background-color:yellowgreen;
    }
    .img,.nhung, .sf {
        width: 640px;
        height: 700px;
        background-color: #ccc;
      }
      .bang{
        width:1280px;
        height:400px;
      }
      .anh{

        width:1280px;
        height:950px;
      }
      .anhh{

        width:1280px;
        height:600px;
      }
      .imgg {
        width: 425px;
        height: 600px;
        background-color: #ccc;
      }
}
@media screen and (min-Width: 1280px) {
    .imggg{
        width:1080px;
        height:900px;
    }
    
    .main{
        width: 1280px;
    }

    .banner{
        width:1280px;
        height:600px;
    }
    .nen{
        width:1280px;
        height:600px;
    }
     .k{
        width:1280px;
        height:400px;
    } 
    .gia, .thbi{
        width:1280px;
        height:400px;
    }
    .bb{
        display: flex;
        justify-content: space-between;
    }
    .video {
        width: 30%;
        height: 200px;
        background-color: #ccc;
      }
      .vs{
        text-align: center;
        font-size: 20px;
        font-weight: 700;
      }
      .chung {
        display: flex;
        justify-content: space-between;
      }
      .table{
        width: 50%;
        font-size: 20px;
        font-weight: 700;
        border: 1px solid black;
        background-color:yellowgreen;
      }
      .hinh{
        display: flex;
        justify-content: space-between;
        background-color:yellowgreen;
    }
    .img,.nhung, .sf {
        width: 640px;
        height: 700px;
        background-color: #ccc;
      }
      .bang{
        width:1280px;
        height:400px;
      }
      .anh{

        width:1280px;
        height:950px;
      }
      .anhh{

        width:1280px;
        height:600px;
      }
      .imgg {
        width: 425px;
        height: 600px;
        background-color: #ccc;
      }
}

form {
    border: solid 1px black;
    margin:auto;
    padding: 30px;
    border-radius: 20px;
    bottom: 10px;
}

 .input-container {
    border-radius: 20px;
}