﻿@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*/
     #footer {position:relative;height:auto}
    #footer #ft-l {width:42.58%;height:auto}
    #footer .map {position:absolute;top: 61px;left: 50.65%;}
    #footer #ft-r {width:49.17%}
    #footer .ft-thongke p  {float:none;display:block;line-height:20px}
    #footer .ft-thongke {margin-left:165px;margin-top:15px}
    #footer .tongtruycap {margin:0}
       #footer .trochuyen_rwd {width:220px;height:43px;background:url(trochuyen.png) left no-repeat #0092d3;margin-top:15px;display:block;float:right}
    #footer .bttop_rwd {height:28px;width:28px;background:url(bttoprwd.png) no-repeat;float:right;margin-right:11px;margin-top:8px;cursor:pointer}
}

@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*/
    #footer #ft-r,#footer #ft-l,#footer .map {float:none; width:100%}
    #footer .map {position:relative;left:0;top:0;margin-top:20px}
    #footer .ft-thongke {display:none}
    #ft-l .ft-l-tt1 {background-position-y:5px}
    #footer .ft-doitac .owl-item {width:auto}
    #footer .ft-doitac .item {width:calc(100% - 6px)}
     #footer .trochuyen_rwd {width:100%}
     #footer #ft-r {margin-top:40px}
}

@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*/


}