﻿@media (max-width:1359px){
    /*Bắt đầu từ 1200 tính tương ứng với trường hợp lớn hơn tablet - bắt đầu của PC - thường là 4 hoặc 5 cột*/

}

@media (max-width:1199px){
    /*Bắt đầu từ 992 tính tương ứng với trường hợp tablet quay ngang - thường là 3 hoặc 4 cột*/

}

@media (max-width:991px){
    /*Bắt đầu từ 768 tính tương ứng với trường hợp tablet dựng dọc - thường là 2 hoặc 3 cột*/
    #camnhan .owl-carousel1,#camnhan .owl-thumbs {height:auto;width:calc((100% - 16px) / 2)}
    #camnhan .wrapper-cm {width:90.7%}
    #camnhan .cm-nd {line-height:24px; height:240px}
    #camnhan .owl-thumb-item {width:calc(100% - 21px)}
    #camnhan .cm-tt {float:left;margin-left:13px;width:67.04%}
    #tuvan .lvchitiet-l,#tuvan .lvchitiet-r{width:100%!important;float:none}
    #tuvan .tuvan-item-wr {width: 90%}
    #tuvan.camnhan #camnhan .cm-wr {width:93.05%}
    #tuvan.camnhan #camnhan .camnhan-item .cm-tt {width:69.66%}
    #camnhan .owl-carousel1, #camnhan .owl-thumbs {height:auto!important}
    #camnhan .wrapper-cm {margin-top:10px}
    #camnhan .cm-nd {height:auto;padding-bottom:20px}
    #tuvan .lvchitiet-l {margin-bottom: 11px!important}
}

@media (max-width:767px){
    /*Bắt đầu từ 480 tính tương ứng với trường hợp mobile quay ngang - thường là 2 cột*/
    #camnhan .owl-carousel1,#camnhan .owl-thumbs {width:100%}
     #camnhan .owl-carousel1 {margin-bottom:10px}
     #camnhan .cm-active {background:url(border-slidethumb.jpg) no-repeat;left:-2px; width:2px}
     #camnhan {margin-bottom:20px}
}

@media (max-width:479px){
    /*Bắt đầu từ mobile, tức css viết ngoài cùng là css cho trường hợp mobile dựng dọc - thường là 1 cột, padding left right 15px*/


}