@media (min-width: 767px) {

.menutraimb{display: none;}

}



/* CSS cho màn hình nhỏ (mobile) */
@media (max-width: 767px) {




    .anmobile{display: none;}

    #soloToggle{display: unset;}

    .box1600 {
        width: 100%;
    }
    .box1200 {
        width: 100%;
    }

    .bannerhome {
        margin-left: 0;
        width: 100%;
    }
    .gianlv {
        margin-top: 0 !important;}

    
.uudai123 {
            width: 70%;
            margin: 5px 2%;
        }

        .uudai123 span {
            font-size: 15px;
        }

        .boxcam {
            float: left;
            width: 195px;
        }

        ul.uldanhmuc li a {
            padding: 5px 7px;
            margin: 5px 2px;
        }

        .boxsanpham {
            margin: 15px 2%;
            width: 90%;
        }

        h2.tieudekieudang {
            font-size: 23px;
        }

        .nendo {
            background: #960001;
            padding: 10px 2%;
            text-align: center;
            width: 96%;


        }
        .goingay .row2 {
            font-size: 30px;
        }

        h1.tieudekieudang {
            font-size: 22px;
            margin-bottom: 10px;
        }

        ul.dsdep {
            font-size: 14px;
        }

        .socialgth a img{width: 30px;}

        ul.socialgth li {
            margin: 5px 10px;
        }
        .imgkh {
            float: left;
            margin: 5px 1%;
            width: 31%;
            overflow: hidden;
        }


        .logo {
            float: left;
            width: 100%;
            padding: 12px 0;
            text-align: center;
        }
        .logo a img {
            margin-right: 40px;
        }
    .banner_top {
        width: 94%;
        padding: 20px 3%;
        background: #c500006b;
    }
    .hang100 {
        width: 100%;
        float: left;
    }
    .osearch {
        width: 100%;
        float: left;
        margin-right: 0;
    }
    .osearch input {
        width: 195px;
        padding: 6px;
    }
    .tuvanmienphi {
        float: right;
        color: #fff;
        width: 40%;
        margin-top: 10px;
        z-index: 6;
        position: relative;
    }
    .tuvanmienphi label {
        display: none;
    }

    .tuvanmienphi a {
        border-radius: 9px;
    }
    .xinchaoqk {
        margin-top: -25px;
        z-index: 1;
        position: static;
    }
    .xinchaoqk marquee {
        width: 220px;
        color: #fff;
    }


    nav.menumain {
        display: none;
    }

    .mainC {
        width: 100%;
        margin-top: 0;
    }
    .bannerslide {
        width: 100%;
        float: left;
        margin-right: 0;
    }
    .showdanhmuc {
        width: 92%;
        margin-bottom: 20px;
        float: left;
        padding: 0px 2%;
    }

    .titledanhmuc {
        width: 100%;
        float: left;
        border-bottom: 1px solid #544;
        margin-bottom: 5px;
    }
    .titledanhmuc h2 {
        float: left;
        margin-bottom: 0px;
    }
    .titledanhmuc h2 a {
        background: #8b2020;
        padding: 8px 20px;
        color: #fff;
        font-size: 14px;
        float: left;
    }
    .listtindanhmuc {
        width: 100%;
        float: left;
    }
    .boxtinhome {
        margin: 5px 0;
        float: left;
        width: 100%;
        overflow: hidden;
        border-bottom: 1px dashed #c1b8b8;
    }
    .boxtinhome article .thumb-art {
        margin-bottom: 0px;
        width: 120px;
        margin-right: 10px;
    }
    .boxtinhome .thumb-art img {
        max-width: 100%;
        height: auto;
        min-height: 100px;
    }
    .description-news i {
        font-size: 12px;
        line-height: 26px;
        color: #a9a9a9;
        text-decoration: underline;
    }
    .boxtinhome .description-news p {
        font-size: 13px;
        line-height: 20px;
    }

    .colR {
        float: none;
        width: 96%;
        margin: 10px 2%;
        overflow: hidden;
    }
    .boxsmalltit {
        background: #8b2020;
        padding: 11px 2%;
        color: #fff;
        font-size: 15px;
        float: left;
        width: 92%;
        font-weight: 600;
    }
    nav.danhmucmenu {
        border: 0;
        float: left;
        width: 96%;
        background: none;
    }
    footer {
        width: 100%;
        border-top: none;
        margin-top: 0px;
        background: #621e1e;
        padding: 10px 0;
        color: #ffe4e4;
    }
    .thongtincongty {
        width: 90%;
        padding: 10px 3%;
    }

    .logochantrang {
        text-align: center;
        padding: 0 0 20px 0;
    }
    .tomtatcongty {
        float: left;
        width: 94%;
        padding: 2%;
    }
    .titdm {
        font-weight: 600;
        margin-bottom: 15px;
        color: #ffd600;
        border-bottom: 1px solid;
        padding-bottom: 5px;
        font-size: 13px;
        width: 98%;
    }
    .tomtatcongty p {
        font-size: 13px;
        line-height: 19px;
    }
    .thongtinul {
        width: 96%;
    }
    .thongtinul ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .danhmucft {
        float: left;
        width: 44%;
        overflow: hidden;
        padding: 5px 2%;
        height: 320px;
    }
    .titdm {
        font-weight: 600;
        margin-bottom: 10px;
        color: #ffd600;
        border-bottom: 1px solid;
        padding-bottom: 5px;
        font-size: 13px;
        width: 98%;
    }
    .boxdanhsach li {
        margin-bottom: 6px;
    }
    .bandomap img {
        max-width: 90%;
    }

    .motasanpham {
        width: 95%;
        padding: 10px 2%;
    }


    .imgsanpham {
        float: left;
        width: 100%;
        margin-right: 0;
    }


    .titpage {
        font-size: 16px;
        margin: 0;
    }
    .bgtrang {
        background: #fff;
        padding: 15px 2%;
        width: 96%;
        overflow: hidden;
    }
    .description-news, .woocommerce-breadcrumb{padding: 10px 2%;}
    .boxchitiettin {
        float: left;
        width: 96%;
        line-height: 26px;
        overflow: hidden;
        font-size: 15px;
        padding: 10px 2%;
    }
    h2 {
        font-size: 16px;}

    .listnews {
    width: 100%;
    margin-right: 0;
    float: left;
    }
    .listnews .thumb-art {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .boxstintuc {
        float: left;
        margin-bottom: 20px;
        width: 95%;
        overflow: hidden;
        background: #fff;
        padding: 10px 2%;
        border: 0;
        border-radius: 0;
        border-bottom: 1px dashed #bdbdbd;
    }


    .alome a {font-size: 0px;
        padding: 0;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        background-size: 36px !important;}


 nav.menumain {display: none;}

 .box1600a {
    width: 100%;}


    .box1600.thinhbanthantai {
        padding: 10px 2%;
        width: 96%;
    }

    .trichdoan {
        padding: 10px;
        border-style: solid;
        border-width: 0px 0px 0px 2px;
        border-color: rgb(249 194 86 / 80%);
        margin: 10px;
    }



    .boxchitiettin iframe{width: 100% !important; height: 222px;}

    .cotphaisp {
        float: right;
        width: 92%;
        background: #fff;
        padding: 4%;
        margin-top: 20px;
    }
    .dienthoaicall a {
        background: #cf1c0f url(/wp-content/uploads/2024/04/call-1.png) no-repeat center left 7px;
    }
    .zalocall a {
        background: #1da1f2 url(/wp-content/uploads/2024/04/zalo-icon-copy-2.png) no-repeat center left 7px;
    }


    .boxmax.nenvang {
        padding: 1px 0 20px 0;
    }


    nav.sap-xep-gia {
        overflow: hidden;
    }
    .khoanggiabantho nav.sap-xep-gia a {
        float: left;
        margin: 6px 5px;
        padding: 7px 6px;
        font-size: 14px;
        border-radius: 5px;
    }



 

    /* Viết cho Menu mobile*/
   #soloToggle {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 101;
    padding: 0;
    background: #FF5722;
    border: 1px solid #a7300b;
    border-radius: 9px;
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 31px;
    line-height: 23px;
}
      
.menutraimb nav {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    background-color: #fff;
    transition: left 0.3s ease-in-out;
    z-index: 100;
    height: -webkit-fill-available;
    overflow-y: auto;
}
      
      .menutraimb nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      
      .menutraimb nav li {
        padding: 10px;
        border-bottom: 1px solid #d1d1d1;
    }
      
    .menutraimb nav a {
        text-decoration: none;
        display: block;
        font-size: 20px;
        background: none;
        font-family: roboto;
        color: #F44336;
    }
      main {
        padding: 20px;
      }
      
      .menutraimb #menumobile.show {
        left: 0
          
      }
      
      #soloToggle {
        position: fixed; /* Cố định vị trí nút soloToggle */
        top: 20px; /* Chỉnh sửa khoảng cách từ trên xuống */
        right: 20px; /* Chỉnh sửa khoảng cách từ trái sang phải */
        z-index: 101; /* Đảm bảo nút soloToggle hiển thị trên menu */
      }
          
      .bgdonau {
        background-color: #611503;
        
    }
    
    .menutraimb nav ul.submn {
        padding: 0;
        overflow: hidden;
        margin-top: 10px;
    }
    .menutraimb nav .submn li {
        padding: 0px;
        float: left;
        width: 50%;
        border: none;
    }
    .menutraimb nav .submn li a {
        font-size: 14px;
        color: #731622;
        padding: 8px 8px;
        margin: 5px;
        background: #eddfdf;
        border-radius: 9px;
        font-family: roboto;
    }

    .ban-than-tai-content {
        width: 96%;
        padding: 30px 2%;
    }
    .boxcontentR {
        width: 96%;
        padding: 20px 2%;
    }

    .menutraimb nav .submn li a.active {
        background: #ffb747;
        color: #000;
    }
    .tac-gia {
        float: left;
        width: 95%;
        background: #f5f5ef;
        padding: 10px 2%;
        border: 1px dashed #dd6c6e;
        border-radius: 9px;
    }




/* Cái thẻ đóng cuối cùng */
}