/* 
    Created on : 12/1/2015
    Author     : SpeedDemon
    Description: Reponsive design for small devices (<568px)
*/
@media only screen and (max-width: 768px) {
    /* Phi start 20150519 */
    .x-navbar .x-brand {
        margin-top: 30px;
    }

    .x-brand.img {
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 30px;
        border-bottom: none;
    }

    /* Block detail */
    .blog-container {
        width: 100%;
        padding: 0 !important;
    }

    .detail-content {
        padding: 0;
    }

    .blog-block {
        padding: 15px;
    }
    .custom-search div {
        padding-left: 15px;
    }
    .feature-wrap {
        width: 100%;
    }

    .feature-wrap img.block-half {
        width: 100%;
        padding: 10px auto;
    }

    /* End block detail */
    /* Phi end 20150519 */
    /* quang */
    .half-row {
        width: 100%;
        padding: 0;
    }

    .one-box-wapper:nth-child(2n) {
        padding: 10px 0px 10px 10px;
    }

    .one-box-wapper:nth-child(2n+1) {
        padding: 10px 10px 10px 0px;
    }

    .trim-left-unit .trim-unit-content {
        padding: 5px;
    }

    .text-block {
        font-size: 0.5em;
    }

    .trim-right-unit ul {
        padding: 5px;
    }

    .trim-left-unit .trim-unit-content .unit-left-block {
        width: 31%;
    }

    .trim-left-unit .trim-unit-content .unit-right-block {
        width: 69%;
    }

    table#contact-table .block-left .text-bottom {
        margin-top: 10px;
    }

    .one-box-wapper.one-box-home:nth-last-of-type(2n) {
        padding: 5px 0;
    }

    .one-box-wapper:nth-child(2n+1) {
        padding: 20px 0;
    }

    .one-box-wapper.one-box-home:nth-last-of-type(2n+1) {
        padding: 5px 0;
    }

    .one-box-wapper.one-box-home {
        margin-bottom: 5px;
    }

    .one-box-wapper:nth-child(2n) {
        padding: 5px 0;
    }

    .works-container.blog-container .icon:before, .category-voice .icon:before {
        top: 14px;
    }

    .block-half:last-child, .block-half:first-child {
        padding: 5px 0;
    }

    .block-register-date {
        padding: 5px 0;
    }

    .trim-left-unit, .trim-right-unit {
        width: 100%;
    }

    .trim-left-unit {
        margin-bottom: 20px;
    }

    .go-to-contact-page {
        padding: 10px;
        margin-bottom: 20px;
    }

    .service-section .notice div.description {
        width: 100%;
        margin-top: 0px;
    }

    .service-section .notice div.logo {
        width: 100%;
        text-align: center;
    }

    .service-section .notice div.logo span {
        float: none;
    }

    .x-container .x-img, .one-box-wapper, .block-half,
    .trim-contact-block .tags, .lnav ul li, .unit-wrapper .unit .unit-left-block,
    .unit-wrapper .unit .unit-col .unit-content,
    .unit-wrapper .unit .unit-right-block, .contact-block .contact-wrapper,
    table#contact-table .checkbox-wrapper .wpcf7-list-item,
    table#contact-table tr td:FIRST-CHILD, table#contact-table tr td:LAST-CHILD,
    table#outline-table tr td:FIRST-CHILD, table#outline-table tr td:LAST-CHILD,
    .one-box-wapper.one-box-home {
        width: 100%;
    }

    .unit-content ul {
        margin: 0 0 0 1.655em;
    }

    .block-button-wrapper, .contact-block {
        padding: 10px;
    }

    .contact-block {
        background-image: none;
    }

    .service-section .text-block {
        font-size: 1em;
    }

    table#outline-table tr td:LAST-CHILD, table#contact-table tr td:LAST-CHILD {
        padding: 0px;
    }

    table#contact-table .block-left .text-bottom {
        margin-top: 0px;
    }

    table#outline-table, table#contact-table, table#outline-table tbody,
    table#contact-table tbody {
        margin-top: 20px;
        padding: 0;
    }

    table#outline-table .history .one-year-block .year {
        width: 35%;
    }

    table#outline-table .history .one-year-block .description {
        width: 65%;
    }

    .logo .img-responsive {
        width: 30%;
        float: right;
    }

    /* all column */
    .col-mobile-2-2 {
        width: 100%;
    }

    .visible-mobile {
        display: block;
    }

    .hidden-mobile {
        display: none;
    }

    .atp-box-wapper.atp-box-home.atp-box-service {

    }

    .one-box, .blog-news {
        padding: 15px;
    }
    .service-section {
        padding: 20px 0;
    }
    .entry-header .entry-detail-title {
        font-size: 1em;
    }
    .entry-header .entry-year,
    .entry-header .entry-date {
        font-size: 0.8em;
    }
    .entry-header .post-tags .single-tag {
        font-size: 0.8em;
    }
    /* end */
    .contact-block {
        margin: 0;
    }

    .contact-block .contact-wrapper {
        padding: 0;
    }
}

@media (min-width: 320px) and (max-width: 479px) {
    .caption-slide {
        font-size: 8px;
    }
}

@media (min-width: 480px) and (max-width: 639px){
    .caption-slide{
        font-size: 0.8em;
    }
}