html,
body {
   margin:0;
   padding:0;
   height:100%;
}

.hidden-xs-lg{
    display: none;
}

.banner {
    height: 100%;
    margin: 5px;
    width: 113%;
}

.mobile-menu p{
    font-size: 10px;
    color: #333;
    text-align: center;
    background: #fff;
    border-radius: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 2px;
    font-weight: bold;
}
.mobile-menu p a{
    color: #333;
    text-decoration: none;
}


.img-banner
{
    margin: 0% 0% 0% -1%;
}
.padding-0{
    padding: 0px;
}
.padding-4{
    padding-left: 4px;
    padding-right: 4px;
}
@media (max-width: 400px) {
    .banner {
        width: 100% !important;
        margin-left: 0px;
    }
}
.news{
    padding: 50px 0px;
}
.news-home{
    /*padding: 10px 0px;*/
}
.title-news-home{
    text-align: center;
    padding-bottom: 40px;
}
.title-news-home h3{
    color: #1B8032;
    font-size: 30px;
}
.text-news-home{
    padding-top: 5px;
}
.text-news-home p a{
    color: #232323;
    text-decoration: none;
}
.video-news h4{
    padding-top: 15px;
}
.contact-footer{
    display: none;
    background: #59737E;
    color: #fff;
    position: fixed;
    z-index: 1002;
    bottom: 0px;
    width: 100%;
}
.img-news-home img{
    width: 100%;
}
.title_product_rise {
    color: #1b8032;
    font-size: 35px;
    margin-bottom: 25px;
    margin-top: 20px;
}


.img_product_rise {
    height: 200px;
    margin-bottom: 15px;
    margin-right: 15px;
}
.img-news-home {
    margin-bottom: 5px;
}
.content-contact-footer h3{
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
}
.content-contact-footer h2{
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
}
.content-contact-footer button{
    margin-top: 8px;
    font-size: 20px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    padding: 9px 32px;
}
#search_menu {
    position: absolute;
    margin-top: 100px;
    margin-left: 300px;
}



.show_supply {
    margin: 0% 0% 0% 10%;
}

.supple_title {
    color: #1B8032;
    text-align: center;
}

.tipS {
    color: blue;
}

.supple_tit h5 {
    color: #1B8032;
    font-size: 18px;
    margin: 20px 0px;
}
/*.logo-banner img:first-of-type{
width: 18%;
height: 50px;
}
.logo-banner img:last-of-type{
width: 77%;
}*/




.menu-banner {
    padding-top: 30px;
}

.menu-banner ul {
    list-style: none;
}

.menu-banner ul li {
    display: inline;
    padding: 0px 10px;
    float: left;
}

.menu-banner ul li a img {
    width: 15%;
}

.menu-banner ul li button {
    background: #fff;
    border: 2px solid #1b8032;
    padding: 4px 20px;
    border-radius: 4px;
    color: #1b8032;
}



.menu-right{
    float: right;
    padding: 10px 0px !important;
}

.menu-right a img {
    width: 15%;
}

.menu-right button {
    background: transparent;
    border: 2px solid white; /*1b8032*/
    text-transform: uppercase;
    padding: 4px 20px;
    border-radius: 4px;
    color: white;
}



/*.nav-bar {
    background: #0d811e;
    position: relative;
}*/

.menu-bar ul {
    list-style: none;
    margin: 0px;
}

/*.menu-bar ul .menu-bar-li {
    display: inline-block;
    padding: 13px 0px;
    margin-right: -16px;
}
*/

.menu-bar ul .menu-bar-li:first-of-type .menu-1{
    padding-left: 0px;
}
/*.dropdown-menu {
    left: auto;
    transition-duration: 0.75s;
    display: block;
    max-height: 0;
    overflow: hidden;
    padding: 0px;
    border: 0px;
    top: 106%;
}*/
.warning h5{
    color: #fff;
    text-align: center;
    margin: 0px;
    background: #1B8032;
}
.sub-menu{
    position: absolute;
    display:none;
    z-index: 1001;
    background: #fff;
    width: 100%;
}
/*.sub-menu.active{
    display: block !important;
}*/
.menu-bar-li:hover > .dropdown-menu{
    max-height: 500px;
    /*    padding: 5px 0px;
        border: 1px solid #ccc;*/

}
.border-mobile-menu{
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    display: none;
    overflow: hidden;
}
.border-mobile-menu.active{
    display: block;
}
.sub-menu li{
    border-bottom: 1px solid #f2f2f2;
    padding: 8px 7px;
}
.sub-menu > li > a{
    color: #666666;
    text-decoration: none;
    font-weight: 700;
}
/*.dropdown-menu.active{
display: block;
}*/

