.dan-de .banner-pc img, .dan-de .banner-m img {
    display: block;
    margin: 20px auto 10px;
}

.dan-de .banner-pc {
    display: block;
}

.dan-de .banner-m{
    display: none;
}


.box-dan-de .col-6 {
    width: 50%;
    padding: 5px 10px;
    position: relative;
}

.box-dan-de .col-12 {
    width: 100%;
    padding: 5px 10px;
    position: relative;
}

.box-dan-de .col-8 {
    width: 66.66%;
    padding: 5px 10px;
    position: relative;
}

.box-dan-de .col-2 {
    width: 16.66%;
    padding: 5px 10px;
    position: relative;
}

.box-dan-de .col-3 {
    width: 25%;
    padding: 5px 10px;
    position: relative;
}


.box-dan-de .col-4 {
    width: 33.33%;
    padding: 5px 10px;
    position: relative;
}

.box-dan-de .row-col {
    display: flex;
}

.row-button, .row-content {
    display: flex;
}

.box-dan-de {
        border: 1px solid gray;
    border-radius: 15px;
    padding: 15px 10px 40px;
    margin-bottom: 10px;
    background-color: #f6f1e7;
}

.box-title {
        color: #e9c67f;
    font-weight: bold;
    text-transform: uppercase;
    margin: 30px 0 10px;
    font-size: 28px;
    text-shadow: 1px 1px 1px #1a1a1a;
}

.select-gx {
        background-color: white;
    border-radius: 5px;
    border: 1px solid gray;
    margin-left: 10px;
    padding: 5px 10px;
}


.btn-button {
        background-color: #428bca !important;
    padding: 3px 15px !important;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    height: 35px;
}

.btn-dau {
    background-color: orangered !important;
}

.btn-duoi {
    background-color: purple !important;
}

.btn-tong {
    background-color: firebrick !important;
}

.btn-chan-le {
    background-color: forestgreen !important;
}

.btn-lon-be {
    background-color: deeppink !important;
}

.btn-con-giap {
    background-color: #5f686f !important;
}

.btn-hieu {
    background-color: darkviolet !important;
}

.btn-vt {
    background-color: mediumvioletred !important;
}

.btn-kep {
    background-color: chocolate !important;
}

.btn-du {
    background-color: darkcyan !important;
}

.btn-trong-ngoai {
    background-color: black !important;
}

.btn3d {
    border-radius: 5px;
    margin-bottom: 5px;
    width: 90px;
    font-size: 13.5px;
    font-weight: bold;
    padding: 7px 0 !important;
}
.btn-input {
        height: 30px;
    width: 50px;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0;
    background-color: white !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 5px !important;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
}

.text-dan-de {
    height: 300px !important;
    display: block;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    background-color: white !important;
    font-size: 16px;
}

.row-content .col-two .text-dan-de {
    height: 140px !important;
}


.row-content .col-three .text-dan-de {
    height: 73px !important;
}

.tao-dan-dac-biet-4 .row-content .text-dan-de {
    height: 300px !important;
}


.box-dan-de .btnCopy {
    position: absolute;
    right: 10px;
    bottom: -30px;
    color: #4CAF50;
    border-style: dashed;
    border-color: #4CAF50;
    font-weight: bold;
    background-color: white;
    padding: 5px 10px !important;
}

.box-dan-de .btnCount {
    position: absolute;
    left: 10px;
    bottom: -32px;
    color: red;
    border: 4px double red;
    font-weight: bold;
    background-color: white;
    padding: 3px 10px !important;
}

@media (max-width: 768px) {
    
    .dan-de .banner-pc {
    display: none;
}

.dan-de .banner-m{
    display: block;
}


    .box-dan-de .col-6 {
    padding: 3px;
    font-size: 15px;
}

.box-dan-de .col-12 {
    padding: 3px;
    font-size: 15px;
}

.box-dan-de .col-8 {
    padding: 3px;
    font-size: 15px;
}

.box-dan-de .col-2 {
   padding: 3px;
   font-size: 15px;
}

.box-dan-de .col-3 {
    padding: 3px;
    font-size: 15px;
}


.box-dan-de .col-4 {
    padding: 3px;
    font-size: 15px;
}

.btn-button {
    padding: 2px 5px !important;
    margin-bottom: 5px;
    font-size: 13px;
}

.text-dan-de {
    padding: 2px !important;
    font-size: 14px;
}
}