.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    overflow: hidden;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

@media screen and (min-width: 1367px) {
    .container {
        width: 1300px;
    }
    .navbar-default .navbar-nav>li>a {
        padding-left:40px;
        padding-right:40px;
    }
}

@media screen and (min-width: 1500px) {
    .container {
        width: 1400px;
    }
    .navbar-default .navbar-nav>li>a {
        padding-left:60px;
        padding-right:60px;
    }
}

@media screen and (min-width: 1025px) {
    .dropdown2:hover>ul {
        display: block;
    }
    .dropdown3:hover>ul {
        display: block;
        top: 0;
        left: 99%;
    }
}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1500px) {
    .gioi-thieu .img-container img {
        width: 70%;
        height: 500px;
    }
}

@media screen and (max-width: 1400px) {
    .gioi-thieu .img-container img {
        height: 480px;
    }
    .drop-menu .box-menui{
        padding: 9px 10px;
    }
    .drop-menu > ul > li a{
        font-size:14px;
    }
     .logo img{
        max-height:70px;
    }
}
@media screen and (max-width: 1330px){
    .drop-menu .box-menui {
        padding: 8px 10px;
    }
    .tg-menu h4 a span{
        font-size:18px;
    }

    .navbar-default .navbar-nav>li>a {
        padding-left: 40px;
        padding-right: 40px;
    }


}
@media screen and (max-width:1200px){
   .navbar .container{
      max-width:100%;
      width:100%;
   }
    .navbar-default .navbar-nav>li>a {
        padding-left:35px;
        padding-right:35px;
    }
}
@media screen and (max-width:1100px){

}


/*Ipad ngang(1024 x 768)*/

