@media only screen and (max-width :812px) {
    .header-in .topl, .header-in .topr { display: none }
    .logo { width: 100%; text-align: center; float: none; }
    .logo img { width: 50%; height: auto;}
    .top-tim { float: none; padding: 0; margin: 10px; }
    .dinhgiasim { margin-bottom: 15px; }
    .box-tim-out { padding:0 10px; }
    .box-tim { width: 100%; }
    .box-tim .box-search-hd { width: 100%; float: none; padding-top: 10px; box-sizing: border-box; }
    .box-tim .right { float: none; width: 100%; }
    .header-in, .content-in, .footer-in { width: 100%; }
    .header-in { padding: 10px 0; height: auto; display: flex; flex-direction: column; }
    .box-title-left { height: auto; padding-left: 10px; background: #FFFFFF; }
    .mobile-menu-btn { padding: 0 0 0 10px; line-height: 40px; font-size: 16px; color: #FFFFFF; border-bottom: 1px solid #3f3f3f; }
    .mobile-menu-btn img { vertical-align: middle; padding-right: 5px; }

    .home3box .content-in {
        grid-template-columns: 1fr;
        padding: 20px;
    }
    .home3box { margin-top: -6px; }
    .hometop, .homesale {
        width: 100%;
    }

    .menu-hd-in { width: 100%; }
    .menu-hd-in ul { float: none; width: 100%; text-align: center; }
    .menu-hd-in .mobile-line-right { border-right: 1px solid #DDDDDD; }

    .menu-out { background: #000000;
        -webkit-box-shadow: 0 4px 12px 0 hsla(0,0%,43.1%,.2);
        -moz-box-shadow: 0 4px 12px 0 hsla(0,0%,43.1%,.2);
        box-shadow: 0 4px 12px 0 hsla(0,0%,43.1%,.2);
    }
    .menu-in { width: 100%; }
    .dssim { width: 0; }
    .dssim > img { display: none; }
    .dssim .txt { display: none; }
    .dssim > ul {
        display: flex;
        position: fixed;
        margin-top: 0;
        width: 200px;
        height: 100%;
        left: -200px;
        transition: left .2s;
    }
    .dssim > ul.active {
        left: 0;
        overflow-y: scroll;
    }
    .dssim > ul > li > a { padding: 8px; font-weight: bold; }
    .dssim > ul > li:first-child > a { border-top: none; }
    .menu-mobile { display: flex; }

    .menu {
        position: fixed;
        top: 0;
        right: -200px;
        background: #FFF;
        width: 200px;
        height: 100%;
        transition: right .2s;
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
        padding: 0;
    }
    .menu.active { right: 0; }
    .menu > a { border-bottom: 1px solid #DDDDDD; padding:8px 10px; height: auto; }

    .sim-list a { width: 33%; }
    .banner { flex-direction: column; }
    .banner-right { text-align: center; }

    .content-in { flex-direction: column; padding: 5px; box-sizing: border-box }
    .col-left { width: 100%; margin-right: 0; }
    .col-mid { width: 100%; }
    .col-right { width: 100%; }

    .box-small1 { text-align: left !important; }
    .homesim a, .subsim a { width: 33%; }
    .sim-dauso a { width: 25%; }
    .box-simns a { width: 33%; }
    .home-tin-title .date { color: #000000; }
    .home-tin-title h3 { font-size: 16px; }
    .sub-tin {
        flex-wrap: wrap;
    }
    .sub-tin > div {
        width: 50%;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .ft-tab { width: 100% !important; }
    .page-step { padding-top: 10px; }
    .ft_info_logo { float: none !important; width:100% !important; padding-top: 0px !important; }
    .ft_info_text, .ft_info_bct { float: none !important; width:100% !important; }
    .box-search .search-num { width: 130px; }
    .box-search .search-gia { width: 100%; display: block; padding-top: 5px; }
    .box-search .search-gia input { width: 110px; }
    .box-dau-so { width: 100%; box-sizing: border-box; }
    .footer { margin-top: 0; }
    .footer-menu, #sim-giam-gia { display: none; }
    .footer-top {
        width: 100%;
        flex-direction: column;
        padding: 10px;
        box-sizing: border-box;
    }
    .footer-top > div { margin-right: 0; }
    .footer-top a {
        margin-bottom: 5px;
        padding: 5px;
    }
    .footer-in { padding: 0 10px; box-sizing: border-box; }
    .footer-in .fstep { flex-direction: column; display: none }
    .footer-in .fstep div { margin-bottom: 10px; }
    .footer-in .fstep div:last-child { margin-bottom: 0; }
    .block-tintuc .col-6 { width: 100%; margin: 0;}
    .mobile-hide { display: none !important; }
    .mobile-show { display: block; }
    .locnhanh > ul > li:last-child > ul { left: -20px; }
    .subsimns a { width: 33%; }
    .listnew > li { width: 49%; }
    .listnew > li > a { width: 100%; padding-left: 0px; }
    .listnew > li > a > .anhmang {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: auto;
        bottom: 10px;
    }
    .listnew > li > a > .anhmang img { width: 86%; }

    .home-listsim > .col-3, .home-listsim > .col-4 { width: 50%; }
    .home-listsim .item .mang { top: 11px; }
    .home-listsim .item .mang img { width: 25px; }
    .home-listsim .item .tt { padding-left: 42px; padding-top: 6px; }
    .home-listsim .item { font-size: 16px; }
    .box-mang {
        display: flex;
        margin-top: 10px;
        width: 680px;
    }
    .box-mang > a {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: 10px;
        border: 1px solid #333;
        border-radius: 20px;
        padding: 5px;
        font-weight: bold;
    }
    .box-mang > a:last-child { margin-right: 0; }
}
@media only screen and (max-width :568px) {
    .res-tab-hide { display: none; }
    .hide-414 { display: none }
}
@media only screen and (max-width :414px) {
    .sim-list a { width: 50%; }
    .homesim a, .subsim a { width: 50%; }
    .box-simns a { width: 50%; }
    .subsimns a { width: 50%; }
    .locnhanh > ul > li:last-child > ul { left: -83px; }
}
@media only screen and (max-width :360px) {
    .home-listsim .item .sosim { font-size: 15px; }
}
@media only screen and (max-width :320px) {
    .nhaplieu { width: 278px; }
    .locnhanh > ul > li:last-child > ul { left: -95px; }
    .home-listsim { padding: 5px 0; }
    .home-listsim .item .mang { top: 11px; }
    .home-listsim .item .mang img { width: 16px; }
    .home-listsim .item .tt { padding-left: 30px; padding-top: 6px; }
    .home-listsim .item .sosim { font-size: 14px; }
}