.menu-bar-li .dropdown-menu li {
    border-bottom: 1px solid #EAEAEA;
    padding: 5px 0px;
}

.menu-bar-li .dropdown-menu li:last-of-type {
    border-bottom: 0px;
}

/*.menu-bar-li:hover .dropdown-menu {
    display: block;
}*/



.slider img {
    width: 100%;
}

.btn-intro {
    text-align: center;
    padding: 50px 0px;
}
/*
.btn-intro a{
text-transform: uppercase;
background: #00B38A;
border: 1px solid #00B38A;
color: #fff;
padding: 20px 40px;
text-decoration: none;
border-radius: 4px;
}
*/
/*#username, #password, #login {
    border: 1px solid #1B8032;
}*/

.title {
    text-align: center;
    margin-bottom: 50px;
}

.title h2 {
    color: #fff;
    font-size: 30px;
}
.title2 h2{
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}
.title h3 {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}

.img-content-social {
    text-align: center;
}

.img-content-social img {
    width: 55%;
    border-radius: 50%;
}

.img-content-social h3 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.img-content-social h4{
    color: #fff;
}
.text-content-social p {
    text-align: justify;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.specials-row .col-md-2 {
    width: 25%;
}



.content-service {
    border: 1px solid #00B38A;
    text-align: center;
    padding: 15px 10px 0px 10px;
    margin-bottom: 20px;
    background: #fff;
    height: 260px;
}
.content-service a{
    text-decoration: none;
}
.content-service img {
    width: 100%;
}

.content-service h4 {
    color: #1b8032;
    font-size: 18px;
}

.img-content-feature {
    max-height: 130px;
    overflow: hidden;
}

.img-content-feature img {
    width: 100%;
}

.text-content-feature a {
    color: #00B38A;
    text-decoration: none;
    font-size: 16px;
}

.text-content-feature p {
    color: #666666;
    text-align: justify;
    padding-top: 5px;
}

.content-feature {
    margin-bottom: 35px;
}

.content-newspapers h4 {
    font-size: 15px;
    text-align: center;
}

.content-newspapers h4 span {
    font-weight: bold;
}

.img-newspapers {
    border: 1px solid #dfdfdf;
    text-align: center;
    width: 80%;
    margin: auto;
    padding: 10px 0px;
}

.img-newspapers img {
    width: 62%;
}

.contact {
    background: #363636;
    padding: 20px 0px;
}

.content-contact {
    text-align: center;
    border-right: 1px solid #000;
    padding-top: 20px;
}

.content-contact.no-border {
    border-right: 0px;
    padding-top: 0px;
}

.content-contact a {
    background: #1b8032;
    color: #fff;
    padding: 18px 25px;
    ;
    font-size: 30px;
    border-radius: 4px;
    margin-top: 20px;
}

.content-contact p {
    margin-top: 25px;
    color: #fff;
    font-size: 18px;
    padding-bottom: 20px;
}

.content-contact h4 {
    font-style: italic;
    color: #fff;
}

.content-contact input {
    width: 70%;
    margin: auto;
}

.content-contact button {
    background: #1b8032;
    border: 1px solid #1b8032;
    margin-top: 10px;
    padding: 4px 12px;
    color: #fff;
}


.title_footer {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    padding-bottom: 5px;
}
.info_policy ul li {
    padding-bottom: 5px; 
}
.info_policy ul li a , .info_company ul li{
    color: #444;
    font-size: 12px;
}
.info_company {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0px 20px;
}

.icon_social a {
    margin-right: 15px;
}

/*.dropdown-menu>li>a {
    font-weight: bold;
}*/

.single-page {
    margin-bottom: 45px;
}

.inner-wrap {
    max-width: 1100px;
    margin: 0 auto;
}

#primary {
    float: right;
    width: 74%;
    margin-top: 50px;
}

.wpb_single_image.vc_align_center {
    text-align: center;
}

#tertiary {
    float: left;
    width: 24%;
    font-size: 16px;
}

/*ul,
ol {
    list-style: none;
}*/

/*li>ul,
li>ol {
    margin: 0 0 0 20px;
}*/



/** {
    margin: 0px;
    padding: 0px;
}*/

.lienhe {
    background: url('../img/img/lienhe-header.png');
    background-size: cover;
}

.content-lienhe {
    text-align: center;
    color: #1d1717;
    padding: 20px 0px;
}

.content-lienhe h1 {
    font-size: 36px;
    font-weight: bold;
}

.content-lienhe p {
    padding-top: 10px;
    font-size: 18px;
}

.content-map img {
    float: left;
}

.content-map h4 {
    font-size: 18px;
    color: #252525;
    padding-top: 10px;
}

.img-fist-map {
    padding-top: 15px;
    padding-right: 15px;
}

