@media (min-width: 1300px) and (max-width: 1514px) {
  .search {
    /* width: 200px; */
  }
}
@media (min-width: 1090px) and (max-width: 1299px) {
  .search {
    /* width: 150px; */
  }
}
@media (max-width: 1089px) {
  .btn-open-search {
    display: block;
  }
  .search {
    /* position: absolute; */
    /* top: 45px; */
    /* width: 0px; */
    /* opacity: 0; */
  }
  .header-right {
    /* width: inherit; */
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px !important;
  }
  .wrap-top:after {
    width: calc((100% - 1200px) / 2);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  header .wrap-top:after {
    width: 20px;
  }
  .row-product {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .hotline-sosical {
    display: none;
  }
  .banner-search {
    width: 100%;
  }
  header .wrap-top:after {
    width: 20px;
  }
  .wrap-top-row {
    grid-template-columns: 190px 1fr;
  }
  .grid-menu {
    grid-template-columns: 1fr;
  }
  .search {
    /* display: none; */
  }
  .menu ul li a {
    font-size: 14px;
  }
  .pro1-item:nth-child(2n + 1) .pro1-left,
  .pro1-left {
    padding: 20px;
  }
  .pro1-item {
    margin: 20px 0;
  }
  .name_pro1 a {
    font-size: 25px;
  }
  .des_pro1 {
    font-size: 14px;
  }
  .img_pro1 {
    width: 60%;
  }
  .row-product {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .dvxemthemtintuc-rp {
    display: block;
  }
  .title-delaithongtinlienhe {
    text-align: center;
    font: 32px var(--fontTitle);
    color: var(--colormainhv);
    margin: 30px 0 20px 0;
  }
  .row-product {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
  .bannerlayout {
    height: 200px;
  }
  .bannerlayout img {
    height: 100%;
    width: -webkit-fill-available;
    max-width: none;
  }
  .breadCrumbs-2 .wrap-content .breadcrumb-item.breadcrumb-item1 a {
    font-size: 30px;
  }
  .grid-item.item_project {
    width: 50%;
  }
  .padding {
    padding: 16px 0;
  }

  footer {
    padding: 20px 0 20px;
  }

  .row_footer {
    flex-wrap: wrap;
    gap: 10px;
  }

  .footer1,
  .footer2,
  .footer3,
  .footer4 {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
  .ttft1 {
    margin: 0 0 20px;
  }
  .coppyright {
    text-align: center;
    padding-bottom: 20px;
  }

  .fix-toolbar {
    display: block;
  }
  .thongke {
    text-align: center;
    padding-top: 5px;
  }
  #tienich,
  .topone,
  .zalo_fixed,
  .drag-wrapper,
  .ctrlq.fb-button,
  .call_fixed,
  header nav,
  .topone_center p:nth-child(2),
  .hotline,
  .menu,
  .topone_center p {
    display: none;
  }
  .row-doitac {
    gap: 5px;
  }
  .doitac_item {
    width: calc(100% / 3 - 5px);
  }
  .form_contact {
    width: 100%;
    padding: 0;
  }

  .logo {
    width: 70px;
    text-align: center;
  }
  .header-right {
    width: 50%;
  }
  .logo img {
    max-height: 60px;
  }

  .showmnrp {
    display: block !important;
  }

  .pagination > li > a,
  .pagination > li > span {
    padding: 4px 10px;
  }

  .title-pro-detail {
    margin: 10px 0;
  }
  .content-tabs-pro-detail img,
  .content-main img {
    height: inherit !important;
  }

  .media_left,
  .media_right,
  .about_right {
    width: 100%;
    padding: 5px 0;
  }
  .about_left {
    width: 100%;
  }
  .title-about,
  .title-home {
    font-size: 16px;
  }
  .title-main {
    font-size: 24px;
  }
  .title-about span,
  .title-home span {
    font-size: 13px;
  }
  .title-about p,
  .title-home p,
  .title-main p {
    /* font-size: 20px; */
  }
  .box-title-about {
    position: relative;
    height: initial;
    padding: 20px 10px;
    left: 0;
  }
  .about_img {
    padding: 0 0 0px 20px;
  }
  .about_img2 {
    /* left:-10px; */
    /* bottom: 0; */
    /* position: relative; */
    width: 80%;
  }
  .about_img:before {
    border-width: 10px;
  }
  .pro1-item:nth-child(2n + 1) .pro1-left,
  .pro1-left {
    padding: 10px;
    width: 100%;
    border: 0;
  }
  .pro1-right {
    padding: 0px;
    width: 100%;
  }
  .pro1-item {
    margin: 10px 0;
  }
  .name_pro1 a {
    font-size: 25px;
  }
  .about-text23 span {
    font-size: 55px;
  }
  .des_pro1 {
    font-size: 14px;
  }
  .img_pro1 {
    width: 60%;
  }
  .span-menu,
  .header-right,
  .hotline-header,
  .mangxahoi,
  .scroll-down,
  .slogan-slider {
    display: none;
  }
  .why-left,
  .why-right {
    width: 100%;
    padding: 0;
  }
  .whys-name span {
    font-size: 16px;
  }
  .whys-name p {
    font-size: 14px;
  }
  .whyimg-right {
    /* width:calc(50% - 5px); */
  }
  .title-contrinh-row {
    margin: 0 0 25px 0;
  }
  .title-contrinh {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .title-contrinh span {
    font: 16px var(--fontTitle);
  }
  .title-contrinh p.textcontrinh1 {
    font-size: 34px;
  }
  .desc-contrinh {
    width: 100%;
    font: 14px var(--font);
    text-align: center;
  }
  .contrinhs-choose span {
    padding: 0 10px;
  }
  .about_img-row {
    height: 440px;
  }
  .splistnb-left {
    width: 100%;
    padding: 20px 5%;
  }
  .splistnb-right {
    width: 100%;
  }
  .splistnb-right img {
    max-width: 100%;
    margin: 0;
  }
  .contactus-left,
  .contactus-mid,
  .contactus-right {
    width: 100%;
    padding: 5px 0;
  }
  .contactus-mid {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  .baogia_img {
    width: calc(50% - 5px);
    padding: 5px 0;
    margin: 0;
  }
  .box-baogia {
    padding: 25px 10px;
  }
  .tintucHome-content {
    padding: 0;
    background: #fff;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 0;
    position: relative;
  }
  .tintucHome-date {
    margin-left: 0;
  }
  .popup-language-title {
    font-size: 26px;
  }
  .popup-language-title p {
    font-size: 18px;
  }
  .btn-360-icon {
    bottom: 130px;
    transform: scale(0.5);
    right: -10px;
  }
  header {
    display: none;
  }
  .col-quytrinh {
    width: 50%;
  }
  .col-quytrinh:after {
    display: none;
  }
  .col-quytrinh:nth-child(2n) {
    padding-top: 0;
  }
  .quytrinh-box {
    align-content: center;
    justify-content: center;
  }
  .logoft {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .logoft img {
    margin: 0 auto;
  }
  .noidungfooter p {
    margin: 0;
  }
  .dichvu-item-name a {
    font-size: 16px;
  }
  .section-about {
    padding-top: 20px;
    padding: 20px 0;
  }
  .row_about {
    padding: 1rem;
  }
  .about-text2 {
    font-size: 18px;
  }
  .section-hatdieu-gioqua {
    padding: 20px 0;
  }
  .banner-hatdieu {
    display: none;
  }
  .product_layout-right {
    width: 100%;
  }
  .title-product span {
    font-size: 18px;
  }
  .title-home p {
    font-size: 13px;
  }
  .title-home h3 {
    font-size: 25px;
  }
  .section-why {
    padding: 20px 0;
    margin: 0 0 10px 0;
  }
  .news-slick .img {
    width: 150px;
  }
  .news-slick .info {
    width: calc(100% - 150px);
  }
  #video-fotorama {
    margin-top: 25px;
  }
  .section-tintucHome {
    padding: 16px 0;
  }
  .camnhan-home {
    padding-bottom: 20px;
  }
  .mangxahoift {
    justify-content: center;
  }
  .mangxahoift span {
    text-align: center;
  }
  .tieuchi-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .tieuchi-item {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* margin: 10px 0; */
  }
  .tieuchi-img {
    width: 50px;
    margin: 0;
    height: 57px;
  }
  .tieuchi-img img {
    max-width: 30px;
  }
  .tieuchi-content {
    width: calc(100% - 50px);
    text-align: left;
    padding-left: 10px;
  }
  .tieuchi-name {
    font-size: 14px;
  }
  .tieuchi-desc {
  }
  .banner-why {
    width: 100%;
    margin: 0;
  }
  .why-content {
    width: 100%;
    padding: 20px 0;
  }
  .title-hatdieu-gioqua a {
    display: none;
  }
  .name_pro a {
    font-size: 15px;
  }
  .title-form-box {
    margin-top: 0px;
  }
  .title-form-box:before,
  .title-form-box:after {
    display: none;
  }
  .title-form span {
    font-size: 40px;
    margin-bottom: -40px;
  }
  .title-form h3 {
    font-size: 25px;
  }
  .title-form p {
    font-size: 13px;
  }
  .contactus-home {
    padding: 20px 0;
    border: 0;
  }
  .box-input_baogia {
    padding: 0;
    flex-wrap: wrap;
  }
  .input_baogia_col50 {
    width: 100%;
  }
  .hotline-email-form span {
    display: none;
  }
  .hotline-email-form p {
    margin: 5px 0;
  }
  .dg-wrapper {
    width: 100%;
    height: 314px;
  }
  .dg-wrapper a {
    width: 100%;
    height: initial;
  }
  .dg-prev {
    left: 0%;
  }

  .dg-next {
    right: 0;
  }
  .section-albumhome {
    padding: 30px 0 10px;
  }
  .whys-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 0;
  }
  .whys-row .col-xs-12 {
    padding: 0;
  }
  .tieuchi-item {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* margin: 10px 0; */
  }
  .whys-item {
    margin: 5px 0;
  }
  .whys-img {
    width: 50px;
    margin: 0;
    height: 57px;
  }
  .whys-img img {
    max-width: 30px;
  }
  .whys-name {
    width: calc(100% - 50px);
    padding-left: 10px;
  }
  .whys-name span {
    font-size: 15px;
  }
  .whys-name p {
    font-size: 12px;
  }
  .news_index_name a {
    font-size: 15px;
    min-height: 38px;
  }
  .news_index_desc {
    font-size: 12px;
    line-height: 18px;
    min-height: 54px;
  }
  .news_index_box {
    padding: 5px 5px 0;
  }
  .box-newsIn {
    display: flex;
    flex-wrap: wrap;
  }
  .newsIn-left {
    width: 100%;
  }
  .newsIn-right {
    width: 100%;
  }
}

@media (max-width: 550px) {
}