@media (max-width : 992px) {
    .logo,
    .login-btn { text-align: center }
}
@media (max-width : 768px) {
    .search-input { width: calc(100% - 35px) }
    .search-btn { right: 15px }
    .btn-sm { margin-bottom: 3px }
    .box-product .img-wrapper > .option { bottom: 0 !important }
    .input-qty { min-width: 50px }
    .table-compare > tbody > tr > td{ white-space: inherit !important }
    .products-slider-detail { margin-bottom: 30px }
    .table-detail tr td:first-child { width: 90px }
    .login-register-form { margin-bottom: 30px }
    .chooser { display: none }
}
@media (min-width : 768px) {
    .chooser {
        position: fixed;
        z-index: 999;
        top: 100px;
        right: 0;
        -webkit-transition: all 100ms ease-in-out 0s;
             -o-transition: all 100ms ease-in-out 0s;
                transition: all 100ms ease-in-out 0s
    }
    .chooser-hide { right: -114px }
    .chooser-toggle {
        position: absolute;
        top: 0;
        left: -38px;
        width: 20px;
        height: 20px
    }
    .chooser-toggle button:hover,
    .chooser-toggle button:focus,
    .chooser-toggle button:active {
        border-color: #eea236;
        outline: 0 !important
    }
    .chooser-content {
        padding: 10px;
        border: 3px solid #eea236;
        background: #fff
    }
    .chooser-content select { height: 30px }
}

/* @media (min-width : 320px) {}
@media (min-width : 480px) {}
// xs
@media (min-width : 768px) {}
// sm
@media (min-width : 992px) {}
// md
@media (min-width : 1200px) {}
// lg
 */