@media (max-width: 768px) {

    header{
        background: #46a432;
    }
    header .menu{
        background: transparent;
    }
    #callme{
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 4px;
        background: #e43c3b url(../images/callphone.png) center center no-repeat;
        margin: 4px 5px 0 2px;
        float: left;
    }
    .about-excrept{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .list-benefit{
        overflow: hidden;
    }
    /*Menu*/
    .col-az{
        margin-bottom: 20px;
    }

    .menu {
        width: 100%;
        margin-top: 0px;
        display: none;
    }
    .togger-menu {
        background: transparent;
        padding-bottom: 0px;
        margin-top: 0px;
        display: inline-block;
        width: 100%;
        cursor: pointer;
    }
    .togger-menu span {
        float: left;
        color: #fff;
        font-size: 22px;
        margin-right: 10px;
        margin-left: 10px;
        display: block;
        height: 40px;
        padding: 2px;
    }
    .togger-menu span img{
        max-height: 100%;
    }
    .nav ul li a {
        text-decoration: none;
        width: 100%;
        display: inline-block;
        font-weight: 500;
        color: #fff;

    }

    .togger-menu i {
        float: right;
        right: 0;
        position: absolute;
        color: #fff;
        font-size: 25px;
        cursor: pointer;
        margin-right: 15px;
        top: 10px;
    }

    .togger-menu-sub {
        float: right;
        color: #fff;
        right: 0px;
        top: 0px;
        position: absolute;
        display: block;
    }
    a.btnkn3tv{
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        margin: 4px 5px 0 2px;
        width: 35%;
        display: block;
        background-color: #e74c3c;
        box-shadow: 0 3px 0 0 #CE3323;
        color: #fff;
        float: left;
    }
    .nav ul li:hover {
        transition: all 0.25s;
        color: #a1241c;
    }

    .menu ul li ul li {
        padding: 0px 15px;
        width: 85%;
        border-top: none;
        border-left: none;
        line-height: 40px;
        color: #666;
    }

    .menu ul li ul li a {
        color: #fff;
    }
    .nav ul li a.note-pa{
        background: transparent;
        padding-top: 0;
    }
    .menu ul li:hover ul {
        display: block;
    }

    .menu ul li ul {
        display: none;
        position: static;
        top: 45px;
        width: 330px;
        left: 0px;
        z-index: 99999;
        /*background: #ffffff;*/
    }

    .nav ul li ul {
        display: none;
        top: 45px;
        width: 100%;
        left: 0px;
        z-index: 99999;
        /*background: #fff;*/
        border: 0px;
    }

    .nav ul li {
        width: 100%;
        display: inline-block;
        list-style: none;
        float: left;
        padding: 0;
        font-size: 16px;
        text-transform: none;
        height: 34px;
        line-height: 24px;
    }

    .banner_header img {
        width: 100%;
        height: 120px;
    }

    .logo {
        position: relative;
        margin: 10px 15px 10px 15px;
        text-align: center;
        width: 100%;
    }

    .slide img {
        width: 100%;
    }

    #menu-primary a i {
        display: none;
    }

    .ads-left{
        display: none;
    }

    header .logo{
        display: none;
    }
    .sub-menu{
        position: static!important;
        z-index: 99999;
    }
    .nav ul li{
        background: none;
        position: relative;
    }
    .nav ul{
        margin-right: 0;
        /*background: #fff;*/
        display: block;
    }
    header.divfixed{
        height: auto;
    }
    .menu ul li ul li{
        width: 100%;
    }
    .menu-product{
        height: auto;
    }
    .div-fixed{
        position: relative;
    }
    .list-benefit{
        padding: 0;
    }
    .cat-name a.more-from-category{
        display: none;
    }
    .box_dktv{
        display: none;
    }
    .three-box a:last-child{
        display: none;
    }
    .three-box a{
        display: block;
    }
    .three-box a img{
        width: 180px;
        height: auto;
        float: none;
    }
    .dialog-contact{
        width: 300px;
        margin-top: 80px;
    }
    .box-pp a{
        font-size: 18px;
    }
    .article-inner img{
        height: auto;
        width: 100%;
    }
    .main-title{
       font-size: 16px;
        line-height: 30px;
    }
    .main-title span{
        font-size: 16px;
    }
    #modal_quay .modal-dialog .modal-content{
        background: url("../images/back-tet-mobile.png") no-repeat;
        background-size: cover;
        padding: 5px 0px 10px 0px;
    }
    .happy-event{
        display: none;
    }
    .result-note{
        font-size: 13px;
    }
    #modal_quay .modal-dialog .modal-content{
        height: auto;
    }
    #modal_quay .modal-body{
        padding: 5px;
    }
    .not-data{
        margin-top: 20px;
    }
}