@media (max-width:1300px) {
}

/*--------------- @media (max-width:1199){ -------------------------*/
@media (max-width:1199px) {
      #fixed{
      display: none;
  }
    .head-res{
    display: block;
}
    .container {
        width: calc(100% - 20px);
        margin: 0 auto;
    }

    .item-danhmuc .item {
        margin-top: 23px;
        float: left;
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
    }

        .item-danhmuc .item:nth-child(4n) {
            margin-right: 20px;
        }

        .item-danhmuc .item:nth-child(3n) {
            margin-right: 0px;
        }

    .news .item-news {
        float: left;
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        margin-top: 20px;
    }

        .news .item-news:nth-child(4n) {
            margin-right: 20px;
        }

        .news .item-news:nth-child(3n) {
            margin-right: 0px;
        }

    .tabs-container .list-tabs {
        width: calc( 100% - 98px);
    }

    .footer .footer-center .item.item-foo1 {
        width: 100%;
    }
    .footer .footer-center .item.item-foo2, .footer .footer-center .item.item-foo4{
        width: 50%;
    }


        .footer .footer-center .item.item-foo2:last-child {
            margin-right: 0px;
        }

    .footer .footer-center .item.item-foo3, .footer .footer-web .right {
        display: none;
    }

    .footer .footer-web .left {
        width: 100%;
    }

    .footer .footer-foo .hotline {
        background: url(../foot/icon-hotro.png) 10px 8px no-repeat;
        padding-left: 0px;
        padding-right: 52px;
        margin-right: 25px;
        width: 50px;
        float: left;
        background-color: #de0707;
        height: 50px;
    }

        .footer .footer-foo .hotline p {
            display: none;
        }

    .footer .footer-foo .tell {
        font-size: 15px;
        padding-right: 20px;
        background: url(../foot/icon-foo.png) no-repeat 0px 17px;
        padding-top: 7px;
    }

    .footer .footer-foo .tell-foo {
        width: calc(100% - 88px);
        float: left;
        line-height: 34px;
        padding-left: 25px;
    }

    .item-right .tailieu .donw {
        display: none;
    }

    .item-right .tailieu .name {
        border-right: 1px solid #d6d6d6;
    }

    .head-pc .menu-content .menu-main {
        display: none;
    }

    .head-pc .menu-content .contact-head .tell-mn {
        padding-left: 28px;
    }

    .head-pc .logo {
        padding-top: 8px;
    }

    .head-pc .menu-content .contact-head .lang-head {
                margin-top: 22px;
    }

    .icon-top {
        bottom: 63px;
        cursor: pointer;
    }

    .item-content-left {
        display: none;
    }

    .item-content-right {
        width: 100%;
        margin-left: 0px;
    }

    .chucnang .icon-left .item1 {
        float: left;
        padding-left: 15px;
    }

    .chucnang .icon-left {
        float: left;
        width: calc((100% - 400px));
    }

    .content-product-detail .product-content-pro .support-main .item-custom .item-text .thongtin, .content-product-detail .product-content-pro .support-main .item-custom .item-text .lienhe {
        width: 100%;
        padding-left: 0px;
    }

    .content-product-detail .product-content-img {
        width: 51%;
    }

    .content-product-detail .product-content-pro {
        width: 47%;
    }

        .content-product-detail .product-content-pro .support-main .item-custom .item-img {
            width: 20%;
        }

        .content-product-detail .product-content-pro .support-main .item-custom .item-text {
            width: 78%;
        }

    .item-images-home .item-img {
        float: left;
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

        .item-images-home .item-img:nth-child(4n) {
            margin-right: 20px;
        }

        .item-images-home .item-img:nth-child(3n) {
            margin-right: 0px;
        }

    #header .head-res #right-menu {
        display: block;
        float: left;
        width: 70px;
        padding-left: 20px;
        padding-top: 25px;
    }

    .head-pc .logo {
        width: 119px;
        border-left: 1px solid #cdcdcd;
        padding-left: 10px;
    }

    .head-pc .menu-content {
        float: left;
        width: calc(100% - 200px);
    }

        .head-pc .menu-content .contact-head .tell-mb {
            display: block;
            float: none;
            background: url(../head/call.png) left 0px no-repeat;
            margin-right: 19px;
            padding-left: 28px;
            padding-bottom: 9px;
        }

        .head-pc .menu-content .contact-head .tell {
            padding-top: 20px;
            float: left;
            line-height: 11px;
        }

    .header {
        padding-bottom: 0px;
    }

    .main-library-detail .tab-library-tailieu .chitiet {
        width: 8%;
    }
    .main-title .title {
        line-height: 25px;
}
    .close-submenures {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 99999;
        background-color: rgba(0,0,0,0.5);
        display: none;
}
}