.text-content-map {
    padding: 12px 0px;
}

.text-content-map p {
    line-height: 26px;
}

.img-content-map {
    padding-right: 15px;
}

.info {
    background: url('../img/lienhe-info.png');
    background-size: cover;
    color: #fff;
    padding-bottom: 40px;
}

.partner {
    /*background: url('../img/lienhe-info.png');*/
    background-size: cover;
    color: #1b8032;
    padding-bottom: 40px;
}

.title h1 {
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    padding: 70px 0px 20px 0px;
}

.front-line hr {
    width: 27px;
    float: left;
    margin-right: 10px;
}

.front-line h3 {
    font-size: 24px;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 15px;
}

.content-text-info {
    padding: 4px 0px;
}

.content-text-info p {
    font-size: 16px;
}

.contact2 {
    background: url('../img/lienhe-newsletter-bg.png');
    background-size: cover;
    padding-bottom: 60px;
}

.form-special {
    border: 0px;
    border-bottom: 1px solid #363636;
    width: 100%;
    background: transparent;
    outline: none;
    padding: 2px 0px 2px 50px;
    ;
}

.div-form {
    margin: 20px 0px;
}

.div-form p {
    margin-bottom: -22px;
}

.btn-submit {
    color: #fff;
    background: #FF4343;
    padding: 10px 42px 7px 42px;
    text-transform: uppercase;
    border: 1px solid #FF4343;
    font-size: 16px;
    margin-top: 20px;
}

.muc-tieu-phat-trien ul li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    line-height: 35px;
    vertical-align: middle;
    font-size: 18px;
}

.muc-tieu-phat-trien ul li img {
    margin-right: 10px;
    width: 40px;
    max-width: 40px;
    height: auto;
}
.search {
    margin: 10px 0px;
    /*width: 102%;*/
    text-align: center;
    margin-left: 9px !important;
    /*padding-left: -7px;*/
}

@media only screen and (max-width:768px){
    .search {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
}



.submitform{
    padding-right: 0px !important;
}

#search-product {
    background-color: #FF4343;
    color: white;
    font-size: 20px;
    height: 50px;
    border-radius: 0px;
    float: right;
}




@media only screen and (max-width:768px){
    #search-text {
        font-size: 18px;
    }

    #search-product{
        font-size: 16px;
    }
}



/********* PRODUCT *********/

/** {
    margin: 0px;
    padding: 0px;
}
*/
.product {
    border: 1px solid #EEEEEE;
    padding: 8px 10px;
    margin: 10px 0px;
    text-align: center;
}

.img-product {
    text-align: center;
}



.name-product {
    text-align: center;
    color: #555;
}
.name-product a{
    text-decoration: none;
}
.name-product h4 {
    font-size: 17px;
    color: #232323;
}


.details-title{
    margin-top: 40px;
    text-align: center;
}


.details-title h4{
    color: #1B8032;
    font-size: 30px;
   
}

.details-title h5{
    color: black;
    font-size: 24px;
    padding-left: 15px;
   
}


.details-title h4 span{
    font-size: 19px;
    color: #525252;
}
.table-info td {
    text-align: center;
}

.list-title h3{
    margin-top: 44px;
    color: #1B8032;
}
.group-watch > li > a > span{
    font-weight: 700;
}
.group-watch > li:last-of-type{
    padding: 0px;
}
.group-watch > li:last-of-type > a > span{
    padding: 10px 15px;
    display: block;
}
.group-watch > li:last-of-type > ul{
    margin: 0px;

}
.group-watch > li:last-of-type > ul > li{
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
    padding-left: 55px;
}
.list-group-item a{
    color: #232323;
    text-decoration: none;
}
.active_pro {
    color: #0052CC;
}
.list-group-item.active a{
    color: #fff;
}
.list-group-item.active:hover{
    background: rgba(82,82,82, 0.8);
}
.sub-group .list-group-item:hover {
    background-color:  #1B8032;   
}
.sub-group .list-group-item:hover a span{
    color: white;
}
.title-product {
    color: #888;
}

.title-product p {
    font-size: 13px;
}

.price-product p {
    font-size: 13px;
    color: #FF0008;
}

.price-product p span {
    color: #FF0008;
    font-weight: normal;
}

.title-menu {
    background: #1b8032 none repeat scroll 0 0;
}

.title-menu p {
    width: 98%;
    background: #1b8032;
    font-weight: bold;
    font-size: 17px;
    color: #fff;
    padding: 7px;
    margin-bottom: 0px;
}

/*.menu-right {
    margin-top: 65px;
}*/

.menu-rau {
    border: 1px solid #EEEEEE;
}

