/* --------------------------------------------------------------------key-media--------------------------------------------- */
/* --------------------------------------------------------------------key-media--------------------------------------------- */
@media (min-width: 1200px) {
    .imgpro{
        height: 411px !important;
    }
  .row_pc {
    min-height: 1px;
    margin-right: -15px;
    margin-left: -15px; }
  .container {
    width: 1005px; }
  /* --------------------------------------------------------------------------- */
  .col-lg-200 {
    width: 20%; }
  .col-lg-210 {
    width: 21%; }
  .col-lg-320 {
    width: 30%; }
  .col-lg-680 {
    width: 70%; }
  .col-lg-790 {
    width: 79%; }
  .col-lg-800 {
    width: 80%; }
  /* --------------------------------------------------------------------------- */
  .col1 {
    padding-right: 56px; }
  .col2 {
    padding-left: 50px; }
  .sc_header_menu {
    padding-left: 0px; }
  .nav-container {
    margin-left: 0px; }
  .fixbanner1,
  .fixbanner2 {
    display: block; } }

@media (min-width: x30px) {
  .container {
    width: x; } }

@media (min-width: 992px) and (max-width: 1199px) {
  /* ------------------------------------------------------------------------------------------- */
  .qts_head_mid .name h1,
  .qts_head_mid .name a {
    font-size: 18px; }
  .qts_head_mid .giaohang {
    padding-right: 0; }
  .qts_head_mid .box_search {
    width: 350px; } }

