.offcanvas-header {
    display: none
}

@media only screen and (max-width:320px) {
    .navbar-header a.color-user {
        display: none
    }
}

@media (max-width:768px) {
    .navbar-inverse .navbar-nav>li>a.border-roat {
        padding-left: 1rem !important;
    }
    .down-toggle::after {
        float: right;
        margin-top: 10px;
        margin-right: 10px;
    }
    .navbar-brand>img {
        max-width: 90px!important;
    }
    .clipped {
        bottom: 0px !important;
        left: 90px !important;
        width: 215% !important;
        font-size: 14px !important;
    }
    .word {
        font-size: 16px !important;
        bottom: 0px !important;
        left: 105px !important;
    }
    .text-search-head .title-h2 {
        font-size: 20px;
        padding: 0 15px !important;
    }
    .carousel-caption {
        width: 90%!important;
        right: 5%!important;
        top: 10px!important;
        bottom: 0!important;
        left: 5%!important
    }
    .carousel-caption h2 {
        font-size: 22px!important;
        padding-top: 0!important;
        padding-bottom: 0!important;
        line-height: 28px!important
    }
    .carousel-caption h3 {
        font-size: 14px!important;
        padding-top: 5px!important;
        line-height: 24px!important;
        padding-bottom: 10px!important
    }
    img {
        height: auto;
        vertical-align: middle;
        border: 0;
        -ms-interpolation-mode: bicubic
    }
    .item-banner ul li:first-child,
    .item-banner ul li {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .item-banner ul li:first-child>a>.banner-img {
        width: 100% !important;
        height: 180px !important;
    }
    .item-banner ul li .banner-img {
        width: 100% !important;
        height: 180px !important;
        margin: 0 !important;
    }
    .box-info {
        margin-top: 1.5rem;
    }
    .detail-page article,
    .padd-mobiles .col-12 {
        padding-left: 0;
        padding-right: 0
    }
    .padd-mobiles .page-new-title h1 {
        text-align: center;
        padding-top: 20px
    }
    .padd-mobiles .page-item-des h2 a {
        font-size: 1.5em;
        line-height: 28px;
        font-weight: 500
    }
    .padd-mobiles .page-item-des,
    .padd-mobiles .page-social {
        padding: 0
    }
    .padd-mobiles .detail-page header h1 {
        padding-left: 0;
        padding-top: 5px;
        padding-bottom: 10px
    }
    .padd-mobiles .detail-page-show {
        padding: 10px 0
    }
    .detail-page header h1,
    .h1-text {
        font-size: 1.5rem!important;
        font-weight: 700!important
    }
    .bg-des ul {
        border-left: none!important;
        padding-left: 10px!important
    }
    .tags a {
        border: 1px solid #eee;
        display: inline-flex;
        padding: 1px 4px!important
    }
    .heading_banner img {
        height: 200px!important
    }
    .swiperslide {
        height: 150px!important
    }
    .swiper-lazy {
        height: 300px !important;
    }
    .top-review .li-box {
        margin-bottom: 1rem!important
    }
    .card-master .li-box {
        margin-top: 1rem!important
    }
    .edits-group li a {
        font-weight: 500
    }
    .breadcrumb {
        margin-top: .5rem!important;
        padding: .5rem 0!important;
        margin-bottom: .5rem!important
    }
    .p-mobile {
        padding-top: .5rem!important
    }
    .mobile-flex>div>a,
    .p-mobile .pr-3 {
        padding-right: 0!important
    }
    .p-mobile .pl-3 {
        padding-left: 0!important;
        margin-top: 1.5rem
    }
    .section-title h4 {
        font-size: 1.2em!important
    }
    .artic-title-item h2,
    .card-master-title h3 {
        font-size: 1.8em!important
    }
    .item-maps span {
        min-height: auto !important;
    }
    .news-all .card {
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, .125);
        border-radius: 0
    }
    .section-title-detail h4 {
        font-size: 1rem!important;
        font-weight: 500!important
    }
    .page-content {
        background-color: #fff;
        padding-top: 10px
    }
    .detail-page {
        background-color: #fff!important;
        box-shadow: none!important;
        padding: 10px!important
    }
    .py-10,
    .py-t-10 {
        padding-top: 10px
    }
    .py-10,
    .py-b-10 {
        padding-bottom: 10px
    }
    .detail-page-show h1,
    .detail-page-show h2 {
        font-size: 1.25rem!important
    }
    .detail-page-show .content p img,
    .navicat {
        width: 100%!important
    }
    .detail-service>div.col-12 {
        padding-left: 10px;
        padding-right: 10px
    }
    .detail-service .mt-4 {
        margin-top: .8rem!important
    }
    .detail-service ul li.list-group-item {
        padding: .5rem 0
    }
    .text-contents {
        font-size: 1.125rem!important
    }
    .mt-mobile-form {
        margin-top: 1.25rem
    }
    .pl-d-mobile {
        padding-left: 15px!important
    }
    .owl-carousel.owl-drag .owl-item {
        margin-right: 0
    }
    .mobile-flex>div {
        display: block!important
    }
    .mobile-flex img.avatar-item {
        float: none;
        width: 100%;
        height: auto;
        max-height: 200px;
        object-fit: cover;
        padding-bottom: 15px
    }
    .detail-page article.p-3,
    .mobile-flex>div .news-item {
        padding: 0!important
    }
    .detail-head .d-none-m,
    .navbar-inverse .navbar-nav>li ul.dropdown-menu-right::before {
        display: none
    }
    .pr-m-0 {
        padding-right: 0
    }
    .pl-m-0 {
        padding-left: 0
    }
    .rounded-circle-100 {
        width: 80px!important;
        height: 80px!important
    }
    .resp-sharing-button--facebook,
    .resp-sharing-button--pinterest,
    .resp-sharing-button--twitter {
        background-color: #eee!important;
        border-color: #eee!important
    }
    .item-figure,
    .item-figure-w2 {
        width: 380px !important;
        height: 190px !important;
    }
    .text-search-head .title-h2 span.cl {
        color: #fff !important;
    }
    .search-index .edit-col-12 {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .search-index .edit-col-12-2 {
        width: 100% !important;
        -webkit-width: 100% !important;
        -moz-width: 100% !important;
        -o-width: 100% !important;
        -os-width: 100% !important;
    }
    .search-index .edit-col-12 {
        margin-left: 0 !important;
    }
    .group_block {
        display: block !important;
    }
    .group-search-right {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .btn-psearch {
        width: 100% !important;
    }
}

@media (min-width:768px) {
    .h-md-245 {
        height: 245px
    }
}

@media only screen and (orientation:landscape) {
    .ath-container.ath-phone {
        width: 24em
    }
    .ath-android.ath-phone,
    .ath-ios.ath-phone {
        margin-left: -12em
    }
    .ath-ios6:after {
        left: 39%
    }
    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: .4em;
        top: 1.8em
    }
    .ath-ios8.ath-phone:after {
        bottom: auto;
        top: -.9em;
        left: 68%;
        z-index: 2147483641;
        box-shadow: none
    }
}

@media (min-width:992px) {
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }
    ul.dropdown-menu {
        transition: .5s
    }
    .dropdown:hover>.dropdown-menu {
        display: block;
        left: 0;
        border: 0;
        top: 97%;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
        -o-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
        padding: 10px 0;
        min-width: 270px;
        transform: scale(1)
    }
    .dropdown:hover>.dropdown-menu>li a {
        font-size: .938rem;
        display: block;
        padding: 8px;
        border-bottom: 1px solid #eee;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    .dropdown:hover>.dropdown-menu>li:last-child a {
        border-bottom: none
    }
    .dropdown:hover>.dropdown-menu>li a:hover {
        padding-left: 10px
    }
    .dropdown>.dropdown-toggle:active {
        pointer-events: none
    }
    .dropdown-menu li>a {
        color: #333;
        display: block;
        text-decoration: none;
        line-height: 30px
    }
    .dropdown-menu li>a:hover {
        color: #ec3237;
        text-decoration: none
    }
    .page-container {
        max-width: 960px
    }
}