.menu-rau ul {
    list-style-image: url('../img/footer-list-style-blue.png');
    list-style-position: inside;
    margin-bottom: 0px;
}

.menu-rau ul li {
    padding: 10px 0px;
    margin-left: 15px;
    border-bottom: 1px dashed #CBCBCB;
}

.menu-rau ul li:last-of-type {
    border: 0px;
}

.menu-rau ul li a {
    color: #1B1B1B;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
}

.menu-rau ul li a:hover {
    color: rgb(181, 30, 37);
}

#partner td,
th {
    /* border: none !important; */
    border: 1px solid #999;
    padding: 5px;
}
/* trang nhà cung cấp : v_supply*/
.supply-content {
    margin: 40px 0px;
}
.supply-content .col-md-9 h5 {
    color: #1b8032;
    font-size: 26px;
}
.supply_img {
    border: 1px solid #1b8032;
    width: 100%;
}

.supply_img img {
    width: 100%;
}
.sup-content {
    margin: 10px 0px;
}
.supply_detail {
    margin-top: 5px;
}
.supply_name  {
    color: #1b8032;
}

/* hết trang nhà cung cấp : v_supply*/
/*-------------------------------*/
/* trang chi tiết sản phẩm v_detail_product*/

.content-detail {
    margin: 26px 0 0 -11px;
}

.img-product img {
    
    max-width: 90%;
    
    /*height: 200px;
    width: auto;
    border-radius: 10px;
    border: 1px #f3f3f3 solid;*/
}

.content-product div {
    margin: 0 0 0 65px;
}

.content-product label {
    margin: 0 30px 20px 0;
    color: #1B8032;
}

.wrapper-detail>.title-detail>span {
    color: #1B8032;
    font-size: 26px;
}

.info-product p {
    background-color: #1B8032;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 5px;
    text-transform: capitalize;
}

.task-name {
    color: blue;
}
.detail {
    margin-top: -4%;
}


/* hết trang chi tiết sản phẩm v_detail_product*/

.highLight {
    margin: 20px auto;
    position: relative;
}

.highLight p {
    color: #1B8032;
    font-size: 20px;
    text-transform: uppercase;
}

.highLight a {
    /*width: 100px;
    height: 250px;
    margin: 0px 10px;*/
}

.highLight a:hover {
    text-decoration: none;
}

.highLight a:hover span {
    color: #1B8032;
}
.img-hightlight-mobile{
    border: 1px solid #f2f2f2;
    padding: 5px 8px;
    margin: 5px 0px;
    text-align: center;
}
.img-hightlight-mobile img{
    width: 125px;
    height: 125px;
}
.clear{
    clear: both;
}

/*@media only screen and (min-width:768px){
    .highLight a img {
        min-height: 172px;
    }  
}*/






.production-info {
    margin: 30px auto;
}
.padding-3{
    padding-left: 1px;
    padding-right: 1px;
}
.production-info .production-tit {
    background-color: #1B8032;
}

.production-info .production-tit td {
    color: white;
    font-size: 16px;
    text-align: center;
}

.production-detail a:hover {
    text-decoration: none;
    color: #1B8032;
}

.production-detail td:last-child {
    text-align: center;
}

.production-info {
    margin: 25px auto;
}

.col-area {
    margin: auto ;
}

.col-area .col-info {
    margin: auto 20px;
    width: 100%;
}

.production-info label {
    color: #1b8032;
}

.area-info label {
    color: #1b8032;
}

.row-area {
    margin: 1% -5%;
}

.area-title {
    margin: auto 50px;
}

.p-title {
    color: #1b8032;
    font-size: 26px;
}

.area-img {
    /*width: 360px;*/
    border: 1px black solid;
    border-radius: 4px;
    width: 100%;
    background: url("../img/img_evietgap/default.jpg");

}

.area-detail {
    margin: 18px 0px 60px 0px;
}
.area-detail .detail {
    margin-top: -8px;
}
.detail .title-warning {
    margin-bottom: 20px;
}
.area-tit {
    margin: auto 5px;
}
.hour {
    margin-top: 20px;
    margin-left: 6px;
}
.hour span {
    color:#154061;
    font-size: 18px;
    
}
.btn-hour {
    margin-bottom: 10px;
    margin-left: -9px;
    width: 65px;
}
.btn-hour-click {
    background-color:#1B8032;
    color:white;
}
.btn-hour:hover {
    background-color: #1B8032;
    color: white;
}
.supervise-area {
    margin-top:20px;
}
#home-button{
    font-size:24px;
}

.row{
    margin-right: 0px;
    margin-left: 0px;
}


.pc-container{
    max-width: 1170px;
    margin: 0px auto;
    padding-left: 15px;
    padding-right: 15px;
}
/*@media screen and (min-width: 768px) and (max-width : 1200px){
    .pc-container{
        width: 1170px;
        margin: 0px auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}*/
