.categoryNews .row {
    margin: 0;
}

@media (max-width: 1199px) {
    #mainMenu .navbar-nav > li > a {
        font-size: 16px;
        padding-left: 20px;
        padding-right: 20px;
    }

    #productList .thumb img {
        width: 180px;
        height: 180px;
    }

    #introduction {
        margin-top: 50px;
        padding-bottom: 50px;
    }

    .banner {
        margin-top: 50px;
    }

    #productList {
        padding-top: 50px;
        height: 800px;
    }

    #footer {
        padding: 40px 0;
    }

    .lineWave {
        margin-bottom: 30px;
    }

    .linePage {
        margin: 25px 0;
    }

    .categoryNews .title {
        padding-top: 0;
    }

    .readMore {
        margin-top: 10px;
    }

    #bannerWide {
        height: 180px;
        margin-top: 50px;
        padding-top: 35px;
    }

    .headerFix #mainMenu .navbar-nav > li > a {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 991px) {
    #productList {
        height: auto;
    }

    .headerFix #mainMenu .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    #mainMenu .navbar-nav > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }

    #mainMenu .navbar-nav > li > a, .headerFix #mainMenu .navbar-nav > li > a {
        font-size: 15px;
    }

    .headerFix #mainMenu {
        margin-right: 60px;
    }

    #header #logo img {
        height: 65px !important;
    }

    #mainMenu .navbar-nav > li > a:before, #mainMenu .navbar-nav > li > a:after {
        height: 29px;
        width: 12px;
        background-size: 100%;
        top: 11px;
    }

    .search .form-control {
        height: 30px;
    }

    .btnSearch {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    #mainMenu {
        padding-top: 10px;
    }

    .titleBig {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    #introduction {
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .banner {
        margin-top: 30px;
    }

    #productList {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    #footer {
        padding: 30px 0;
    }

    .lineWave {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .linePage {
        margin: 20px 0;
    }

    body {
        font-size: 13px;
        line-height: 24px;
    }

    #footer .info .title, .titleGreen, .moreArticle .fa, .loadMore {
        font-size: 13px;
    }

    #introduction .buttonPage {
        margin-top: 40px;
    }

    .buttonPage {
        font-size: 16px;
        padding: 6px 20px;
    }

    #productList .item {
        margin-bottom: 30px;
    }

    #footer .sub {
        text-align: left;
    }

    .whoOnline {
        float: none;
    }

    #footer .line {
        max-width: 100%;
    }

    #footer .logoFooter {
        display: block;
        margin-bottom: 15px;
    }

    #article .title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #bannerWide {
        height: auto;
        margin-top: 40px;
        padding-bottom: 25px;
        padding-top: 30px;
    }

    .categoryNews .item {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .categoryNews .thumb img {
        height: 135px;
        width: 240px;
    }

    .categoryNews .thumb {
        margin-right: 20px;
        margin-bottom: 5px;
    }

    .loadMore {
        height: 30px;
        line-height: 30px;
    }

    .product .thumb img {
        border: 5px solid #ddd;
        width: 300px;
    }

    #article.product .title {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .product .price {
        font-size: 20px;
        line-height: 30px;
        margin: 10px 0 15px;
    }

    #article.product .shareButton {
        padding-top: 10px;
        width: auto;
        margin-top: 20px;
    }

    .product .thumb {
        margin-right: 35px;
    }

    .product .content {
        padding-top: 40px;
    }

    .noteProduct {
        margin-top: 30px;
        padding: 20px;
    }

    #article .moreArticle .lineWave {
        margin-top: 40px;
    }
}

@media (max-width: 980px) {
    .mod-article-single__post .item__module {
        padding-left: 0% !important;
    }
}

