/*Ipad ngang(1024 x 768)*/
@media screen and (max-width: 1024px){

}

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

}

/*Ipad dọc(768 x 1024)*/
@media screen and (max-width: 768px)
{
    .masr-body{overflow-x: hidden;}
    .div-top{display:none}
    .top-div-logo{height:155px}
    .divqc{display:none}
    .log-note-1{display:none}
    .div-mota{display:none}
    .div-mota-gia{display:none}
    .masr-left{display:none}
    .masr-right{display:none}
    .masr-center-nomasr{width:100%}
    .mblogin input{width:98%}
    .log-btn-xbg1{font-size:10pt}    
    .frame-tinh-gia{width: 100%}
    .log-note-1{display:none}
    .top_hotline{display:none}
    .top_hotline1{padding-top:0px}
    .frame_chonsp{ width:480px}
    .div_lbl1_tsp{display:none}
    .txt-ten-sanpham{padding-top:5px;font-weight:bold !important}
    .col-0-3
    {
        flex: 0 0 12%;
        max-width: 12%;
        height:30px;        
    }
    .col-0-5
    {
        flex: 0 0 20%;
        max-width: 20%;        
    }
    .class_mota{display:none}
    .height-34{height:auto;}
    .divbody{background-image:none}
    .divbody input
    {
        margin-left:5px
    }
    .divbody select
    {
        margin-left:5px;max-width:300px;
    }
    .height-mobile
    {
        height:auto;
    }
    .btn_xemqc
    {
        display:none;
    }
    .tg-title1-cmnn
    {
        height:70px
    }
    .height-dh
    {
        height:auto
    }    
    .select_100
    {
        height:auto;width:150px;background:#fafafa
    }    
    .select_80
    {
        height:auto;width:150px;background:#fafafa
    }    
    .top_diachi_mobile{display:block}
    .header
    {
        display:block;
    }
    .dropdowndiv_sub
    {
        max-width:350px;
        height:auto;
    }
    .ddown_list
    {
        width:100%;
    }
    .height-mobile-gc
    {
        height:100px;
    }
    .thuvienanh_tuychon
    {
        width:100%
    }
    .thuvienanh_video
    {
        text-align:left
    }
    .thuvienanh_video1
    {
        text-align:left
    }
    .thuvienanh_video iframe
    {
        width:100% !important
    }
    .thuvienanh_video img
    {
        width:100% !important
    }
    .thuvienanh_video1 img
    {
        width:100% !important
    }
    .thuvienanh_tieude_nhom_lienquan{width:100%}
    .div-cart input
    {
        background:lightgray;width:80%;height:30px
    }
    .div-cart select
    {
        background:lightgray;width:80%;height:30px
    }
}
/*Tablet 
}
/*Tablet nhỏ(480 x 640)*/
@media screen and (max-width: 480px)
{
    .masr-body{overflow-x: hidden;}
    .div-top{display:none}
    .top-div-logo{height:155px}
    .divqc{display:none}
    .log-note-1{display:none}
    .div-mota{display:none}
    .div-mota-gia{display:none}
    .masr-left{display:none}
    .masr-right{display:none}
    .masr-center-nomasr{width:100%}
    .mblogin input{width:98%}
    .log-btn-xbg1{font-size:10pt}
    .frame-tinh-gia{width: 100%}
    .log-note-1{display:none}
    .top_hotline{display:none}
    .top_hotline1{padding-top:0px}
    .frame_chonsp{ width:480px}
    .div_lbl1_tsp{display:none}
    .txt-ten-sanpham{padding-top:5px; font-weight:bold !important}
    .col-0-3
    {
        flex: 0 0 12%;
        max-width: 12%; 
        height:30px;               
    }
    .col-0-5
    {
        flex: 0 0 20%;
        max-width: 20%;        
    }
    .class_mota{display:none}
    .height-34{height:auto;}
    .divbody{background-image:none}
    .divbody input
    {
        margin-left:5px
    }
    .divbody select
    {
        margin-left:5px; max-width:300px;
    }
    .height-mobile
    {
        height:auto;
    }
    .btn_xemqc
    {
        display:none;
    }
    .tg-title1-cmnn
    {
        height:70px
    }
    .height-dh
    {
        height:auto
    }            
    .top_diachi_mobile{display:block}
    .header
    {
        display:block;
    }
    .dropdowndiv_sub
    {
        max-width:350px;
        height:auto;
    }
    .ddown_list
    {
        width:100%;
    }
    .height-mobile-gc
    {
        height:100px;
    }
    .thuvienanh_tuychon
    {
        width:100%
    }
    .thuvienanh_video
    {
        text-align:left
    }
    .thuvienanh_video1
    {
        text-align:left
    }
    .thuvienanh_video iframe
    {
        width:100% !important
    }
    .thuvienanh_video img
    {
        width:100% !important
    }
    .thuvienanh_video1 img
    {
        width:100% !important
    }
}
/*Iphone(480 x 640)*/
@media screen and (max-width: 320px){
  
}
/*Smart phone nhỏ*/
@media screen and (max-width: 240px){
   
}