.skew .skew1{
    float: left;
    background: #1b8032;
    position: relative;
    z-index: 990;
}
.skew{
    background: url('http://www.colorhexa.com/1b8032.png');
    background-repeat: no-repeat;
    background-position: -25px 0px;
    padding-left: 14px;
    width: 496px;
    margin-bottom: 20px;
    margin-left: 12px;
}
.seemore{
    text-align: center;
    padding: 10px 0px 30px 0px;
}
.seemore a{
    color: #fff;
    background: #1B8032;
    border: 2px solid #1B8032;
    padding: 7px 12px;
    border-radius: 4px;
    transition-duration: 0.5s;
    font-weight: bold;
    text-decoration: none;
}
.seemore a:hover{
    color: #1B8032;
    background: #fff;
}
.description-service{
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.skew1 p{
    color: #fff;
    margin: 0px;
    transform: skewX(-40deg);
}
.skew1 p a{
    color: #fff;
    text-decoration: none;
}
.skew2 p{
    transform: skewX(-40deg);
    margin: 0px;
}
.skew1{
    transform: skewX(40deg);
    padding: 0px 15px 0px 0px;
    border: 1px solid #1B8032;
    margin-right: 15px;
}
.skew2{
    transform: skewX(40deg);
    padding: 0px 15px;
    border: 1px dotted #1B8032;
    width: 83%;
}
.time-view{
    text-align: right;
    margin-top: -48px;
    padding-bottom: 10px;
}
.time-view p{
    text-transform:none;
    color: #232323;
    font-size: 16px;
}
.sub-menu[sub="1"] > li:last-of-type{

}
.sub-menu[sub="1"] > li:last-of-type a{
    color: #fff;
    font-weight: bold;
    background: #1B8032;
    padding: 4px 12px;
    border-radius: 7px;
}
.container-mobile{
    padding: 0px;
}
.bg-info-details-product{
    background: #fff;
}


.social{
    text-align: center;
    background: #47544D;
    padding: 30px 0 30px;
}
.content-slider-warning{
    text-align: center;
    border: 1px solid #CCCCCC;
}
.content-slider-warning.active{
    background: #737172;
}
.content-slider-warning.active p{
    font-weight: bold;
}
.content-slider-warning img{
    width: 146px;
    margin: auto;
    height: 145px;
}
.slider-warning{
    padding: 40px 0px;
}
.title-warning h2 {
    color: #1B8032;
    text-align: center;
}
.slider-warning .slick-prev:before, .slider-warning .slick-next:before{
    color: #1B8032;
}
.img-full-warning{
    display: none;
}
.img-full-warning img{
    width: 100%;
}
.menu-warning{
    margin-top: 55px;
}
.full-warning{
    padding-bottom: 40px;
}
.img-details-product{
    background: #fff;
    text-align: center;
    padding: 10px 0px;
}
.img-details-product img{
    width: 90%;
}
.details-product{
    background: #F5F5F5;
    padding-top: 20px;
    font-size: 17px;
}
/*.info-details-product{
    background: #fff;
    padding: 5px 20px;
}*/

.short-details-product{
    margin-left: 15px;
    margin-bottom: 5px;
}
.short-details-product h3{
    font-size: 24px;
    margin-top: 15px;
    text-transform: uppercase;
}

.short-details-product h4{
    color: #0d811e;
}

.hr{
    border-top: 1px solid #f2f2f2;
    margin: 15px 0px 20px 0px;
}
.btn-details-product button{
    padding: 7px 15px;
    color: #fff;
    border: 0px;
    background: #00bfa5;
    font-size: 18px;
    border-radius: 4px;
    margin-bottom: 4px;
    
}
.btn-details-product button:last-of-type{
    background: #1c8032;
}
.info-details-product{
    margin-top: 30px;
}
.info-details-product h3{
    margin-top: 0px;
}
.jobs-done{
    /*width: 300px;*/
    margin-top: 20px;
}
.each-job{
    outline: none;
    padding-right: 20px;
    text-align: center;
}
.each-job img{
    width: 80%;
    height: 50%;
    margin-bottom: 5px;
}
.each-job h5{
    font-size: 13px;
}
.each-job p{
    text-align: left;
}
.each-info-details-product{
    background: #fff;
    padding: 25px 20px;
    margin: 20px 0px;
}
/*.each-info-details-product a{
    color: #1B8032;
    text-decoration: none;
    border: 1px solid #1B8032;
    padding: 7px 12px;
    margin: 10px 0px;
    border-radius: 4px;
    transition-duration: 0.5s;
}
.each-info-details-product a:hover{
    color: #fff;
    background: #1B8032;
}*/
.info-diary tr .label-diary {
    /*padding: 4px 0px;*/
    width: 150px;
    font-weight:bold
}




.excel-group{
    max-height: 600px;
    max-width: 800px;
}

.login-button-group {
    text-align: center;
}


.table-display{
    font-size: 16px;
}


.detail-task td,th {
    text-align: center;
}
.detail-task img {
    width: 280px;
    height: 200px;
}
.loginHeader{
    background: #1B8032;
    text-align: right;
    padding: 7px 0px;
}
.loginHeader a{
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    text-decoration: none;
    padding: 7px 12px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.newMenuBar{
    text-align: right;
    padding: 20px 0px 20px 0px;
}
.newMenuBar > ul{
    list-style: none;
    margin: 0px;
}
.newMenuBar > ul > li{
    display: inline-block;
    padding: 7px 6px;
}
.newMenuBar > ul > li > a{
    color: #7b7b7b;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    
}
.newMenuBar .dropdown-menu{
    border-radius: 0px;
}
.newMenuBar > ul > li:hover > .dropdown-menu{
    max-height: 500px;
}
.newMenuBar .dropdown-menu{
    background: #2aad6f;
    top: 97%;
}
.newMenuBar .dropdown-menu li{
    text-align: center;
    border-bottom: 1px solid #3bcf89;
}
.newMenuBar .dropdown-menu li:last-of-type{
    border-bottom: 0px;
}
.newMenuBar .dropdown-menu li a{
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.newMenuBar .dropdown-menu li:hover a{
    background: #3EBD8E;
}

.newLogo img {
    height: 60px;
}

.intro_sponsor {
    float: left;
    margin-left: 5%;
    color: white;
    font-size: 16px;
}

.visit_count{
    background: #1b8032;
    color: white;
    padding: 5px 10px;
}

.trans-footer{
    margin-top: 80px;
}


.btn-product-day{
    padding: 5px;
    border: 1px solid black;
    border-radius: 6px;
    background: white;
    margin-right: 5px;
}
.img_introduce {
   position: relative;
}
.text-title {
    position: absolute;
    top : 18%; 
    right: 10%;
    left: 10%;
    z-index: 1001;
    max-width: 700px;
    text-align: center;
}
.text-title h2 {
    color: #fff;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: Times;
    font-size: 32px;
}
.title-introduce {
    text-align: center;
    margin-top: 30px;
}
.title-introduce h3 {

    margin-bottom: 20px;
    line-height: .8;
    display: inline-block;
    padding: 20px 10px;
    background: #1b8032;
    color: #fff;
    border: 4px solid #fff;
    box-shadow: 0 0 0 3px #1b8032;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.text-feature h3{
    background: #1b8032;
    height: 90px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    padding: 35px 0px;
    text-transform: uppercase;
    position: relative;
}

.text-feature h3:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 15px solid #1b8032;
    border-bottom: 0 solid transparent!important;
    border-right: 20px solid transparent!important;
    border-left: 20px solid transparent!important;
    left: 50%;
    bottom: -15px;
    margin-left: -20px;
}
.describe-feature {
    text-align: justify;
    line-height: 30px;
    font-size: 17px;
    font-weight: 500;
    margin-top: 25px;
}
.text-introduce {
    width: 85%;
    margin: 15px 0px 0px 50px;
}   
.text-introduce label {
    color: #ff6600;
    font-size: 23px;
    text-transform: uppercase;
}
.text-introduce ul {
    list-style-image: url(../images/list_icon_orange.png);
}
.text-introduce ul li {
   font-size: 18px;
   margin-bottom: 5px;
   text-align: left;
}



.cam {
    text-align: center;
    font-size: 18px;
}
.content_right {
    margin-top: 30px;
}


.detail_image {
   
    width: 100%;
}


@media (max-width: 400px) {
    .top-promo .right {
        display: grid !important;
    }

    .specials-row .col-md-2 {
        width: 100%;
    }
     .table_product_rise {
        display: block;
    }
    .img_product_rise {
        width: 176px;
    }
}


@media only screen and (min-width:768px) and (max-width: 1024px) {
    .top-promo .right {
        display: block !important;
    }
    .specials-row .col-md-2 {
        width: 100%;
    }
    .content-service {
        height: 235px;
    }
    .content-service h4 {
        color: #1b8032;
        font-size: 20px;
    }
    .evietgap-contact .copyright span, .agrisoft span {
        color: #fff;
        font-size: 9px;
    }


}



@media (max-width: 400px) {
    #search_menu {
        position: absolute;
        margin-top: 20px;
        margin-left: 0px;
    }
    .evietgap-contact .copyright span, .agrisoft span {
        color: #fff;
        font-size: 9px;
    }
    .table_product_rise {
        display: block;
    }
    .img_product_rise {
        width: 176px;
    }
}
@media (min-width: 1400px){
    .container {
        width: 1300px;
    }
}


/**** FOR IPAD PRO ******/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .menu-bar ul .menu-bar-li .menu-1 {
        font-size: 13px;
        padding: 0px 16px;
    }

    #home-button {
        font-size: 19px;
    }

    .menu-banner2 button {
        font-size: 13px;
    }

    .col-md-12{
        padding-right: 0px; 
        padding-left: 0px;
    }

    .specials-row .col-md-2 {
        width: 48%;
        margin-left:10px;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .content-service h4 {
        color: #1b8032;
        font-size: 17px;
    }

}
/* iphone 5 ngang  */
@media only screen and (min-width:320px) and (max-width: 568px) {
    .content-service {
        border: 1px solid #00B38A;
        text-align: center;
        padding: 15px 10px 0px 10px;
        margin-bottom: 20px;
        background: #fff;
        height: 190px;
    }

    .contact-footer{
        position: relative;
    }
    .img-product img {
        /* height: 50%; */
        width: 100%;
    }
    .jobs-done{
        width: 100%;
    }
    .menu-bar {
        display: none;
    }
    .content-footer p{
        font-size: 13px;
    }
    .header {
        padding-top: 0px;
    }
    .contact {
        display: none;
    }
    .content-product {
        margin: 7px 0px 0px -66px;
    }
    .content-product label {
        margin: 2px 0px 8px 0px;
        color: #1B8032;
    }
    .info-task {
        margin: 0px 0px 0px 0px !important;
    }
    .specials-row .col-md-2 {
        width: 100%;
    }
    .skew{
        background-position: -77px 0px;
        width: 100%;
    }
    .skew1 p, .skew2 p{
        font-size: 13px;
    }
    .skew1{
        padding: 3px 6px 3px 0px;
    }
    .skew2{
        padding: 3px 15px;
        width: 95%;
    }
   
    .evietgap-contact .copyright span, .agrisoft span {
        color: #fff;
        font-size: 9px;
    }
    

    .title-imetos{
        font-size: 20px;
    }
    #tertiary{
        width: 100%;
        padding-left: 15px;
    }
    #primary{
        width: 100%;
        padding-left: 15px;
    }
    .img-present{
        margin: 0px !important;
    }
    .img-award{
        float: none !important;
        text-align: center !important;
        width: auto !important;
    }
    .img-award > span{
        margin: 0px !important;
    }
    
    .wpb_wrapper > p > img{
        width: 95% !important;
    }
    .wpb_wrapper > p > span{
        margin: 0px !important;
    }
    .img-present{
        width: auto !important;
        text-align: center;
    }
    .img-present > img{
        width: 77% !important;
        height: auto !important;
    }

    /* FOR MOBILE */
    
    

    .col-md-1{
        float:left;
        /*margin-left: 7px;
        margin-right: -5px;*/
    }

    .sub-group{
        display: none;
    }

    .trans-footer{
        margin-top: 0px;
    }

    .info-production .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .container .col-md-9 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .name-product h4 {
        font-size: 12px;
        color: #232323;
        font-weight: 600;
    }
     .table_product_rise {
        display: block;
    }
    .img_product_rise {
        width: 176px;
    }


}
/* iphone 5 dọc  */
@media only screen and (max-width: 320px) {
    .img-product img {
        height: 75px;
        width: 100%;
    }
    .title-product span {
        font-size: 12px;
    }
    .name-product span {
        font-size: 11px;
    }
}
/* iphone 6 dọc  */
@media only screen and (min-width:375px) and (max-width: 667px) {
    .img-product img {
        height: 140px;
        width: 100%;
    }
 }
 /* iphone 6 ngang  */
 @media only screen and (min-width: 667px) {
    .img-product img {
        height: 180px;
        width: 100%;
    }
    .name-product h4{
        font-weight: 600;
    }
 }

