@media(max-width: 1200px) {
    .container {
        width:970px
    }

    #menu ul.navbar li {
        margin-left: 20px
    }

    #header #logo {
        max-width: 170px
    }

    .list-featured li .icon-featured {
        margin-bottom: 50px
    }

    .social li {
        margin-right: 3px;
        width: 32%;
        margin-bottom: 3px
    }

    .span-form-group-inline {
        margin-bottom: 10px
    }
}

@media(min-width: 991px) {
    .col-content {
        display:block!important
    }
}

@media(max-width: 1023px) {
    .article-item .thum,.article-item .date-post,.article-item .article-main {
        width:100%!important;
        padding: 0 15px
    }
}

@media(max-width: 990px) {
    .container {
        width:750px
    }

    .col-50per {
        width: 100%;
        margin-bottom: 20px
    }

    .heading {
        line-height: 1.5em
    }

    #menu {
        margin: 0 auto;
        margin-top: 30px
    }

    .list-article-slider .item .item-body .excerpt {
        display: none
    }

    .list-article-slider .item .item-body .button {
        margin-top: 0
    }

    .featured .col {
        width: 100%;
        margin-bottom: 20px
    }

    .list-featured li {
        margin-bottom: 10px
    }

    .list-featured li .icon-featured {
        margin-bottom: 30px
    }

    .footer-link .col {
        width: 100%
    }

    .footer-link .col .col-title span {
        cursor: pointer
    }

    .footer-link .col .col-title span:before {
        content: "\f0c9";
        font-size: 1em;
        color: #fff;
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        text-decoration: inherit;
        margin-right: 20px
    }

    .footer-link .col .col-content {
        display: none
    }

    .list-service li {
        width: 50%
    }

    .recruit-form .col {
        min-height: auto;
        width: 100%!important;
        margin-bottom: 10px;
        padding-left: 0!important
    }

    .recruit-form .label-devide {
        display: block;
        width: 100%;
        padding: 10px 0
    }

    .recruit-form .avata-user {
        margin-bottom: 20px
    }

    .recruit-form .text-comfirm {
        margin-top: 0
    }

    .recruit-form .form-footer .button {
        margin-bottom: 10px
    }
}

@media(width: 768px) {
    .list-news-sidebar li .wrap-thumbnail {
        height:45px
    }
}

@media(max-width: 768px) {
    .container {
        width:100%;
        max-width: 680px;
        padding: 0 15px 0 20px
    }

    .m-full {
        width: 100%;
        float: left
    }

    .btn-menu {
        display: block;
        margin-right: 0
    }

    #menu {
        margin-left: 0;
        width: 100%
    }

    #menu ul.navbar {
        display: none;
        margin: 0
    }

    #menu ul.navbar.show {
        display: block
    }

    #menu ul.navbar li {
        width: 100%;
        margin-left: 0;
        border-bottom: 1px solid #578f1e
    }

    #menu ul.navbar li a {
        color: #fff;
        background: #74b830;
        padding: 10px
    }

    #menu ul.navbar li:after,#menu ul.navbar li:before {
        display: none
    }

    .customNavigation {
        display: none
    }

    .panel-heading .panel-heading-icon {
        width: 60px;
        margin-top: 6px;
        height: 60px;
        line-height: 60px;
        font-size: 25px
    }

    .panel-heading .heading-panel {
        margin-top: 22px
    }

    .breadcrumb {
        width: 100%;
        background: rgba(0,0,0,.2);
        padding: 10px;
        float: left
    }

    .breadcrumb ul li {
        color: #fff
    }

    .breadcrumb ul li .active {
        color: #fff
    }
}

@media(max-width: 680px) {
    .social li {
        margin-right:7px;
        width: 31.5%;
        margin-bottom: 7px
    }

    #slideshow .tp-rightarrow,#slideshow .tp-leftarrow {
        font-size: 30px;
        width: 20px;
        height: 30px;
        margin-top: -15px!important;
        line-height: 27px
    }

    .list-featured li {
        text-align: center
    }

    .list-featured li .icon-featured {
        float: none;
        margin-right: 0;
        display: inline-block
    }

    .list-service-slider .list li {
        width: 100%
    }

    .left-main {
        width: 100%;
        margin-bottom: 30px
    }

    .sidebar {
        width: 100%;
        border-top: 2px solid #74b830;
        padding-top: 10px;
        float: left
    }

    .article-contact-item {
        width: 100%;
        float: left;
        margin-right: 0!important
    }

    .list-service li {
        width: 100%;
        padding: 0 !important;
    }
}

@media(min-width: 414px)and (max-width:768px) {
    .list-news-sidebar img.thumbnail {
        padding:20px
    }

    .list-news-sidebar li .wrap-thumbnail {
        width: 24%;
        margin-right: 12px
    }

    .list-news-sidebar li .title {
        line-height: 22px
    }
}

@media(max-width: 360px) {
    .btn-menu {
        font-size:16px;
        margin-top: 0
    }

    #header #logo {
        max-width: 110px
    }

    #header .top-right {
        margin-top: 0
    }
}