@media (min-width: 992px) {
  .col-section,
  .col-aside,
  .col-prod-img,
  .col-prod-text {
    position: relative;
    min-height: 1px;
    float: left; }
  .col-push-aside {
    left: 30.1999%; }
  .col-pull-section {
    right: 69.8%; }
  .col-section {
    width: 69.8%; }
  .col-aside {
    width: 30.1999%; }
  .col-prod-img {
    width: 46%; }
  .col-prod-text {
    width: 53.999%; }
  .qts_head_top {
    padding: 1px 0 4px; }
  .qts_head_mid .form_search {
   }
  .qts_head_mid .hotline-mid .top {
    display: inline-block;
    margin-top: 14px; }
  .qts_head_bot .form_search {
    margin-top: 8px; }
  .qts_mid_content .col-prod {
    float: left;
    width: 20%; }
  .qts_mid_content .col-hl-main,
  .qts_mid_content .col-hl-sub {
    float: left;
    padding: 0 5px; }
  .qts_mid_content .col-hl-main {
    width: 52.1%; }
  .qts_mid_content .col-hl-sub {
    width: 47.9%;
    padding-left: 9px; }
  .qts_left_content .aside-pad-right {
    padding-right: 15px; }
  .qts_left_content .box1 .as-menu {
    position: relative;
    z-index: 2;
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .qts_left_content .box1 .as-menu > li {
      background: #f1f1f1 url(http://vhtgrass.com/assets/css/img/as-bg.png) repeat-y top right; }
      .qts_left_content .box1 .as-menu > li:first-child {
        border-top: none; }
    .qts_left_content .box1 .as-menu li {
      border-top: 1px dotted #000;
      position: relative; }
      .qts_left_content .box1 .as-menu li a {
        display: block;
        text-decoration: none;
        font-size: 12px;
        color: #000;
        font-weight: bold;
        padding: 4px 10px 2px; }
        .qts_left_content .box1 .as-menu li a:hover {
          color: #0097f0; }
    .qts_left_content .box1 .as-menu li.dropdown {
      position: relative;
      z-index: 1; }
      .qts_left_content .box1 .as-menu li.dropdown:hover .dropdown-content {
        display: block;
        z-index: 999;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 100%; }
      .qts_left_content .box1 .as-menu li.dropdown .dropdown-content {
        position: absolute;
        list-style-type: none;
        padding: 0px 10px;
        width: 100%;
        top: -1px;
        left: -9999px;
        z-index: -1;
        background: #fff;
        -webkit-transform: scale(0.7, 1);
        -ms-transform: scale(0.7, 1);
        transform: scale(0.7, 1);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: -webkit-transform 0.4s ease;
        transition: -webkit-transform 0.4s ease;
        -o-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
  .qts_footer_top .qwe3 {
    padding-left: 60px; }
  .page-danhmuc .qts_mid_content,
  .page-chitiet .qts_mid_content {
    margin-top: 0px; } }

@media (max-width: 991px) {
  .sc_header_menu.sticky {
    position: relative !important; }
  /* ----------------------------------------------------------------------------------------- */
  figure.relative figcaption:before {
    content: none; }
  .fixed-hotline {
    display: none; }
  .qts_head_top {
    padding-bottom: 10px; }
    .qts_head_top .img_logo_mb {
      max-width: 200px;
      margin-top: 0px; }
  .qts_head_mid .form_search,
  .qts_head_mid .hotline-mid {
    margin-top: 10px; }
  .qts_head_mid .form_search {
    width: 100%; }
  .qts_head_bot .form_search {
    margin: 5px 0; }
  .qts_mid_content .prod {
    margin-bottom: 10px; }
  .qts_left_content .box1 .as-menu {
    position: relative;
    z-index: 2;
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .qts_left_content .box1 .as-menu > li {
      background: #f1f1f1 url(http://vhtgrass.com/assets/css/img/as-bg.png) repeat-y top right; }
      .qts_left_content .box1 .as-menu > li:first-child {
        border-top: none; }
    .qts_left_content .box1 .as-menu li {
      border-top: 1px dotted #000;
      position: relative; }
      .qts_left_content .box1 .as-menu li a {
        display: block;
        text-decoration: none;
        font-size: 12px;
        color: #000;
        font-weight: bold;
        padding: 4px 10px 2px; }
        .qts_left_content .box1 .as-menu li a:hover {
          color: #0097f0; }
    .qts_left_content .box1 .as-menu li:last-child {
      border-bottom: none; }
    .qts_left_content .box1 .as-menu li > a {
      border: none; }
    .qts_left_content .box1 .as-menu li.dropdown {
      position: relative;
      z-index: 1; }
      .qts_left_content .box1 .as-menu li.dropdown:after {
        font-family: FontAwesome;
        content: "\f067";
        position: absolute;
        padding-top: 3px;
        font-size: 16px;
        padding-left: 50px;
        top: 0;
        right: 16px;
        right: 1rem;
        color: #333;
        line-height: 20px; }
      .qts_left_content .box1 .as-menu li.dropdown.is-active:after {
        content: "\f068"; }
      .qts_left_content .box1 .as-menu li.dropdown.is-active .dropdown-content {
        max-height: 700px; }
      .qts_left_content .box1 .as-menu li.dropdown > a {
        display: inline-block; }
      .qts_left_content .box1 .as-menu li.dropdown .dropdown-content {
        height: auto;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        list-style-type: none;
        padding-left: 0; }
        .qts_left_content .box1 .as-menu li.dropdown .dropdown-content li {
          padding-left: 0px !important;
          background: #efefef; }
  .qts_footer_top ul li a {
    padding: 15px 19px 15px 19px; }
  .tai-sao-chon ul li {
    width: 45%;
    margin-bottom: 10px;
    display: inline-block; } }

@media (max-width: 767px) {
  .container {
    padding: 0px;
    }
  .sc_header_menu.sticky {
    position: relative !important; }
  /* ---------------------------------------------------------------------------------- */
  .arc1 .absolute.dp-bot-center {
    position: relative; }
  .arc1 .absolute.blue {
    min-height: auto; }
  .buble-container .buble {
    display: none !important; }
  .wow {
    -webkit-animation: none;
    animation: none; }
  .slideup figcaption {
    display: none; }
  .page-category.qts_mid_content .post-shadown-r .absolute .post-text,
  .page-category.qts_mid_content .post-shadown-l .absolute .post-text {
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 480px) {
  .col-480-12 {
    width: 100% !important; }
  .col-480-6 {
    width: 50% !important; }
  .hidden-480 {
    display: none !important; }
  .visible-480 {
    display: block !important; }
  /* ------------------------------------------------------------------------- */
  .qts_head_top .fl-l {
    float: none; }
    .qts_head_top .fl-l .address,
    .qts_head_top .fl-l .phone,
    .qts_head_top .fl-l .email {
      display: block;
      text-align: center;
      margin-right: 0; }
  .qts_head_top .hder-top-right {
    float: none;
    text-align: center; }
    .qts_head_top .hder-top-right .d-table {
      display: block;
      width: 100%; }
      .qts_head_top .hder-top-right .d-table span {
        clear: both;
        display: block;
        margin: 10px 0;
        text-align: center; }
  .qts_head_mid .giaohang {
    padding-right: 0; }
  .qts_head_mid .hotline-mid {
    font-size: 16px; }
  .qts_head_mid .hotline2 {
    display: none; }
  .qts_head_mid .box_search .drop_search {
    padding: 4px 12px 4px 12px; }
  [class^='arc'] [class^='layout-row'] a img {
    width: 100%;
    float: none;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 5px; }
    [class^='arc'] [class^='layout-row'] a img .layout-row-ct {
      padding: 0; }
  .qts_mid_content .heading1 span {
    padding: 10px 25px; }
  .heading2 span {
    padding-right: 20px; } }

.visible-480 {
  display: none; }

/*# sourceMappingURL=setmedia.css.map */

/*# sourceMappingURL=setmedia.css.map */