@media only screen and (min-width:568px) and (max-width: 768px){
    .specials-row .col-md-2{
        width: 100%;
    }     
    .content-service {
        border: 1px solid #00B38A;
        text-align: center;
        padding: 15px 10px 0px 10px;
        margin-bottom: 20px;
        background: #fff;
        height: 200px;
    }
    .content-service a img {
        height: 80%;
        width: 90%;
    }
    .evietgap-contact .copyright span, .agrisoft span {
        color: #fff;
        font-size: 9px;
    }
     .table_product_rise {
        display: block;
    }
    .img_product_rise {
        width: 176px;
    }

}
@media only screen and (min-width:768px) and (max-width: 992px){
    .banner{
        width: 100%;
    }
   
    .content-service img {
        width: auto;
        height: 77%;
    }
    .content-service h4 {
        color: #1b8032;
        font-size: 24px;
    }
}
@media only screen and (min-width:992px) and (max-width: 1200px){

    .top-promo .right {
        display: block !important;
    }

    .menu-bar ul .menu-bar-li .menu-1 {
        padding: 0px 15px;
        font-size: 13px;
    }
    
}


@media only screen and (max-width:500px){
    #playerLive, #player{
        height: 240px;
    }
}

@media only screen and (min-width:500px){
    #playerLive, #player{
        height: 480px;
    }
}





 @media only screen and (min-width: 1024px) {
    .banner {
        height: 100%;
        margin: 0px;
        width: 120%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px){
     .banner {
        height: 100%;
        margin: 0px;
        width: 120%;
    }

    
}

 @media only screen and (max-width: 768px) and (min-width: 414px){
    .banner {
        height: 100%;
        margin: 0px;
        width: 100%;
    }
    .evietgap-contact .copyright span, .agrisoft span {
        color: #fff;
        font-size: 9px;
    }
    .table_product_rise {
        display: block;
    }
    .img_product_rise {
        width: 176px;
    }
 }


/*.right-header{
    text-align: center;
}*/

/*.right-header h2{
    font-weight: 600;
    font-size: 24px;
}

.right-header h1{
    font-weight: 600;
    font-size: 36px;
    margin-top: 10px !important;
    color: #1b8032;
}*/

.text__phone{
    font-size: 18px;
    font-weight: 600;
}

.shop__left{
    padding-top: 40px;
}






.body {
    padding-bottom:50px;   /* Height of the footer */
}

.body-product {
    margin-top: 29px;
}

.menu_bar__active a:after{
    content: '';
    border: 4px solid transparent;
    border-top: 4px solid white;
    margin-left: 2px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: bottom;
}




.img_center img{
    width: 70%;
    height: auto;
    border: 1px solid black;
    
}

.img_center{
    text-align: center;
}

.banner_img{
    width: 100%;
}


/*
ul.list-icon li:before {
    display: inline-block;
    height: 18px;
    width: 18px;
    content: '\f09e';
    float: left;
    margin-right: 0;
    margin-left: -25px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}*/



#service_menu li.service_active:before{

    color: #0d811e !important;
    content: '\25BA';
    
}
#service_menu li.service_inactive:before{

    color: #0d811e !important;
    content: ' ';
    
}

