my_tests/assets/css/main.css

@media screen and (min-width: 1200px) {
  .navbar-brand-block {
    display: inline-block;
    position: absolute;
    left: 8px;
  }
}

@media screen and (min-width: 1200px) and (-ms-high-contrast: active), screen and (min-width: 1200px) and (-ms-high-contrast: none) {
  .navbar-brand-block {
    position: relative;
  }
}

@media screen and (min-width: 1200px) {
  .navbar-collapse-block {
    margin-left: auto;
    margin-right: auto;
  }
  .nav-user-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    right: 8px;
  }
}

@media screen and (min-width: 1200px) and (-ms-high-contrast: active), screen and (min-width: 1200px) and (-ms-high-contrast: none) {
  .nav-user-block {
    position: relative;
  }
}

@media screen and (min-width: 1200px) {
  .navbar-brand-block-sm {
    display: none;
  }
  .nb-mobile, .nb-mobile-icon {
    display: none;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar-brand-block, .navbar-collapse-block, .nav-user-block {
    display: none;
  }
  .navbar-brand-block-sm {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .nb-mobile-icon {
    display: block;
  }
  .nb-mobile-icon .bars {
    display: block;
  }
  .nb-mobile-icon .bars.active {
    display: none;
  }
  .nb-mobile-icon .arrow {
    display: none;
  }
  .nb-mobile-icon .arrow.active {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  body {
    overflow: auto;
  }
  .dropdown-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .st-mobile, .footer-fix, .searchall {
    display: none;
  }
  .top-designer, .search-bar, .search-tab {
    display: block;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .gotop-btn-wrapper {
    right: 2%;
    bottom: 10%;
    z-index: 999;
  }
  .navbar-brand-block, .navbar-collapse-block, .nav-user-block {
    display: none;
  }
  .navbar-brand-block-sm {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .nb-mobile-icon {
    display: block;
  }
  .nb-mobile-icon .bars {
    display: block;
  }
  .nb-mobile-icon .bars.active {
    display: none;
  }
  .nb-mobile-icon .arrow {
    display: none;
  }
  .nb-mobile-icon .arrow.active {
    display: block;
  }
  .search-tab-itemBtn .dropdown-wrapper {
    display: -webkit-box !important;
  }
  .item-card .item-card-body .item-card-media {
    left: 22%;
  }
  .footer .footer-media {
    color: #3b5998;
  }
  .ui-autocomplete {
    width: 100%;
    max-height: 49vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 55px !important;
    left: 0 !important;
    -webkit-margin-before: 0em;
            margin-block-start: 0em;
    -webkit-margin-after: 0em;
            margin-block-end: 0em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    -webkit-padding-start: 0px;
            padding-inline-start: 0px;
  }
  .keywords-autocomplete {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
  }
  .keywords-autocomplete .list-group-item {
    -webkit-box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc;
    background: rgba(255, 255, 255, 0.98);
    border: none;
  }
  .keywords-autocomplete .list-group-item-action:hover {
    z-index: 0;
    cursor: pointer;
  }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
  .member .item-card-member .item-card-img-member {
    width: 100%;
    height: 360px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .navbar-brand-block, .navbar-collapse-block, .nav-user-block {
    display: none;
  }
  .navbar-brand-block-sm {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .nb-mobile-icon {
    display: block;
  }
  .nb-mobile-icon .bars {
    display: block;
  }
  .nb-mobile-icon .bars.active {
    display: none;
  }
  .nb-mobile-icon .arrow {
    display: none;
  }
  .nb-mobile-icon .arrow.active {
    display: block;
  }
  .nb-mobile.active {
    position: fixed;
    bottom: 0;
  }
  #navbarSupportedContent {
    display: none;
  }
  .search-tab-itemBtn .dropdown-wrapper {
    display: -webkit-box !important;
  }
  .item-card .item-card-body .item-card-media {
    left: 40%;
  }
  .item-card .item-card-img {
    height: 210px;
  }
  .item-card .item-card-img .play {
    top: 45%;
    left: 45%;
    width: 40px;
    height: 40px;
  }
  .item-card .item-card-product {
    background-repeat: no-repeat;
    background-position: center center;
  }
  .ui-autocomplete {
    width: 100%;
    max-height: 49vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 55px !important;
    left: 0 !important;
    -webkit-margin-before: 0em;
            margin-block-start: 0em;
    -webkit-margin-after: 0em;
            margin-block-end: 0em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    -webkit-padding-start: 0px;
            padding-inline-start: 0px;
  }
  .keywords-autocomplete {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
  }
  .keywords-autocomplete .list-group-item {
    -webkit-box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc;
    background: rgba(255, 255, 255, 0.98);
    border: none;
  }
  .keywords-autocomplete .list-group-item-action:hover {
    z-index: 0;
    cursor: pointer;
  }
}

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

  .gotop-btn-wrapper {
    right: 3%;
    bottom: 10%;
    z-index: 999;
  }
  .member .item-card-member .item-card-img-member {
    width: 100%;
    height: 360px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .navbar-brand-block, .navbar-collapse-block, .nav-user-block {
    display: none;
  }
  .navbar-brand-block-sm {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .nb-mobile-icon {
    display: block;
  }
  .nb-mobile-icon .bars {
    display: block;
  }
  .nb-mobile-icon .bars.active {
    display: none;
  }
  .nb-mobile-icon .arrow {
    display: none;
  }
  .nb-mobile-icon .arrow.active {
    display: block;
  }
  .search-tab-itemBtn .dropdown-wrapper {
    display: -webkit-box !important;
  }
  .item-card .item-card-body .item-card-media {
    left: 37%;
  }
  .item-card .item-card-img {
    height: 210px;
  }
  .item-card .item-card-img .play {
    top: 45%;
    left: 45%;
    width: 40px;
    height: 40px;
  }
  .item-card .item-card-product {
    background-repeat: no-repeat;
    background-position: center center;
  }
  .ui-autocomplete {
    width: 100%;
    max-height: 49vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 55px !important;
    left: 0 !important;
    -webkit-margin-before: 0em;
            margin-block-start: 0em;
    -webkit-margin-after: 0em;
            margin-block-end: 0em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    -webkit-padding-start: 0px;
            padding-inline-start: 0px;
  }
  .keywords-autocomplete {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
  }
  .keywords-autocomplete .list-group-item {
    -webkit-box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc;
    background: rgba(255, 255, 255, 0.98);
    border: none;
  }
  .keywords-autocomplete .list-group-item-action:hover {
    z-index: 0;
    cursor: pointer;
  }
}
/*# sourceMappingURL=main.css.map */