/*  =========================   @media (max-width:991px) ==================================*/
@media (max-width:991px) {
    .content-product-detail .product-content-pro .bottom-cart a {
        width: 100%;
        background: url(../images/cart.png) 9px 10px no-repeat;
        background-color: red;
        padding-right: 9px;
    }

    .content-product-detail .product-content-pro .soluong input {
        width: 38px;
        margin-left: 0px;
    }

    .content-product-detail .product-content-pro .soluong {
        width: calc(100% - 123px);
    }

    .content-product-detail .product-content-pro .bottom-cart {
        width: 123px;
    }

    #cart .cart .cart-des {
        width: 10%;
        float: right;
    }

    .main-library-detail .tab-library-tailieu .chitiet {
        width: 12%;
    }
    .chucnang .icon-left {
        float: left;
        width: calc((100% - 324px));
}
}
/*  =========================   @media (max-width:767px) ==================================*/
@media (max-width:767px) {
    #fixed .hotro{
        display: none;
    }
    .footer .footer-center .item.item-foo4,.footer .footer-center .item.item-foo2{
        width: 100%;
        padding-right: 0px;

    }
    .item-danhmuc .item {
        margin-top: 23px;
        float: left;
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
    }

        .item-danhmuc .item:nth-child(4n) {
            margin-right: 10px;
        }

        .item-danhmuc .item:nth-child(3n) {
            margin-right: 10px;
        }

        .item-danhmuc .item:nth-child(2n) {
            margin-right: 0px;
        }

    .news .item-news {
        width: 100%;
        margin-right: 0px !important;
        margin-top: 10px;
    }

    .footer .footer-center .item.item-foo2 {
        width: 100%;
        margin-right: 0px;
    }

    .footer .footer-foo .tell:last-child {
        /*display: none;*/
    }

    .footer .footer-foo .tell {
        line-height: 17px;
        padding-top: 6px;
        background: none;
        padding-left: 10px;
        width: 100%;
    }

        .footer .footer-foo .tell span {
            clear: both;
           
        }

    .footer .footer-foo .tell-foo {
        line-height: 34px;
        padding-left: 0px;
    }

    .head-pc .menu-content .contact-head .tell {
        display: none;
    }

    .video-home .item-left {
        width: 100%;
        padding-bottom: 22px;
        border-bottom: 1px solid #f2f2f2;
    }

    .video-home .item-right {
        float: left;
        width: 100%;
        margin-left: 0px;
        padding-top: 20px;
    }

    .tabs-container .list-tabs {
        width: calc( 100% - 80px);
    }

        .tabs-container .list-tabs li {
            display: inline-block;
            padding-right: 4px;
        }

    .container-nd-ct .tt-name, .container-nd-ct .chitiet, .chucnang .top-page {
        display: none !important;
    }

    .container-nd-ct .view {
        padding: 0px 0 0px 0;
    }

    .container-nd-img {
        width: 45%;
    }

    .container-nd-ct {
        width: 55%;
        padding-left: 10px;
    }

    .product1-item .item-danhmuc .item {
        width: 100%;
        margin-right: 0px;
    }

    .title-pro .name {
        /*! width: calc(100% - 95px); */
        padding: 8px 15px 8px 7px;
        max-width: 73%;
    }

    .title-pro .xemthem {
        padding-right: 15px;
        padding-top: 10px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 11px;
        width: 72px;
    }

    .page .SplitPages {
        line-height: 34px;
        float: left;
        width: 77%;
    }

        .page .SplitPages a {
            display: inline-block;
            padding: 1px 13px;
            margin-bottom: 5px;
        }

    .content-product-detail .product-content-img, .content-product-detail .product-content-pro {
        width: 100%;
    }

    .content-product-detail .product-content-pro {
        margin-top: 30px;
    }

    .content-thongtin-detail .tabs-detail .list-tabs li {
        width: 100%;
    }

    .content-product-detail .product-content-pro .soluong {
        width: 100%;
        margin-bottom: 7px;
    }

    .content-product-detail .product-content-pro .bottom-cart {
        float: left;
        margin-left: 72px;
        width: 153px;
    }

        .content-product-detail .product-content-pro .bottom-cart a {
            padding-right: 20px;
            background: url(../images/cart.png) 20px 10px no-repeat;
            background-color: red;
        }

    .content-product-detail .product-content-pro .support-main .item-custom .item-img {
        width: 25%;
    }

    .content-product-detail .product-content-pro .support-main .item-custom .item-text {
        width: 73%;
    }

    .content-thongtin-detail .tabs-detail {
        padding-top: 23px;
    }

    .chucnang .back-page, .chucnang .intrang {
        margin-right: 5px;
    }

    .chucnang .email {
        margin-left: 5px;
    }

    .chucnang .icon-left .item1 {
        float: left;
        padding-left: 0px;
        display: inline-block;
    }

    .chucnang .intrang {
        padding-left: 15px;
    }

    #cart .cart.cart1 .cart-pt .cart-pt-left, #cart .cart .cart-price {
        display: none !important;
    }

    #cart .cart.cart1 .cart-pt .cart-pt-right {
        width: 100%;
        float: left;
        line-height: 20px;
        padding-left: 0;
    }

    #cart .cart .cart-money {
        width: 30%;
    }

    #cart .cart .cart-num {
        width: 30%;
    }

    #cart .cart .cart-pt {
        width: 32%;
    }

   #cart .cart.cart1 .cart-pt {
        width: 36%;
}

    #cart .cart.cart1 .cart-des a {
        margin-top: 12px;
    }

    #cart .cart .cart-des {
        width: 5% !important;
    }

    #cart .cart.cart1 .cart-num {
        width: 35px;
        margin-top: 5px;
    }

    #cart .cart.cart1 .cart-pt .cart-money1 {
        padding-top: 0px;
    }

    #cart .cart-info, #cart .cart-form .cart-total {
        width: 100%;
        padding-left: 0;
    }

    #cart .cart-form .cart-total {
        margin-top: 20px;
    }

    #cart .check a {
        padding: 11px 9px;
    }

    .item-images-home .item-img {
        float: left;
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        padding-bottom: 0px;
        padding-top: 10px;
    }

        .item-images-home .item-img:nth-child(4n) {
            margin-right: 10px;
        }

        .item-images-home .item-img:nth-child(3n) {
            margin-right: 10px;
        }

        .item-images-home .item-img:nth-child(2n) {
            margin-right: 0px;
        }

    .nd-img .des-img {
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
    }

        .nd-img .des-img:nth-child(3n) {
            margin-right: 10px;
        }

        .nd-img .des-img:nth-child(2n) {
            margin-right: 0;
        }

    #nextLink, #nextLink:hover {
        right: 8px !important;
        border-radius: 3px 0px 0px 3px !important;
    }

    #prevLink, #prevLink:hover {
        left: 5px !important;
        border-radius: 0px 3px 3px 0px !important;

    }

    .main-library-detail .tab-library-tailieu .chitiet {
        display: none;
    }

    .item-contact-detail .form-main-contact .item {
        width: 100%;
        margin-right: 0px;
    }

        .item-contact-detail .form-main-contact .item:last-child {
            margin-top: 25px;
        }

    #fixed .slider-hotro1 .item-main-hotro .support-main:last-child {
        display: none;
    }

    #fixed .slider-hotro1 .item-main-hotro .support-main .item-custom {
        float: left;
        width: 100%;
        margin-right: 0px;
    }

    #fixed .slider-hotro1 {
        width: 300px;
        padding: 15px 11px 0 11px;
    }

    #fixed .closeht {
        right: 230px !important;
    }

    #fixed .hotro {
        top: 111px;
    }

    #fixed .slider-hotro1 .item-main-hotro .support-main {
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 15px;
    }

    .icon-top {
        width: 45px;
        height: 45px;
    }

    .container-nd-ct.container-nd-ctmb {
        display: block !important;
        width: 100%;
        padding-left: 0px;
        padding-bottom: 7px;
    }

        .container-nd-ct.container-nd-ctmb .tt-name {
            display: block !important;
            width: 100%;
        }

    .chucnang .icon-left {
        float: left;
        width: calc((100% - 295px));
    }

    .intrang span {
        padding-left: 5px;
    }

    .content {
        margin-top: 21px;
    }

    #video-list .item-images-home .item-img {
        padding-bottom: 0 !important;
    }

    #fixed .slider-hotro1 {
        display: none;
    }

    .footer {
        margin-top: 35px;
    }

    .chucnang .intrang {
        height: 100%;
        background: url(../images/icon-in.png) no-repeat 5px 7px;
        padding-left: 15px;
    }

    #news-home .gioithieu-list .gioithieu-khac {
        margin-top: 0px;
        padding-bottom: 15px;
    }

    .head-pc .logo {
        width: 87px;
    }

    #header .head-res #right-menu {
        width: 45px;
        padding-left: 8px;
    }

    .head-pc .menu-content {
        float: left;
        width: calc(100% - 135px);
    }

        .head-pc .menu-content .contact-head .lang-head {
            margin-top: 10px;
        }

    #header .head-res #right-menu {
        padding-top: 20px;
    }

    .head-pc .logo {
        height: 53px;
    }

    .item-contact-detail .item-infor div.add1 {
        padding-top: 30px;
    }
    .footer .footer-web .left span {
        display: inline;
}
    .text-gioithieu.TextSize{
        padding-top: 10px;
    }
    .gioithieu-khac  ul{
       padding-top: 10px;
    }

    .nd-img {
        width: 100%;
        height: auto;
        margin-top: 10px;
}
    #images-detail .album1 .day {
        /*padding: 6px 0 0 0;*/
}
    #to-popup {
        top: 10px;
        width: 400px;
    }
    #to-popup .success img{
        padding-top: 10px;
    }
    #to-popup .success .gui{
        padding-top: 10px;
    }
    #to-popup .success .trangchu {
        text-align: center;
        margin: 20px 0px 26px 0px;
}
    #cart .form-tong .form-left{
        width: calc(100%);
        margin: 0;
        border-top: 1px solid #d6d6d6;
        padding: 10px 0 10px 62px;
        background: url(../images/bg-hot.png) no-repeat 10px center;
        max-width: 100%;
        word-wrap: break-word;
    }
     #cart .form-tong .form-center,  #cart .form-tong .form-right{
       display: none;
    }
     #cart .form-tong .cart-res{
    display: block;
    }
      #cart .form-tong .cart-res .form-center,  #cart .form-tong .cart-res .form-right{
       display: block;
       width: 45%;
       padding: 20px 10px 20px 0px;
    }
       #cart .form-tong .cart-res .form-right{
           padding-left: 0px;
           padding-top: 17px;
           word-wrap: break-word;
       }
      #cart .form-tong .cart-res .form-center{
         padding-left: 15px;
      }
    #cart .form-tong{
        position: relative;
                padding: 0;
    }
    #cart .check a{
        margin-right: 0;
        font-size: 14px;
    }
  #fixed{
      display: none;
  }
}
/* ----------------------@media (max-width:479px){ -------------------------*/
@media (max-width:479px) {
    .thongke-ngay {
        width: 100%;
        clear: both;
        margin-bottom: 0px;
        margin-right: 0px;
        border-bottom: 7px solid #fff;
        height: 32px;

    }
       #cart .form-tong .cart-res .form-center,  #cart .form-tong .cart-res .form-right{
       display: block;
       width: 50%;
       padding: 20px 0px 20px 0px;
    }
        #cart .form-tong .cart-res .form-right{
           padding-left: 45px;
           padding-top: 17px;
       }
      #cart .form-tong .cart-res .form-center{
         padding-left: 65px;
      }
    .thongke .right-res {
        border-top: 1px solid #dedede;
        clear: both;
        margin-bottom: 5px;
        display: block;
        height: 26px;
        background: #f7f7f7;
        width: 105%;
        margin-left: -9px;
        padding-left: 10px;
    }

    .chucnang .icon-left, .chucnang .icon-right {
        width: 100%;
        clear: both;
        height: 25px;
        background: #f7f7f7;
        color: #a6a6a6;
        font-size: 12px;
        line-height: 25px;
        position: relative;
        font-family: Arial;
    }
    .chucnang .icon-left{
        padding-left: 5px;
    }
    .chucnang .icon-right {
        border-top: 1px solid #bdbdbd;
        margin-top: 10px;
        line-height: 9px;
        padding-top: 2px;
    }

    .item-contact-detail .form-main-contact .item .form .check {
        width: 70%;
    }
    .chucnang{
        padding-left: 0;
    }
    .nd-img .des-img .overtext {
        padding-top: 14%;
    }
        .nd-img .des-img .overtext img {
            width: 42%;
    }
            #to-popup {
        width: 300px;
        top: 20%;
    }
            #to-0popup .success{
                padding: 0 5px;
            }
            .footer .footer-foo .tell{
                padding-top: 8px;
            }
    .footer .footer-foo .tell span {
            clear: both;
            display: block;
        }
    .footer .footer-foo .hotline:after {
        width: 29px;
        right: -29px;
}
    .footer .footer-foo .hotline {
        background: url(../foot/icon-hotro.png) 10px 25px no-repeat;
        padding-left: 0px;
        padding-right: 52px;
        margin-right: 25px;
        width: 50px;
        float: left;
        background-color: #de0707;
        height: 84px;
}
}

/* ===================== @media (max-width:320px) { ================================== */
@media (max-width:320px) {
    #cart .cart.cart1 .cart-pt .cart-pt-right {
        width: 100%;
        float: left;
        line-height: 20px;
        padding-left: 0;
    }

    #cart .cart .cart-money {
        width: 30%;
    }

    #cart .cart .cart-num {
        width: 30%;
    }

    #cart .cart .cart-pt {
        width: 32%;
    }

    #cart .cart.cart1 .cart-pt {
        width: 39%;
    }

    #cart .cart.cart1 .cart-des a {
        margin-top: 24px;
        float: right;
    }

    #cart .cart .cart-des {
        width: 5% !important;
    }

    #cart .cart.cart1 .cart-num {
        width: 35px;
        margin-left: 5px;
        margin-top:12px;
    }

    #cart .cart.cart1 .cart-pt .cart-money1 {
        padding-top: 0px;
    }
}