@media only screen and (max-width :1024px) {
    .menu-hd-in { width: 100%; justify-content: center; }
    .header-in { width: 100%;
        flex-direction: column;
    }
    .header-in > div { width: 100%; text-align: center }
    .htim { padding: 5px; }
    .htim form { width: 65%; }
    .htim a { width: 35%; }
    .menu > ul { margin-top: 5px; }
    .content-in { width: 100%; padding: 10px; }
    .home-s1 .content-in { padding: 20px; height: 500px }
    .home-s1 .content-in > .left { padding-top: 0; }
    .home-s1 .anhapp { position: unset; margin-top: 20px; }
    .home-s1 .anhapp > img { width: 100%; }
    .bg-s1 { bottom: auto; }
    .home-s2 { padding: 0; }
    .home-s2 .tienich { flex-direction: column; }
    .home-s2 .tienich > a { width: 100%; margin-bottom: 20px; }
    .home-s3 { padding: 10px 0; }
    .home-s3 .dichvu { margin:-5px; }
    .home-s3 .dichvu > a { flex-direction: column-reverse; margin: 5px; width: calc(50% - 10px); }
    .listgd { overflow: auto; }
    .listgd > div {
        min-width: 1200px;
    }
    .home-s4 { padding: 0; }
    .home-s5 .content-in {
        flex-direction: column;
        padding: 20px;
    }
    .home-s5 .content-in > div:first-child { margin-right: 0; margin-bottom: 20px; }
    .home-s5 .content-in img { width: 100%; }
    .home-s6 .dv {
        flex-direction: column;
    }
    .home-s6 .dv a:nth-child(2) { margin: 10px 0; }
    .home-s6 .dv2 { margin: 0; flex-direction: column; }
    .title, .title2 { padding: 10px 0; }
    .title3 { padding: 10px 0; }
    .morelink { margin: 0; }
    .morelink a {
        width: calc(25% - 6px);
    }
    .footer { padding: 10px; }
    .footer-in { flex-direction: column; }
    .footer-in > div { width: 100%; }
    .copyright { padding: 10px; }
    .copyright .content-in { flex-direction: column; }
    .copyright .txt { margin-left: 0; margin-top: 10px; }
    .listsim { margin: 5px -5px; }
    .listsim .item {
        margin: 5px;
        width: calc(50% - 10px);
    }
    .listsim .item .ct { display: none; }

    .xemsim-top {
        flex-direction: column;
    }
    .xemsim-top .sim { width: 100%; }
    .xemsim-top .tt { width: 100%; }
    .xemsim-top .tt .t1 { flex-direction: column; }
    .xemsim-top .tt .t2 { flex-direction: column; }
    .xemsim-top .tt .t2 > a { text-align: center; }
    .xemsim-top .tt .t2 > a.btn2 { margin: 0; }
    .xemsim-top .tt .t2 > a:not(:last-child) { margin-bottom: 5px; }

    .xemsim {
        flex-direction: column;
    }
    .xemsim .xemsim-top { width: 100%; margin-right: 0; margin-bottom: 10px; }
    .xemsim .nhap { width: 100%; }
    .list-tin .item {
        width: calc(50% - 10px);
    }
    .box-lienhe {
        padding: 20px;
    }
    .diachi { flex-direction: column; }
    .diachi > div:first-child { margin-right: 0; margin-bottom: 20px; }
    .box-lienhe .tb, .box-lienhe .lh { margin: 10px; }
    .thanhtoan {
        flex-direction: column;
    }
    .thanhtoan > div:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .bank {
        grid-template-columns: 100%;
    }
    .gioithieu .left12 { width: 100%; padding: 30px 0; }
    .gioithieu .s1 .ct { font-size: 34px; }
    .gioithieu .s1 .ct2 { font-size: 44px; }
    .gioithieu .s2 { padding-bottom: 60px; }
    .gioithieu .s2 .tt { font-size: 25px; }
    .gioithieu .s2 iframe {
        width: 100%;
        height: 200px;
    }
    .gioithieu .sl { display: flex; flex-direction: column; justify-content: center; align-items: center }
    .gioithieu .sl { width: 100%; padding: 20px; height: auto; background: #9C0403; border-radius: 10px; }
    .gioithieu .sl > div { order: 2; }
    .gioithieu .sl .l { position: relative; width: 100px; height: 100px; order: 1; margin-bottom: 20px; }
    .gioithieu .s4 { flex-direction: column; padding: 20px; }
    .gioithieu .s4 > div:first-child { margin-bottom: 20px; }
    .gioithieu .s4 .swiper { width: 100%; height: auto }
    .gioithieu .s5::before { height: 50px; }
    .gioithieu .s6 .ut::before { left: 5px; }
    .gioithieu .s6 .ut::after { right: 5px; }
    .gioithieu .s6 .tc { flex-direction: column; align-items: center; }
    .gioithieu .s6 .tc > div { width: 70%; padding: 20px; }
    .thuesim { width: 100% }
}
@media only screen and (max-device-width :736px) and (min-device-width :640px) {

}
@media only screen and (max-width: 568px) {
    .list-tin .item {
        width: calc(100% - 10px);
    }
}
/* iPhone 5, 5s */
@media only screen and (max-width :320px) {

}