/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1200px) {
    
}

@media (max-width: 1199px) {
    
}

/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    
}


/*  Small mobile :320px. */

@media (min-width: 320px) and (max-width: 767px) {
.offcanvas.offcanvas-start.menu-offcanvas.menu-area button.btn-close.text-reset { opacity: 4;}    
.offcanvas.offcanvas-start.menu-offcanvas.menu-area button.btn-close.text-reset i {color: #fff;}
    .header-area .header-middle{display: none;}
    .offcanvas.offcanvas-start.menu-offcanvas.menu-area{position: fixed !important;
    background: #000;
    width: 400px !important;
    visibility: hidden !important;
    transform: unset;
    overflow: scroll !important;
    padding:3rem 1.5rem !important;}
       .offcanvas.offcanvas-start.menu-offcanvas.menu-area.show {
        z-index: 9998;
        visibility: visible !important;
    }
.offcanvas.offcanvas-start.menu-offcanvas.menu-area.show ul.main-menu.menu-list {display: block;
}
.offcanvas.offcanvas-start.menu-offcanvas.menu-area.show ul.main-menu.menu-list li.menu-item a.menu-link {display: block;}
.offcanvas.offcanvas-start.menu-offcanvas.menu-area.show ul.main-menu.menu-list li.menu-item:hover .mega-menu-area {position: relative;width: 100%;opacity: 1;visibility: visible;}
.offcanvas.offcanvas-start.menu-offcanvas.menu-area.show ul.main-menu.menu-list li.menu-item .mega-menu-area ul.mega-menu {display: block;}
 .offcanvas.offcanvas-start.menu-offcanvas.menu-area.show ul.main-menu.menu-list li.menu-item .mega-menu-area ul.mega-menu li.mega-menu-item {width: 100%;} .offcanvas.offcanvas-start.menu-offcanvas.menu-area button.btn-close.text-reset {display: block !important;}  

.product-area table.table thead tr th:first-child {
    width: auto;
    min-width: auto;
}
.product-area table.table thead tr th {
    width: 100%;min-width: 100px;font-size: 14px;font-weight: 400;}
.product-area table.table tbody tr td, .product-area table.table tbody tr td h3 a{font-size: 14px;font-weight: 400;}
.product-area table.table tbody tr td button.btn.btn-link.text-danger {
    background: #ffd6d6;border-radius: 10px;width: 35px;height: 35px;}
.product-area table.table tbody tr td button.btn.btn-link.text-danger i {
    font-size: 14px;display: flex;place-content: center;place-items: center;}
    
}



/* Large Mobile :577px. */

@media only screen and (min-width: 577px) and (max-width: 767px) {
    
}