﻿
/**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /*/*---------COMMON--------*/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/


@media (max-width: 750px) {
    .mtop30-res {
        margin-top:30px;
    }
}

/*----------Chỉnh cartPopup-----------*/

@media (max-width: 970px) {
    #popup-box-cart .item-count-cartPopup {
        color: #666;
        font-size: 15px;
    }
}

@media (max-width: 600px) {
    #popup-box-cart .item-img-cartPopup {
        width: 50%;
    }

    #popup-box-cart .item-info-cartPopup {
        width: 50%;
    }

    #popup-box-cart .item-count-cartPopup {
        width: 100%;
        margin-top: 15px;
        display: none;
    }

    #popup-box-cart .item-img-cartPopup img {
        max-height: 125px;
    }
}

/*----------Chỉnh list products----------*/

@media (min-width:600px) and (max-width: 750px) {
    .box-action-view-3 {
        width: 33.33%;
    }

    .box-action-view-2 {
        width: 33.33%;
    }

    .box-action-view-1 {
        width: 33.33%;
    }
}

@media (min-width:450px) and (max-width: 599px) {
    .box-action-view-3 {
        width: 50%;
    }

    .box-action-view-2 {
        width: 50%;
    }

    .box-action-view-1 {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 449px) {
    .box-action-view-3 {
    }

    .box-action-view-2 {
        margin-bottom: 10px;
    }

    .box-action-view-1 {
        margin-bottom: 10px;
    }
}

/*-----*/
@media (max-width: 449px) {
   .product-list-row-image{
       width:100%;
   }
   .product-list-row-info{
       width:100%;
       margin-top:9px;
   }
}


/*------------Chỉnh Product Detail-------------*/
@media (max-width: 749px) {
   .info-product-detail-block{
       margin-top:20px;
   }
}
@media (max-width: 500px) {
   .label-field-product-detail{
       width:50%;
   }
   .value-field-product-detail{
       width:50%;
   }
}


/*-----------Chỉnh list news----------*/
@media (max-width: 600px) {
   .title-news-listNewsPage a{
        font-size:15px;
        font-weight:600;
    }
   .time-post-news{
        color:#aaaaaa;
        margin-bottom:3px;
        font-size:11px;
    }
   .des-news-listNewspage{
        line-height:18px;
        max-height:72px;
        overflow:hidden;
    }
}

/*---------Chỉnh shopping cart--------*/
@media (max-width:500px)
{
    .cart-shopping-total .cart-sub-total label, .cart-shopping-total .cart-sub-total span{
        width:100%;
    }
    .cart-shopping-total .cart-grand-total label, .cart-shopping-total .cart-grand-total span{
        width:100%;
    }
}

/*--------------Chỉnh cart product-------------*/
@media (max-width:500px)
{
    .list-cart-web.dropdown-menu{
        width:320px;
    }
}

/*--------------Chỉnh Checkout page-------------*/
@media (max-width:600px) 
{
    #title-checkout-page {
        font-size: 13px;
    }
}

/*-Step 1-*/
@media (max-width:750px)
{
    .already-registered-login {
        margin-top:30px;
        padding-top:30px;
        border-top:1px solid #666666;
    }
}

@media (max-width:600px)
{
    .checkout-box .checkout-steps .panel-body {
        padding: 15px;
    }
}

/*-Step 2-*/
@media (max-width:750px)
{
    #shippingAddress{
        margin-top:15px;
        border-top:1px solid #999999;
        padding-top:15px;
    }
}

/*-Step 3-*/
@media (max-width:750px)
{
    .list-payment-method{     
    }
    .list-shipping-method{
        margin-top:30px;
    }
}

/*-----------------------Trang Register & Login-----------------------*/
@media (max-width:750px){
    .create-new-account {
        margin-top:15px;
        border-top:1px solid #666666;
        padding-top:15px;
    }
    .bg-menuuser-common{
        margin-bottom:15px;
    }
}


@media (min-width: 1366px) {
    /*.productlist .product {margin:0px -15px;}*/
} 
@media (min-width: 1200px) and (max-width: 1365px){
    /*.productlist .product {margin:0px -15px;}*/
     
}
@media (min-width: 992px) and (max-width: 1199px){
    /*.productlist .product {margin:0px -15px;}*/
   
}
@media (min-width: 1200px) {
     .pding10 {
        padding: 0 10px;
    }
     .pdrightleft0{ padding-left: 0;padding-right: 0;}
.pdleft0{ padding-left: 0;}
.pdright0{ padding-right: 0;}
}
@media (min-width: 768px) and (max-width: 992px){
     .header-mid {
        background: #f9f6d2;
    }
}
@media (max-width:767px){

}
@media only screen and (min-width: 320px) and (max-width: 480px){
    .header-mid {
        background: #f9f6d2;
    }
}
@media only screen and (min-width: 240px) and (max-width: 320px){
   
}