@media (max-width: 767px) {

    #_menu {
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-top: 0;
        border-radius: 5px;
        -webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 7px 12px rgba(0, 0, 0, .175);
        margin: 0;
    }

    .headerFix #_menu {
        margin-top: 18px;
    }

    .navbar-collapse {
        border: 0;
    }



    #mainMenu .navbar-nav > li > a, .headerFix #mainMenu .navbar-nav > li > a {
        padding-right: 20px;
        padding-left: 20px;
    }

    .navbar-nav > li:before {
        display: none;
    }

    #mainMenu .navbar-nav li a:hover, .headerFix #mainMenu .navbar-nav li a:hover,
    #mainMenu .navbar-nav li a:focus, .headerFix #mainMenu .navbar-nav li a:focus, #mainMenu .navbar-nav li.active > a {
        background-color: #89b683;
        color: #fff !important;
    }

    .navbar-collapse {
        -webkit-box-shadow: unset;
        box-shadow: unset;
    }

        .navbar-collapse.in {
            overflow: unset;
            padding-top: 0;
            border: 0;
            margin-top: 0;
            -webkit-box-shadow: unset;
            box-shadow: unset;
        }

    .navbar-toggle {
        margin-top: 30px;
        background: #fff;
        border-color: #fff;
    }

        .headerFix .navbar-toggle, .navbar-toggle:hover, .navbar-toggle:focus {
            border-color: #ddd;
        }

    .headerFix .navbar-toggle {
        margin-top: 8px;
    }

    #mainMenu {
        float: none !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        margin-right: 0 !important;
    }

    #lnkdropsearch {
        margin-right: 60px;
    }

    #mainMenu .navbar-nav > li > a:before, #mainMenu .navbar-nav > li > a:after {
        display: none;
    }

    #mainMenu .navbar-nav > li > a {
        color: #333;
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-bottom: 1px solid #eee;
    }

    #mainMenu .navbar-nav > li:last-child > a {
        border-bottom: 0;
    }

    .language {
        margin-right: 0;
    }

    #productList .col-md-3:last-child .item {
        margin-bottom: 0;
    }

    #footer .logoFooter img {
        height: 65px;
    }

    #article .title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .search_hide {
        z-index: 99;
    }

    .product .thumb {
        float: none;
        margin: 0;
        margin-bottom: 20px;
        text-align: center;
    }

    .product {
        text-align: center;
    }

        .product .shareButton {
            margin: auto;
        }

    .moreArticle {
        display: block;
        text-align: left;
    }

    .search .input-group input {
        width: 120px;
    }

    .language {
        margin-left: 15px;
    }

    .search .form-control {
        height: 26px;
    }

    .btnSearch {
        padding-bottom: 2px;
        padding-top: 2px;
        right: 0;
    }

    #header {
        padding-top: 15px;
    }



    .headerFix #logo {
        padding-top: 0;
    }

    .titleBig {
        font-size: 22px;
        line-height: 30px;
    }

    #productList .pad {
        padding: 15px;
    }

    #lnkdropsearch {
        margin-right: 0;
    }

        #lnkdropsearch .dropdown-menu {
            width: 100%;
        }

    .search_hide {
        right: 60px;
    }

    .navbar-toggle {
        z-index: 99;
    }

    #lnkdropsearch .dropdown-menu {
        padding: 5px 7px;
        top: 76px;
        border-radius: 5px;
    }

    #lnkdropsearch input {
        border-radius: 5px;
    }

    #productList .title {
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 30px;
    }

    .col-custom-767-12 {
        width: 100%;
    }

    body {
        padding: 0;
    }

        body .row-container {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
}

@media (max-width: 680px) {
    .col-custom-680-12 {
        width: 100%;
    }

    #footer {
        text-align: center;
    }

    .whoOnline {
        display: inline-block;
    }

    #footer .sub {
        text-align: center;
    }

    .categoryNews .thumb {
        float: none;
        margin: 0;
        margin-bottom: 20px;
    }

        .categoryNews .thumb img {
            width: 100%;
            height: auto;
        }

    .categoryNews .item {
        float: left;
        width: 50%;
        padding: 0 10px;
        border: 0;
        margin-top: 20px;
    }

    .categoryNews .row {
        border-bottom: 1px solid #ddd;
    }

    .content-loadMore {
        text-align: center;
    }

        .content-loadMore .loadMore {
            display: inline-table;
        }
}

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

@media (max-width: 480px) {
    body {
        text-align: justify;
    }

    #showcase-row .item-title {
        text-align: center;
    }

    #introduction .sumary, .categoryNews .item {
        text-align: justify;
    }

    .categoryNews .item {
        float: none;
        width: 100%;
        padding: 0;
    }

    .categoryNews .row {
        border: 0;
    }

    .categoryNews .item {
        border-bottom: 1px solid #ddd;
    }

    .col-custom-480-12 {
        width: 100%;
    }

        .col-custom-480-12 .item_content {
            padding-right: 0 !important;
            padding-bottom: 30px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.59);
        }
}

@media (max-width: 360px) {
    .rightTool {
        position: relative;
    }

    .language {
        position: absolute;
        margin-top: 17px;
        left: -20px;
    }
}