﻿@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*/
    #tintuc .tintuc-item {margin-right:0}
       #tintuc .tintuc-item1 {height:183px;width:calc((100% - 16px) / 2)}
       #tintuc .tintuc-item1:nth-child(even) {margin-right:0}
       #tintuc .wrapper-tt {height:134px;width:89.56%;margin:10px auto}
       #ttct .ttct1 .lvchitiet-l {display:none}
       #ttct .lvchitiet-r {width:100%; float:none}
      #tintuc .tt-nd {width:61%}
      #tintuc .tt-nd1,#tintuc .tt-nd2 {width:100%}
      #tintuc .tt-nd1, #tintuc .tt-nd2 {font-size: 12px}
}

@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*/
     #tintuc .tintuc-item1 { width: calc((100% - 16px)/ 2);}
     #tintuc .tintuc-item1:nth-child(even) {margin-right: 0}
     #tintuc .tintuc-item1 .khungAnh:before {padding-bottom:71%}
     #ttct .cc {display:none}
     #ttct .ttct-name {font-size:20px!important}

}

@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*/
     #tintuc .tintuc-item1 {width: 100%}
      #tintuc .tintuc-item1 .khungAnh:before {padding-bottom:61%}
}