#checklist-diary li:before{
    color: dark !important;
    content: '\f005';
}

#checklist-diary-2 li:before{
    color: dark !important;
    content: '\f067';
}

.error 
{
    margin-top:5px;
    color: #FF0000;
    font-weight: 400 !important;
}

.imetos_list{
    margin-left: 27px;
    margin-bottom: 30px;
}

.period_list li:before{

    color: #212121 !important;
    content: '\f111' !important;
    font-size: 8px;
}

.period_list li a{
    font-size: 14px;
    color: #212121;
    text-transform: lowercase;
    padding-bottom: 0px;
}
.about-us {
    width: 100%;
    background: #fff;
    font-size: 14px;
    color: #f37021;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    padding: 37px 0 5px;
}
.introduce li:first-child a{
    color: #035aab;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
   
}
.introduce li:first-child a:hover {
    color: #000;

}
.introduce li a {
    color: #000;
    font-size: 15px;
    line-height: 25px;
}
.introduce li a:hover {
    color: #f37021;
    text-decoration: none;
}

.panel-body .introduce_mobile li a {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    text-transform: none;
}
/*  */
.fancy-collapse-panel .panel-heading a {
    /*padding: 12px 35px 12px 15px;*/
    display: inline-block;
    width: 100%;
    /*background-color: #1b8032;*/
    color: #1c8032;
    position: relative;
    text-decoration: none;
}

.fancy-collapse-panel .panel-heading a:after {
    font-family: "FontAwesome";
    content: "\f147";
    position: absolute;
    right: 20px;
    font-size: 20px;
    font-weight: 400;
    top: 50%;
    line-height: 1;
    margin-top: -10px;
}
    
.fancy-collapse-panel .panel-heading a.collapsed:after {
    content: "\f196";
}
.panel-default {
    border-color: #ddd !important;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff !important;
    border-color: #fff !important;
    border-radius: 4px;
}
.panel-body {
    border-top: 0px solid #fff !important;
}
/*  */
.info_vietgap {
    margin-top: 44px; 
}
.bold_text {
    font-weight: 600;
}
.list-service h3 {
    font-size: 22px; 
    /* color: #337AB7; */
    font-weight: 600;
}
.about-footer {
    background-color: #ddd;
   
}