@media screen and (max-width: 1199px) {}

@media screen and (max-width: 991px) {
    .bg-pic {
        display: none;
    }

    .cont-login {
        width: 100%;
        padding: 100px 40px;
    }

    .aside_menu {
        position: fixed;
        top: 65px;
        right: 0;
        z-index: 999;
        width: 100%;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease;
    }
    .aside_menu.active {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .content-body {
        padding-right: 0;
    }

    .main-header {
        width: 100%;
        top: 0;
        left: 0;
        border-radius: 0;
    }
    
    .hamburger {
        display: block;
    }

    .cont-body {
        width: 100%;
        border-radius: 0;
    }

    .sec_head {
        align-items: start;
        flex-direction: column;
    }

    .form-search {
        flex-direction: column;
        margin: 10px 0;
        gap: 10px;
        width: 100%;
    }

    .form-search .form-group {
        width: 100%;
    }

    .sec_head .btn-site {
        width: 100%;
    }

    .item-camel {
        flex-wrap: wrap;
    }

    .cont-info,
    .thumb-profile {
        height: auto;
        margin-bottom: 20px;
    }

    .form-add .d-flex {
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .form-add .d-flex .form-group {
        width: 100%;
    }

    td {
        white-space: nowrap;
    }

    .item-purifier {
        width: 100%;
    }

}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 500px) {}