@media only screen and (max-width: 1024px) {
    .list-type {
        width: 50%;
        padding: 10px;
    }

    li.header-search-form.search-form.html.relative.has-icon {
        display: none;
    }
}

@media only screen and (max-width: 849px) {
    .nav.nav-vertical li {
        padding-right: 2px;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        font-size: 14px;
    }

    input#woocommerce-product-search-field-1 {
        font-size: 13px;
    }
    
    button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
        line-height: 15px;
        background: #27ae60;
        color: #fff;
    }
    
    button.ux-search-submit.submit-button.secondary.button.icon.mb-0 i {
        font-size: 14px;
        line-height: 8px;
    }
    .div-bar-step {
        width: 30px;
    }

    textarea#order_comments {
        margin: 0;
    }
    
    .page-checkout .large-7.col {
        padding-bottom: 0;
    }

    div#top-bar {
        padding: 5px;
    }

    .row-icon-service>.col {
        border-right: 0;
        width: 50%;
        max-width: 50%;
        flex-basis: 50%;
    }

    .nav-tabs+.tab-panels {
        padding: 15px;
    }
}

@media only screen and (max-width: 768px) {
   
}

@media only screen and (max-width: 767px) {
    .touch-scroll-table table {
        width: 100%;
        min-width: 767px;
    }
}

@media only screen and (max-width: 549px) {

    .row-addtocart-right {
        width: 100%;
        padding-top: 8px;
    }
    
    .variation_product_row {
        display: flex;
        flex-flow: row wrap;
        font-weight: 600;
        align-items: center;
        margin-bottom: 10px;
        border-bottom: 1px solid #efefef;
        padding-bottom: 10px;
    }

    .inner-type img {
        max-width: 100%;
    }

    .col.icon-line_ {
        margin-bottom: 15px;
    }

    table.scf-bank tbody tr {
        width: 100%;
        display: flex;
    }
    
    .div-bar-step {
        display: none;
    }

    .detail-staus {
        font-size: 12px;
    }
   
}

@media only screen and (max-width: 479px) {
    
    .row-icon-service>.col {
        border-right: 0;
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }
   
}

@media only screen and (max-width: 360px) {
   
}

@media only screen and (max-width: 320px) {
   
}