@media (max-width: 1024px) {
    .headerTop, .headerBotton, #footer, .page_header, .page_blog,.page_catalog, .page_product {
        padding-left: 10px;
        padding-right: 10px;
    }

    .nav > li {
        padding-right: 15px;
    }

    .nav > li > .fa {
        right: 22px;
    }

    .hr1_list {
        margin-left: 0px;
        margin-right: 0px;
    }

    .hr1_list li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hr1_item {
        padding-left: 100px;
        min-height: 80px;
    }

    .hr1_item .item_img {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 768px) {
    #toggleCatgory {
        display: block;
    }

    #header {
        height: 60px;
    }

    .header {
        position: fixed;
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    }

    .headerTop {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .col-logo {
        padding: 10px 0px;
    }

    .col-logo a div, .col-logo a h1 {
        height: 40px;
    }

    .col-contact, .col-menu {
        display: none;
    }

    .headerBotton {
        padding: 0px;
    }

    .col-lang {
        position: absolute;
        top: 0px;
        right: 70px;
        padding: 17px 0px;
    }

    .col-lang .box-lang a {
        border-radius: 50%;
    }

    .footer_left {
    }

    .footer_right {
        width: 32%;
    }

    .theme-default .nivo-controlNav {
        padding: 5px 0;
    }

    .nivo-caption .caption-align-left, .nivo-caption .caption-align-center, .nivo-caption .caption-align-right {
        max-width: 80%;
    }

    .nivo-caption .nivo-caption-title {
        font-size: 32px;
        line-height: 40px;
    }

    .nivo-caption .nivo-caption-recap {
        font-size: 14px;
        line-height: 24px;
    }

    .page_contact {
        padding-top: 0px;
    }

    .contact_map iframe {
        height: 400px;
    }

    .contact_info table td {
        display: block;
        width: 100% !important;
        padding: 10px 0px;
    }

    .contentPage-right {
        width: 100%;
    }

    .contentPage-left {
        width: 100%;
        padding-top: 30px;
        padding-right: 0px;
    }

    .list_product {
        margin-left: -10px;
        margin-right: -10px;
    }

    .list_product li {
        padding: 10px;
        width: calc(100% / 3);
    }

    .page_product {
        padding-top: 10px;
    }

    .product_image, .product_info {
        width: 100%;
        padding: 0px 0px 30px 0px;
    }
}

@media (max-width: 480px) {
    .col-lang {
        padding: 20px 0px;
        right: 55px;
    }

    .col-lang .box-lang a, .col-lang .box-lang img {
        width: 20px;
        height: 20px;
    }

    .title_1, .title_2 {
        font-size: 24px;
    }

    .hr1_list li {
        width: 100%;
        padding: 10px 10px;
    }

    .hr1_item {
        padding-left: 70px;
        min-height: 60px;
    }

    .hr1_item .item_img {
        width: 60px;
        height: 60px;
    }

    .hr1_item .item_name {
        font-size: 14px;
        line-height: 24px;
    }

    .hr1_item .item_recap {
        padding-bottom: 5px;
        line-height: 20px;
        padding-top: 0px;
        font-size: 13px;
    }

    .hr2_list li {
        width: 50%;
    }

    .hr3_list li {
        padding: 0px;
    }

    .home_row_4 {
        padding: 10px;
    }

    .hr4_bg {
        height: 100px;
    }

    .footer_left, .footer_right {
        width: 100%;
    }

    .copyright {
        padding: 20px 0px;
    }

    .page_header .ph_left {
        width: 100%;
        max-width: none;
        padding: 30px 0px 0px;
    }

    .page_header .ph_left .title {
        font-size: 20px;
        line-height: 26px;
    }

    .page_header .ph_left .recap {
        font-size: 13px;
    }

    .page_header .ph_right {
        width: 100%;
        max-width: none;
        padding: 0px 0px 20px;
    }

    #breadcrumb {
        padding: 0px;
        margin-left: -10px;
    }
    .breadcrumb-ul li {
        float: none;
        display: inline-block;
    }
    .contact_info table h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .tab_header {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .tab_header li {
        float: none;
        display: inline-block;
    }
    .list_product li {
        width: 50%;
    }
    .proItem .item_name {
        font-size: 14px;
        line-height: 20px;
    }
    /* CSS CUSTOMER CONTENT */
    .view-content li.col-md-3 {
        width: 50%;
        padding: 10px;
    }
}

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