@media screen and (max-width: 1024px) {
    #slider_danhmuc .container{
        max-width:100%;
    }
    .item-product-c .img {
        height: 200px;
    }
    .nav-top li a {
        margin-left: 20px;
    }
    .giohang.cart {
        position: relative;
    }
    .cart .cart-target .qty_top {
        right: -9px;
        background-color: #fff;
    }
    .item-danhmuc>a>.title {
        font-size: 16px;
    }
    .navbar-default .navbar-brand img {
        height: 80px;
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .gioi-thieu .img-container img {
        height: 400px;
    }
    .ten-cong-ty {
        font-size: 3rem;
    }
    .cate-home-card .img-container img {
        height: 350px;
    }
    .blogLoop .blogImageLink {
        height: 300px;
    }
    .blogLoop .blogDetailLink {
        font-size: 14px;
    }
    .dropdown-menu-large>li>ul>li>a {
        font-size: 13px;
    }
    .dropdown-menu-large .dropdown-header {
        font-size: 16px;
    }
    .dropdown-menu-large>li>ul.header-group>li>a {
        font-size: 16px;
    }
}
@media screen and (max-width:991px) {
    .container{
        max-width:96%;
        width:100%;
    }
     .navbar-default .navbar-nav>li>a {
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media screen and (max-width:850px) {

    .navbar-default .navbar-nav>li>a {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/*Ipad dọc(768 x 1024)*/

@media screen and (max-width: 768px) {
    .box-cate-tit{
        align-items: flex-start;
    justify-content: flex-start;
    }
    .sm-none {
        display: none !important;
    }
    .sm-block {
        display: block !important;
    }
    .hc-nav-trigger.hc-nav-1 {
        display: block !important;
        border: none;
        margin-right: 0;
        float: right;
        margin-top: 19px;
    }
    .navbar-default .navbar-brand img {
        height: 60px;
    }
    .container-fluid>.navbar-header {
        float: none;
    }
    .gioithieu h1 {
        width: 100%;
        font-size: 36px;
        padding-left: 15px;
    }
    .item-qc .content .text {
        font-size: 14px;
    }
    .gioithieu {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .gioithieu .content {
        line-height: 24px;
    }
    .item-khachhang .content {
        padding: 30px;
        margin-left: 0;
        text-align: center;
        padding-top: 70px;
        margin-top: 80px;
    }
    .item-khachhang .img {
        top: 0px;
        left: 0;
        right: 0;
        margin: 0px auto;
    }
    .item-slide .content-sldie {
        width: 60%;
    }
    .widget-title {
        font-size: 18px;
    }
    .nav-pro li a {
        margin-left: 0;
        padding-left: 10px;
    }
    .quantity .qty {
        width: 50px;
    }
    .btn-mua {
        padding-left: 10px;
        padding-right: 10px;
    }
    .ten-sp {
        font-size: 18px;
    }
    .navbar-default .navbar-collapse {
        display: none !important;
    }
    .item-qc .content .title {
        font-size: 24px;
    }
    .item-qc .content .link {
        padding: 7px 20px;
    }
    .video-home {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .content-video .title-video {
        font-size: 18px;
        line-height: 24px;
    }
    .navbar-header {
        width: 100%;
    }
    .ten-cong-ty,
    .slogan {
        text-align: start;
    }
    .gioi-thieu .img-container img {
        height: 300px;
    }
    .ten-cong-ty {
        font-size: 2.5rem;
    }
    .title-home .line {
        width: 100px;
    }
    .nav-tabs.tab-home>li>a {
        padding: 0.5rem;
        font-size: 14px;
    }
    .nav-tabs.tab-home {
        height: 38px;
    }
    .cate-home-card .img-container img {
        height: 400px;
    }
    .congtrinh-page .cate-home-card .img-container img {
        height: 260px;
    }
}


/*Tablet nhỏ(480 x 640)*/

@media screen and (max-width: 767px) {
    .xs-block {
        display: block !important;
    }
    .xs-none {
        display: none !important;
    }
    .hc-nav-trigger.hc-nav-1 {
        display: block !important;
        padding: 5px 0px;
        float: right;
        margin-right: 0;
        margin-right: 0px;
        margin-top: 17px;
    }
    .cart-mobile {
        float: right;
        background-color: #fff;
        margin-right: -15px;
        width: 136px;
        padding: 16px 10px;
        background: url(../images/icon-cart.png) no-repeat #fff;
        padding-left: 38px;
        background-position: 5px center;
    }
    .cart-mobile .qty_top {
        display: block;
    }
    .cart-mobile a {
        color: #000;
    }
    .item-slide .content-sldie {
        padding: 15px;
        left: 15%;
        width: 70%;
    }
    .modal-dk .body-dk {
        width: 100%;
    }
    .sanphamhhome {
        padding-left: 0;
        padding-right: 0;
    }
    .head-page .content .title-page {
        font-size: 30px;
    }
    .head-page .content {
        padding: 30px 10px;
        width: 90%;
        max-width: initial;
    }
    .head-page {
        height: 200px;
    }
    .nav-item input {
        border-radius: 0;
        background-color: #000;
        color: #fff;
    }
    .fix-tool {
        position: fixed;
        bottom: 0;
        z-index: 10;
        left: 0;
        right: 0;
        padding: 0px;
        list-style: none;
        background-color: rgb(0 0 0 / 80%);
        margin: 0px auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .fix-tool li {
        float: left;
        width: 25%;
        text-align: center;
    }
    .fix-tool li a {
        display: block;
        padding: 10px 5px;
        color: #fff;
        border-left: 1px solid #6a6868;
    }
    .fix-tool:after {
        content: "";
        display: block;
        clear: both;
    }
    .navbar-default .navbar-brand img {
        height: 50px;
    }
    .img_product .img {
        height: 180px;
    }
    .dathang {
        float: none !important;
        clear: both;
        text-align: center;
        margin-top: 10px;
    }
    .item-product .content-product p {
        display: none;
    }
    .btn-addcart {
        width: 100%;
        margin-top: 10px;
    }
    .item-product .bottom-pro .gia-item {
        height: 42px;
    }
    .nav-tabs.tab-home>li>a {
        font-size: 14px;
    }
    .navbar-default.fix .navbar-brand img {
        height: 50px;
    }
    .ten-cong-ty {}
    .slogan {
        font-size: 0.8rem;
    }
    .hotline-container a {
        font-size: 15px;
    }
    .hotline-container img {
        position: absolute;
        left: -31px;
        top: 0;
    }
    .d-flex {
        display: inherit !important;
    }
    .gioi-thieu .img-container {
        margin-bottom: 8rem;
    }
    .title-home .line {
        display: none;
    }
    /* .proLoop .productImg .productImgLink {
        height: 140px;
    } */
    .proLoop .productName {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .cate-home-card .img-container img {
        height: 170px;
    }
    .cate-home-card .tieu-de {
        font-size: 14px;
    }
    .btn-readmore {
        margin-bottom: 1rem;
    }
    .content-video {
        margin-bottom: 1rem;
    }
    .dangkynhantin .content {
        margin-bottom: 3rem;
    }
    .form-dk-email .btn-dk {
        right: 12px;
        width: 90%;
    }
    .congtrinh-page .cate-home-card .img-container img {
        height: 200px;
    }
    .title-home {
        font-size: 24px;
    }
}


/*Iphone(480 x 640)*/

@media screen and (max-width: 700px) {
   .ten-cong-ty{
    font-size:2rem;
   }

}

@media screen and (max-width:500px) {
 .nd_about_left img{
     width:100%!important;
   }
   .gioi-thieu{
    padding:2rem 0;
   }
   .tintuc-home{
    padding:2rem 0;
   }
}
@media screen and (max-width: 320px) {}


/*Smart phone nhỏ*/

@media screen and (max-width: 240px) {}