/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */
.block-box_test {
    margin: 1px;
    position: relative;
    min-height: 40px;
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.left-tmp {
    margin-top: 20px;
}
.main-menu {
    text-align: center;
}
.tab-pane-tmp {
    padding: 0px !important;
}


.title1 {
    color: #CD2027;
    font-weight: 600;
    text-shadow: 2px 0 0 #0f8d10, -2px 0 0 #1f7104, 0 2px 0 #1a6707, 0 -2px 0 #30a113, 1px 1px #257505, -1px -1px 0 #32950c, 1px -1px 0 #089506, -1px 1px 0 #208107;
    text-transform: uppercase;
}
.title2 {
    font-weight: 700;
    color: #0906cc;
    width: 100%;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    text-transform: uppercase;
}
.newstab-slide {
    border-top: 1px #c1c1c1 solid;
}
.box-icon-title {
    margin: 20px 0;
    line-height: 32px;
    font-size: 20px;
    font-weight: 700;
    padding-left: 50px;
    background: url(../images/bg-national-emblem.png) no-repeat left center;
}
.newstab-slide .box-icon-title ul.mtab {
    padding: 0;
    margin: 0;
    display: inline-block;
    list-style: none;
}
.newstab-slide .box-icon-title ul.mtab li {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.newstab-slide .box-icon-title h2 {
    text-transform: uppercase;
    margin: 0;
}
.newstab-slide .box-icon-title ul.mtab li a.active {
    color: #096608;
}
.newstabhomejcarousel-wraper {
    position: relative;
}
.newstabhomejcarousel-wraper>.newstabhomejcarousel-ctn:nth-child(n+1) {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.header {
    display: none;
}
.newstabhomejcarousel-items {
    position: relative;
}
.newstabhomejcarousel_mp {
    width: 100%;
}
.newstabhomejcarousel {
    position: relative;
    overflow: hidden;
}
.newstabhomejcarousel>ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.newstabhomejcarousel>ul>li {
    float: left;
    padding: 0;
    margin: 0;
    color: #000;
    text-align: justify;
}
.newstabhomejcarousel>ul>li>div {
    width: 880px;
}
.newstabhomejcarousel-items ul.mnav {
    position: absolute;
    right: 0;
    top: -48px;
    float: right;
    text-align: center;
}
.newstabhomejcarousel-items ul.mnav li {
    display: inline-block;
}
.newstabhomejcarousel-items ul.mnav li a {
    display: block;
    line-height: 21px;
    text-align: center;
    border: 1px #c4c4c4 solid;
    width: 23px;
    height: 23px;
    font-size: 20px;
}
.newstabhomejcarousel-items ul.mnav li.next {
    margin-left: 2px;
}
.newstabhomejcarousel-items .jcarousel-pagination {
    text-align: center;
    line-height: 10px;
    margin: 10px 0 0px 0;
    float: left;
    width: 100%;
}
.newstabhomejcarousel-items .jcarousel-pagination a {
    display: inline-block;
    text-indent: -1000px;
    overflow: hidden;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #b5b5b5;
    margin: 0 2px;
}
.hotline {
    padding-top: 5px;
}
@media (min-width:992px){
    .search-menumain {
        /*display: flex;
        flex-direction: row-reverse;*/
        align-items: center;
    }
}
@media (max-width:991px) and (min-width:768px){
    .search-menumain {
        display: flex;
        flex-direction: column;
        align-items: center;
    }   
}
@media (min-width:767px) {
    .product-grid {
        min-height: 525px;
    }
}
@media (max-width:767px) {
    .main-menu>li>a{color:#597e53}
    .hotline {display: block;}
    .album_minhphuc img { width: 100%;
    }
    .it {width: 50% !important;}
    .ct,.img{height:120px !important;}
    .img img {height: 120px !important;}
    .img-responsive{width: 100%;}
}
@media (max-width:500px){
    .col2 {width:100%}
    .col1,.left-tmp {
        display: none;
    }
}


@media (max-width:767px) and (min-width:480px){
    .product-grid {
        min-height: 510px;
    }
}
@media (max-width:480px){
    .product-grid {
        min-height: 510px;
    }
}