@media(max-width:991px) {
  body {
    font-size: 16px;
    background: #fff
  }
  #Wraper-Order {
    padding: 0 !important;
    margin-top: 0
  }
  #topcontrol {
    display: none
  }

  /* HEADER*/
  /*=================HRADER============*/
  #header-full {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  #header-full .header-top {
    height: 60px
  }
  /*Logo*/
  .Logo {
    width: 100%;
    z-index: 1;
    opacity: 1;
    position: relative;
    text-align: center;
    top: 0;
    height: 40px
  }
  .Logo a {
    display: block;
    width: 100%;
  }
  .Logo img {
    max-height: 45px;
    margin: 0 auto;
  }
  /*navigation-bar*/
  #navigation {
    border-bottom: none;
    display: none
  }
  #collapseSearch.collapse {
    visibility: inherit !important
  }
  .sticky-wrapper.is-sticky {
    z-index: 999
  }
  .navigation-bar {
    background: var(--color1);
  }
  .hotline-mobile {
    border: none;
    border-radius: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 9999;
  }
  .hotline-mobile:hover {
    background: var(--color1) !important
  }
  .hotline-mobile ul.nav-justified {
    margin-bottom: 0;
  }
  .hotline-mobile ul.nav-justified>li {
    display: table-cell;
    width: 1%;
  }
  .hotline-mobile ul.nav-justified>li.active, .hotline-mobile ul.nav-justified>li a[aria-expanded="true"] {
    background: rgba(0, 0, 0, 0.3)
  }
  .hotline-mobile ul.nav-justified>li .fa {
    clear: both;
    display: block;
    font-size: 22px
  }
  .hotline-mobile ul.nav-justified>li .fa-whisky {
    text-indent: -9999px;
  }
  .hotline-mobile ul.nav-justified li a {
    color: #333;
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
  }
  .hotline-mobile ul.nav-justified>li .index {
    background: red;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    font-size: 13px;
    height: 18px;
    line-height: 20px;
    position: absolute;
    right: -35px;
    top: 10px;
    width: 18px;
  }
  /**/
  .navigation-bar .SearchMobile {
    background: rgba(0, 0, 0, 0.3);
    display: block;
    margin: 0 10px 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    width: calc(100% - 20px);
  }
  .navigation-bar .SearchMobile .searchBar .searchButton, .navigation-bar .SearchMobile .searchBar input {
    border: none
  }
  .navigation-bar .SearchMobile:before, .navigation-bar .SearchMobile:after {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 10000%;
  }
  .navigation-bar .SearchMobile:after {
    right: 100%
  }
  .navigation-bar .SearchMobile:before {
    left: 100%
  }
  .navigation-bar .SearchMobile .searchBar>a::after {
    width: 24px
  }
  .navigation-bar .SearchMobile .searchBar>a::before {
    width: 0
  }
  /*Header-Order*/
  #trigger-order {
    position: absolute;
    top: 5px;
    border-radius: 50%;
    padding: 3px 1px;
    background: red;
    color: #fff;
    left: 65%;
    line-height: 0.6;
    font-size: 13px;
    min-width: 20px;
    display: inline-block;
    line-height: 1;
  }
  /*End navigation-bar*/
  /*Icon Hotline Bottom Body*/
  #Mobile-Hotline {
    background: var(--color1);
    bottom: 0;
    display: block;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 999999999;
  }
  #Mobile-Hotline a {
    color: #fff;
    font-size: 15px;
    font-weight: 700
  }
  /* control Control-Home-News */
  #Control-Home-News {
    padding-left: 8px;
    padding-right: 8px
  }
  /* CONTROL Home-Counter */
  #Home-Counter>.container {}
  /* TITLE */
  .section-divider-3 a, .section-divider-3 .name, .section-divider a, .section-divider .name {
    font-size: 24px
  }
  .section-divider-5 a, .section-divider-5 .name {
    background: #fff
  }
  /******************
Home Product
*******************************************************************************/
  .wraper-order-inner {
    padding-left: 0;
    padding-right: 0
  }
  .heading-style h2 {
    font-size: 18px
  }
  /******************
Home Slide
*******************************************************************************/
  #Control-Home-Slide {
    margin-bottom: 15px !important;
    padding: 0;
  }
  .Home-Slide .owl-prev::before, .Home-Slide .owl-next::before {
    font-size: 30px !important
  }
  .Home-Slide .owl-prev, .Home-Slide .owl-next {
    height: 35px !important;
    width: 35px !important
  }
  /******************
Footer
*******************************************************************************/
  .Footer .copyrights .aliright {
    text-align: center;
    font-size: 14px
  }
  /******************
Home Main Bottom
*******************************************************************************/
  .home-news-latest ul li figure {
    height: 170px
  }
  .home-news-latest ul li .assetText {
    padding: 15px
  }
  /******************
Control Contact-Us
*******************************************************************************/
  #Contact-Us .no-padding-right {
    padding-right: 15px
  }
  .contact input {
    margin-bottom: 10px
  }
  .contact span {
    font-size: 12px;
    font-weight: 400;
  }
  #Control-Contact-Us ._header {
    font-size: 22px
  }
  /******************
Menu Aside
*******************************************************************************/
  .Menu-Left li a, .Menu-Left ul li a {
    font-size: 16px
  }
  /******************
Product
*******************************************************************************/
  #Product {
    margin-top: 15px
  }
  #Product .ProductMeta .ProductPriceNew {
    font-size: 24px
  }
  #Product .ProductMeta .ProductPriceNew .vat-text {
    font-size: 16px
  }
  /******************
ProductGroup
*******************************************************************************/
  .ProductGroupData {
    margin-bottom: 30px;
    padding: 0
  }
  .ProductGroupData .Paging {
    padding: 0
  }
  .ProductGroupRight {
    padding-left: 0 !important
  }
  #ProductFilter label {
    font-size: 16px;
    margin-top: 5px
  }
  #ProductFilter select {
    margin-left: 0 !important;
    margin-bottom: 7px
  }
  .banner-show-branch .owl-wrapper {
    padding-top: 0
  }
  .banner-show-branch .owl-carousel {
    top: 0;
    transform: none;
    position: relative;
    left: auto
  }
  .banner-show-branch .owl-carousel .slide-description {
    top: auto;
    transform: none;
    left: 0;
    right: 0;
    max-width: 100%;
    z-index: 1;
    background-color: var(--color2);
    padding: 12px;
    font-size: 16px;
    position: relative;
    display: block
  }
  .banner-show-branch .owl-carousel .slide-description:empty {
    display: none
  }
  .banner-show-branch .owl-carousel .owl-item a figure {
    padding-top: 50%;
    position: relative;

  }
  .banner-show-branch .owl-carousel .owl-item img {
    position: absolute;
    top: 0;
    width: auto !important;
    object-fit: cover;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    min-height: inherit;
  }
  /* menu feature in cover */
  .nav-brandof li {
    width: 50%
  }
  .nav-brandof li:not(:last-child) a:before {
    display: none
  }
  .nav-brandof li a {
    padding-left: 10px
  }
  /******************
NewsGroup
*******************************************************************************/
  #NewsGroup, #Blog {
    margin-top: 12px
  }
  #NewsGroup .NewsGroup {
    display: block
  }
  #NewsGroup .NewsGroup .imageLinkWrapper {
    margin-bottom: 10px
  }
  #NewsGroup .NewsGroup .Picture {
    max-width: 100% !important;
    height: 180px !important
  }
  #NewsGroup .NewsGroup .assetText {
    padding-left: 0 !important
  }
  /*latestNewsItems*/
  .latestNewsItems h3 {
    display: block;
    font-size: 16px
  }
  /******************
News
*******************************************************************************/
  .Context {
    font-size: 18px
  }
  #Context1 {
    text-align: inherit
  }
  /**/
}


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