@media (max-width: 1024px) {
    #main{
        width:94%;
        overflow: hidden;
    }
    
    #logo{
        width:94%;
    }
    
    nav{
        width:95%;
    }
    
    footer{
        width:94%;
    }
    
    #site_content{
        width:94%;
    }
    
    #products ul li{
        font-size:17px;
    }
    
    .popup-product-item #amount{
        width:90%;
        height: 30px;
        font-size: 15px;
    }
    
    .popup-product-item #comment{
        width:92%;
        font-size: 15px;
    }
    
    .popup-product-item #btn-add-product-item{
        width:92%;
    }
    
    .merchant-info ul li{
        font-size:15px;
    }
    
    #merchant-info #merchant_info_address{
        display:block;
    }
    
    #order-table .edit{
        width:11%;
    }
    
    .editProductItemContainer{
        position:absolute;
        top: 0;
        left: 100px;
    }
    
    table tr td{
        font-size:14px;
    }
    
}  /*   @media (max-width: 1024px)   */



@media (max-width: 768px) {
    h2.phone{
        display:none;
    }
    
    ul#nav{
        float:none;
    }
    
    #sidebar_container{
        display:none;
    }
    
    .homepage-merchant-info .address{
        display:block;
    }
    
} /*   @media (max-width: 768px)   */



@media (max-width: 700px) {
    #logo_text h2{
        font-size: 17px;
        margin-top: 40px;
    }
    
    .image-right{
        display:none;
    }
    
    ul#nav li a{
        padding: 13px 10px 13px 10px;
        font-size: 18px;
    }
    
    .copyright{
        font-size:11px;
    }
    
    .homepage-merchant-info{
        width:100%;
        padding: 0 5px 20px 5px;
        border:none;
    }
    
    .homepage-merchant-info h3{
        text-align:center;
    } 
    
    .homepage-merchant-info #btn_merchant{
        position:initial;
    }
    
    #data-info{
        bottom:10px;
        right:-35px;
    }
    
    #order{
        padding:0 5px;
    }
    
    #order-table th{
        font-size:12px;
        padding:5px 2px;
    }
    
    .merchant-info{
        overflow:hidden;
    }
    
}

@media (max-width: 450px) {
    #order-table th.code, #order-table th.price_subtotal, #order-table td.product_item_code, #order-table td.product_item_subtotal, #order-table th.comment, #order-table td.product_item_comment{
        display:none;
    }
    
    #note{
        width:100%;
    }
    
    .merchant-info ul{
        margin:0;
        padding: 10px 0;
    }
    
    .merchant-info ul li#merchant_info_ID, .merchant-info ul li#merchant_info_phone{
        margin-right:100px;
    }
    
    .merchant-info ul li.merchant_info_email, .merchant-info ul li.merchant_info_phone{
        padding:0 0 4px 0;
    }
    
    .merchant-info ul.middle_section{
        border-top:1px solid;
        border-bottom:1px solid;
    }
    
    
}