@media (max-width:992px) {
    #header {
        height: 60px !important;
    }
    .navbar-inverse {
        min-height: 60px!important
    }
    .navbar-brand {
        padding: 2px 0!important;
        margin-right: 0;
        margin-left: 12px;
    }
    .px-m0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .px-10 {
        padding-left: 10px!important;
        padding-right: 10px!important
    }
    .bg-support {
        padding: 0 !important;
    }
    .title_support_home {
        font-size: 1.7rem !important;
        line-height: 32px !important;
        font-weight: 600 !important;
    }
    .style-hd,
    .w-mobile-100 {
        width: 100%
    }
    .w-mobile-100>div {
        height: 50px
    }
    .avatar-mxs>img {
        float: left
    }
    .offcanvas-header {
        display: block;
        background-color: #ec3237;
        padding: 0 10px;
        color: #222;
    }
    .offcanvas-header .py-2 {
        color: #fff;
        font-weight: 600;
        font-size: .875rem;
    }
    .navbar-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 100%;
        min-width: 250px;
        max-width: 290px;
        background: none;
        border-left: 1px solid #eee;
        color: #fff;
        transition: all 0.3s;
        overflow-y: auto;
        visibility: hidden;
        background-color: #fff;
        box-shadow: 1px 0px 10px 1px #d8d8d8;
        transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
    }
    .navbar-collapse .ml-auto {
        margin-left: 1rem !important;
    }
    .navbar-collapse .btn-outline-danger {
        color: #fff;
        background-color: transparent;
        width: 35px;
        height: 35px;
        border-radius: 100%;
        text-align: center;
        line-height: 23px;
        border: none;
    }
    .navbar-collapse.show {
        visibility: visible;
        transform: translateX(-100%);
    }
    .navbar-inverse .ml-5 {
        margin-left: 0px !important;
    }
    .navbar-inverse .navbar-nav>li>a {
        color: #231f20 !important;
        font-size: 1rem !important;
        font-weight: normal !important;
        border-bottom: 1px solid #eee;
        text-transform: none !important;
        padding-left: 1rem;
        width: 100%;
    }
    .offcanvas-nmenu .navbar-nav>li>a.active-icon::before {
        content: none;
    }
    .offcanvas-nmenu .navbar-nav>li>a::before,
    .offcanvas-nmenu .navbar-nav>li>a.normal-login::before {
        content: "\f105";
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        font-size: .75rem;
        padding-right: 1rem;
    }
    .dropdown-menu {
        background-color: #fff;
        margin: 0;
        padding: 0;
        border: 0;
    }
    .dropdown>.dropdown-toggle:active {
        pointer-events: none;
    }
    .dropdown-menu li>a {
        color: #111;
        display: block;
        text-decoration: none;
        border-bottom: 1px solid #eee;
        padding: 10px 0 10px 15px;
    }
    .dropdown-menu li>a.nav-link {
        padding-left: 1rem !important;
    }
    .dropdown-menu li>a:hover {
        color: #0069ff;
        text-decoration: none;
    }
}