﻿@media (max-width:991px){
    .menu-mobile{display: block}
    .menu-desktop{display: none}
    .w-logo{text-align: center}
    .w-logo img{height: 40px}
    #simple-menu{position: fixed; left: 10px; top: 10px; font-size: 36px; color: #0095e5}
    #header-top{padding-bottom: 20px}
    .padding0m{padding: 10px}
    .hide-m{display: none}
    .center-m{text-align: center}
    .top-hotline .phone{line-height: 45px}
    .btn-close-menu{float: right; margin: 5px}
}
@media (max-width:1199px){.menu-desktop .menu li a{padding:10px 20px}
    .top-hotline{font-size: 12px}
    .top-hotline .phone{font-size: 14px}
    .menu-desktop ul.menu li a{padding: 15px 13px}
}
@media (min-width:1200px){}


/*css Mới*/
@media (max-width: 991px) {
    .list_tax_loc li {
        width: 50% !important;
    }
}

@media (max-width: 480px) {
    .list_tax_loc li {
        width: 100% !important;
    }
}

@media screen and (min-width: 1367px) {
    .container {
        max-width: 1190px;
    }
}


@media screen and (min-width: 1200px) and (max-width: 1366px) {

    .container {
        max-width: 1190px;
    }
}

@media screen and (min-width: 993px) and (max-width: 1199px) {
    .container {
        max-width: 100%;
    }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    .container {
        max-width: none;
        padding: 0 15px;
    }
}

@media screen and (max-width: 767px) {
    .row {
        padding: 15px;
    }

    .gd_group_location {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .dr {
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 360px) {

    .table td, .table th {
        padding: .75rem .3rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
    }
}

@media screen and (max-width: 460px) {

    .table td, .table th {
        font-size: 14px;
    }
}


