/* --------------------------------------------------------------------key-media--------------------------------------------- */
/* --------------------------------------------------------------------key-media--------------------------------------------- */
@media (min-width: 1200px) {
  .row_pc {
    min-height: 1px;
    margin-right: -15px;
    margin-left: -15px;
  }
  .container {
    width: 1170px;
  }
  /* --------------------------------------------------------------------------- */
  .col-lg-200 {
    position: relative;
    float: left;
    width: 20%;
  }
  .col-lg-800 {
    position: relative;
    float: left;
    width: 80%;
  }
  .col-lg-135 {
    width: 13.5%;
  }
  .col-lg-615 {
    width: 61.5%;
  }
  .col-lg-200 {
    position: relative;
    float: left;
    width: 20%;
  }
  .col-lg-800 {
    position: relative;
    float: left;
    width: 80%;
  }
  .col-lg-pull-800 {
    right: 80%;
  }
  .col-lg-push-200 {
    left: 20%;
  }
  /* --------------------------------------------------------------------------- */
  .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 {
    font-size: 27px;
    margin-left: 0px;
  }
  .qts_head_mid .name .slogan {
    font-size: 28px;
    margin-left: 0px;
  }
  .qts_head_mid .mid-right .hotline-mid {
    background: none;
    font-size: 20px;
    padding-left: 0;
    margin-top: 40px;
  }
  .qts_head_mid .mid-right .hotline-mid span {
    padding-left: 0 !important;
  }
  .nav-menu > .menu-item:first-child > .menu-link:before {
    /* content: none; */
  }
  .heading1, .heading2 {
    font-size: 12px;
    padding: 14.5px;
    padding-left: 45px;
  }
}

@media (min-width: 992px) {
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  .col-md-210 {
    position: relative;
    float: left;
    width: 21%;
  }
  .col-md-790 {
    position: relative;
    float: left;
    width: 79%;
  }
  .col-md-pull-790 {
    right: 79%;
  }
  .col-md-push-210 {
    left: 21%;
  }
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  .col-md-213 {
    position: relative;
    float: left;
    width: 21.3%;
  }
  .col-md-787 {
    position: relative;
    float: left;
    width: 78.7%;
  }
  .col-md-pull-787 {
    right: 78.7%;
  }
  .col-md-push-213 {
    left: 21.3%;
  }
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .qts_head_mid .form_search {
    margin-top: 34px;
  }
  .qts_head_mid .hotline-mid .top {
    display: inline-block;
    margin-top: 14px;
  }
  .qts_head_bot .form_search {
    margin-top: 8px;
  }
}

@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: 0px;
  }
  .qts_head_top .img_logo_mb {
    max-width: 200px;
    margin-top: 0px;
    margin-left: -60px;
  }
  .qts_head_mid .mid-right .hotline-mid {
    padding: 0;
    padding-bottom: 10px;
    padding-left: 0;
    margin-top: 0;
  }
  .qts_head_mid .mid-right .hotline-mid {
    background: none;
  }
  .qts_head_mid .box_search {
    margin-top: 10px;
  }
  .qts_head_bot .form_search {
    margin: 5px 0;
  }
  .top-right {
    float: none;
    clear: both;
    margin: 10px 0;
  }
  .menu-shape {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .qts_head_bot .box_search {
    position: fixed;
    top: 65px;
    max-width: -webkit-calc(100% - 25px);
    max-width: calc(100% - 25px);
    right: 20px;
    overflow: visible;
    z-index: 9;
  }
  .qts_head_bot .box_search .icon-search {
    z-index: 9;
    top: -3px;
    right: -20px;
  }
  .arc2 .relative img {
    -webkit-filter: none;
            filter: none;
  }
  .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 (min-width: 768px) and (max-width: 991px) {
  .qts_head_mid .name h1 {
    margin-left: 0;
    font-size: 20px;
    margin-top: 10px;
  }
  .qts_head_mid .mid-right .hotline-mid {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .content img {
    height: auto !important;
}
  .sc_header_menu.sticky {
    position: relative !important;
  }
  /* ---------------------------------------------------------------------------------- */
  [class^='arc'] [class^='layout-row'] a img {
    min-width: 30%;
    margin-right: 10px;
  }
  .arc1 .absolute.dp-bot-center {
    position: relative;
  }
  .qts_head_mid .name h1 {
    margin-left: 0;
    font-size: 18px;
    margin-top: 10px;
  }
  .wow {
    -webkit-animation: none;
            animation: none;
  }
  .slideup figcaption {
    display: none;
  }
  .heading form.filter {
    position: relative;
    float: none;
    top: -webkit-calc(100% + 10px);
    top: calc(100% + 10px);
  }
  .heading form.filter label {
    display: block;
  }
}

@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 .hotline-mid {
    font-size: 16px !important;
    margin-top: 5px !important;
  }
  .qts_head_mid .hotline-mid span {
    font-size: 18px !important;
  }
  .qts_head_mid .box_search .drop_search {
    padding: 4px 12px 4px 12px;
  }
  [class^='arc'] [class^='layout-row'] a img {
    min-width: 45%;
    margin-right: 10px;
  }
  .services .sv:first-child {
    border-right: none;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
  }
  .arc2 h3 {
    font-size: 12px;
    line-height: 40px;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
  }
  .arc2 p {
    display: none;
  }
  .hidden-480 {
    display: none;
  }
}