img {
    height: auto;
    max-width: 100%;
}

.hidden_large {
    display: none;
}

@media (max-width: 1024px) {
	.theme-default .nivoSlider, #content {
		margin-top: 40px;
	}
    .hidden_mobile {
        display: none !important
    }
    .hidden_large {
        display: block;
    }
    .container {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    #wrapper{
        overflow: hidden;
    }
    #header {
        padding-top: 45px;
    }
    .lang_res {
        position: absolute;
        top: 45px;
        right: 15px;
    }
    .page-phone-res {
        background: url('../img/phone.png') left center no-repeat;
        padding: 5px 0;
        padding-left: 40px;
        line-height: 35px;
        font-size: 25px;
        color: #009898;
        float: right;
    }
    #content_right,
    #content_left {
        width: 100%;
        padding: 0;
    }
    .list-item {
        margin-right: -10px;
        margin-left: -10px;
    }

    .product_info {
        bottom: 0;
    }
    .caption_cate {
        top: 18px;
        text-transform: uppercase;
        right: 50px;
        position: absolute;
        z-index: 99;
    }

    #footer table {
        width: 100%;
    }
    .cart-res {
        position: absolute;
        z-index: 999999;
        top: 15px;
        right: 50px;
    }
    .cart-res a {
        background: url('../img/shopping_cart.png') no-repeat left center;
        width: 40px;
        color: #f81b00;
        text-indent: 23px;
        padding: 0 2px;
        display: block;
        font-weight: 600;
    }
    .top-res.hidden_large {
        /*position: absolute;*/
        background: #FFF;
        left: 0;
        width: 100%;
        min-height: 40px;
        z-index: 99999;
        box-shadow: 0 0 3px #ccc;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .hotline {    
        position: absolute;
        left: 55px;
        bottom: 0;
    }
    .search_panel {
        position: absolute;
        right: 10%;
        top: 0;
		display: contents;
    }
	.search_panel form {
		margin: 0 20%;
	}
    .search_panel input[type=text]{
        max-width: 100%;
        height: 34px;
        width: 100%;
        margin-top: 3px;
    }
    .cart_panel {
        margin-bottom: 0;
        position: absolute;
        right: 0px;
        top: 5px;
    }

    .title-cate-home {
        position: relative;
    }
    .cate-child-icon {
        font-size: 20px;
        position: absolute;
        right: 0;
        top: 5px;
        border: 1px solid #eee;
        z-index: 99;
        border-bottom: 1px solid #fff;
        width: 35px;
        padding: 0 5px;
        height: 30px;
        box-sizing: border-box;
        text-align: center;
        line-height: 30px;
    }
    .list-cate-child {
        background: #FFF;
        top: 34px;
        border: 1px solid #eee;
        box-shadow: 0 1px 3px #eee;
        z-index: 1;
        z-index: 9;
        display: none;
    }
    .list-cate-child li {
        float: none;
        padding: 0 10px;
        display: block;
    }
    .list-cate-child li a {
        white-space: nowrap;
        display: block;
    }
    #frm-contact .inline {
        text-align: left;
    }

    .filter-item{
        display: none;
    }
    .filter-item.open{
        display: block;
    }

    .top .left_header i{
        display: initial;
        padding-left: 10px;
        color: #3399cc;
    }
}

@media (max-width: 980px) {
    .wrap-4,
    .wrap-5 {
        width: 33.33%
    }
    .wrap-4:nth-of-type(n),
    .wrap-5:nth-of-type(n) {
        clear: none;
    }
    .wrap-4:nth-of-type(3n+1),
    .wrap-5:nth-of-type(3n+1) {
        clear: both;
    }
    #frm-contact .row .large-3,
    #frm-contact .row .large-9 {
        width: 100%;
    }
}

@media (max-width: 768px) {

    .single_product_image,
    .single_product_info {
        width: 100%;
        display: block;
        padding: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 640px) {

    .wrap-4,
    .wrap-5 {
        width: 50%
    }
    .wrap-4:nth-of-type(n),
    .wrap-5:nth-of-type(n) {
        clear: none;
    }
    .wrap-4:nth-of-type(2n+1),
    .wrap-5:nth-of-type(2n+1) {
        clear: both;
    }


    #frm-contact,
    #contact_content {
        width: 100%;
        padding: 0;
    }
    #contact_content {
        margin-bottom: 20px;
    }
    #product #product_img {
        width: 100%;
        margin-bottom: 10px;
    }
    #product .info {
        width: 100%;
        padding-left: 0;
    }
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .panel_body table {
        width: 100%;
    }
    #footer table td {
        width: 100% !important;
        display: block;
        margin-bottom: 10px;
    }
    #tbl_cart table,
    #tbl_cart thead,
    #tbl_cart tbody,
    #tbl_cart th,
    #tbl_cart td,
    #tbl_cart tr {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #tbl_cart thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #tbl_cart tr {
        border-bottom: 1px solid #ccc;
    }
    #tbl_cart td select {
        width: 50px;
    }
    #tbl_cart tr:nth-of-type(2n+1) {
        background: #fff
    }
    #tbl_cart td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 35%;
        white-space: normal;
        text-align: left;
        min-height: 30px;
    }
    #tbl_cart td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        /*width: 45%;*/
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    /*
    Label the data
    */
    #tbl_cart td:before {
        content: attr(data-title);
    }

    #tbl_info th {
        width: 100%;
        display: block;
        text-align: left;
    }
    #tbl_info td {
        width: 100%;
        display: block;
    }
    #tbl_info input,
    #tbl_info textarea {
        width: 200px;
    }
    #contact-page .row .large-3,
    #contact-page .row .large-9 {
        width: 100%;
    }
    #contact-page .inline {
        text-align: left;
    }
    .columns input[type="text"],
    .columns textarea {
        width: 100%;
    }
}

@media (max-width: 480px) {

    .wrap-4,
    .wrap-5 {
        width: 100%
    }
}

@media (max-width: 360px) {
    .txt,
    .txta {
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 320px) {
    #tbl_contact input[type="text"],
    #tbl_contact textarea {
        width: 100%;
        box-sizing: border-box;
    }
}