@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*/
    /*.wrapper {width:768px}*/
    #duanmoi .dam-item {height:auto}
    #duanmoi .dam-item31 {float:none;margin-bottom:16px;width:100%;height:249px}
    #duanmoi .dam-item31 .khungAnh:before {padding-bottom:70.55%}
    #duanmoi .dam-item2 {width:calc((100% - 16px) / 2);height:auto}
    #duanmoi .dam-item3 {width:100%}
    #duanmoi .dam-item1 {width:calc((100% - 16px) / 2);height:513px;overflow:hidden}
    #duanmoi .dam-item1 .khungAnh:before {padding:0;padding-bottom:144.3%}
    #duanmoi .dam-item4 {display:block;width:calc(200% + 16px);margin-top:309px;margin-left:-104.08%;height:auto}
    #duanmoi .owl-dot {    width: 7px;height: 7px;background: rgba(0,0,0,0.5);float: left;margin-right: 9px;}
    #duanmoi .owl-dot.active {background: #0092d3}
    #duanmoi .owl-dots { display: table;margin: 0px auto;margin-top: 10px}

    }
@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*/
    #duanmoi {height:auto}
    #duanmoi .dam-item1,#duanmoi .dam-item2,#duanmoi .dam-item31,#duanmoi .dam-item4 {width:100%;height:209px;float:none}
    #duanmoi .dam-item2,#duanmoi .dam-item3 {height:auto}
    #duanmoi .dam-item1,#duanmoi .dam-item31 {margin-bottom:10px}
    #duanmoi .dam-item4  {margin:0}
    #duanmoi .dam-item4 .khungAnh:before {padding-bottom:69.66%}
    #duanmoi .dam-item1 .khungAnh:before {padding-bottom:39.21%}
}

@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*/
     #duanmoi .dam-item1 .khungAnh:before {padding-bottom:69.66%}

}