﻿.article h1#title, .article .tool-article {
    display: none;
}

.pad20 { /*padding: 10px 60px !important;*/
}

nav .left a {
    display: block !important;
    color: #000;
}

.nav-wrapper .left a .fas {
    font-size: 27px;
}

table.image {
    background: #fff;
    width: 100%;
    justify-self: center;
    margin: 10px auto !important;
}

.nav-wrapper {
    border-bottom: solid 2px #3ae;
}

table.image td img {
    height: auto !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block;
    margin: 0 auto;
}

nav {
    color: #000;
    background-color: #fff;
    width: 100%;
    box-shadow: unset;
}

#MenuSlippr ul#social_longform {
    border: none;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden; /* height: 30px; */ /* width: 130px; */
}

#MenuSlippr ul#social_longform {
    position: fixed;
    top: 0px;
    right: 0;
}

header a.logo-min {
    background: url(http://baoquangngai.vn/dataimages/201901/original/images2177954_logo.png) center no-repeat;
    background-size: contain;
    display: block;
    margin: 9px auto;
    overflow: hidden;
    height: 38px;
    width: 160px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.mmenu {
    z-index: 9;
}

.pad20 .mg-document {
    margin-top: 55px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#MenuSlippr .show {
    display: inherit !important
}

#MenuSlippr .hide {
    display: none !important
}

.toolbar {
    background: #fff;
    border-bottom: solid 2px #3ae;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    height: 48px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001
}

header .clx {
    height: 50px;
}

.toolbar .menuslipper {
    display: block;
    position: absolute
}

.menuslipper .brcrum::before, .menuslipper .brcrum::after {
    background: #e0e6ea;
    content: '';
    width: 10px;
    height: 1px;
    position: absolute;
    left: 5px
}

.menuslipper .brcrum::before {
    top: 21px;
    transform: rotate(45deg)
}

.menuslipper .brcrum::after {
    top: 27px;
    transform: rotate(-45deg)
}

.menuslipper .mnslipp {
    background: #3ae;
    display: block;
    float: left;
    margin: 0;
    padding: 0 5px;
    height: 48px
}

.menuslipper .caption {
    background: url(/dataimages/201901/original/images2177988_movie_roll.png) 5px 50% no-repeat;
    background-size: 32px;
    border-left: solid 1px rgba(255,255,255,.25);
    color: #069;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 48px;
    height: 48px;
    margin-left: 5px;
    padding: 0 5px 0 42px;
    text-transform: uppercase;
}

.menuslipper .mnslipp:hover {
    background: #06a;
}

.mnslipp .slpbtn, .mnslipp .slpbtn::after, .mnslipp .slpbtn::before {
    background: #fff;
    content: '';
    display: block;
    float: left;
    width: 18px;
    height: 2px
}

.mnslipp .slpbtn {
    display: block;
    margin: 22px 8px;
    position: relative
}

    .mnslipp .slpbtn::after, .mnslipp .slpbtn::before {
        position: absolute;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(.7, 1, .7, 1)
    }

    .mnslipp .slpbtn::after {
        top: 6px
    }

    .mnslipp .slpbtn::before {
        top: -6px
    }

.menuslipper.opened .mnslipp .slpbtn {
    background: transparent
}

    .menuslipper.opened .mnslipp .slpbtn::after {
        top: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menuslipper.opened .mnslipp .slpbtn::before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.menuslipper .menuslippee {
    max-width: 300px;
    background: #fff;
    box-shadow: 2px 0 5px rgba(0, 0, 0, .25);
    box-sizing: border-box;
    display: block;
    overflow: auto;
    opacity: 0;
    padding: 10px;
    width: 100%;
    position: fixed;
    left: -100%;
    top: 50px;
    bottom: 0;
    z-index: 1000;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.menuslipper.opened .menuslippee {
    left: 0;
    opacity: 1
}

.menuslippee .lst > li {
    border-bottom: solid 1px #c0c6ca
}

    .menuslippee .lst > li > a {
        color: #06a;
        display: block;
        font-size: 16px;
        font-weight: bold;
        line-height: 36px;
        padding: 0 10px;
        text-transform: uppercase;
        text-decoration: none;
    }

        .menuslippee .lst > li > a:hover, .menuslippee .lst > li.active > a {
            background: #e0e6ea;
            color: #3ae
        }

.menuslippee .lst .dropper::after {
    border-left: solid 3px transparent;
    border-right: solid 3px transparent;
    border-top: solid 5px #fff;
    content: '';
    display: block;
    float: right;
    margin: 15px 5px
}

.menuslippee .lst .dropper.clicky::after {
    border-top: solid 3px transparent;
    border-bottom: solid 3px transparent;
    border-left: solid 5px #fff;
    border-right: none
}

.menuslippee .drop {
    background: #f0f6fa;
    display: none
}

    .menuslippee .drop a {
        display: block;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
        padding-left: 20px;
        color: #2a2a2a;
        text-decoration: none;
    }

        .menuslippee .drop a:hover {
            color: #3ae;
        }

        .menuslippee .drop a.active {
            color: #06a
        }

.signature{
    display: none;
}

@media(max-width:768px) {
    .boxleft, .boxright, .w60_emg, .w80_emg, .w90_emg, .w90_emg .Layout3Item table, .w90_emg .LayoutAlbumItem table {
        margin: 10px 0 !important;
        width: 100% !important;
        max-width: 100%;
    }

    header a.logo-min {
        display: none !important;
    }

    .article #content, .content-detail {
        padding-right: 0;
    }

        .article #content p {
            padding: 0 10px;
            box-sizing: border-box;
        }

    #main-menu, #sub-menu, #footer, .main {
        padding: 0;
        width: auto;
    }

    table.quote, .content-detail table {
        width: 100% !important;
    }

    table.image {
        width: 100% !important;
    }
}
