/* reponsive */

@media (max-width: 1399px) {

  .head .head-bottom .wrap-content,

  .head .head-top .wrap-content {

    width: calc(100% - 50px);

  }

}

@media (max-width: 1199px) {

  .menu ul li {

    position: relative;

    z-index: 1;

  }

}

@media (max-width: 1024px) {

  .slideshow-left {

    width: 61%;

  }

  .slideshow-right {

    width: calc(100% - 20px - 61%);

  }

  .title-gioithieu div:first-child {

    font-size: 28px;

  }

  .group-gioithieu {

    gap: 50px;

  }

  .xemthem {

    width: 200px;

    height: 45px;

    margin-top: 35px;

  }

  .title-main span {

    font-size: 28px;

  }

  .slider-progress {

    margin-top: 10px;

  }

  a .btn-lienhe {

    padding: 15px;

  }

  .slider-controls {

    display: none;

  }

  .grid-product {

    grid-template-columns: repeat(3, 1fr);

  }

  .group-why {

    gap: 100px;

  }

  .left-why {

    width: 55%;

  }

  .right-why {

    width: calc(100% - 100px - 55%);

  }

  .left-why::before {

    display: none;

  }

  .left-newsletter {

    width: calc(100% - 20px - 45%);

  }

  .right-newsletter {

    width: calc(100% - 20px - 55%);

  }

  .about-left {

    width: 40%;

  }

  .about-right {

    width: calc(100% - 50px - 40%);

  }

  .about-flexbox.flexbox::before {

    display: none;

  }

  .group-name-product {

    width: fit-content;

  }

  .choose_list {

    width: 60%;

    overflow-x: scroll;

    overflow-y: unset;

  }

  .pic_gt img {

    width: 100%;

  }

  .pic_dichvu,

  .info_dichvu {

    width: 100%;

  }

  .p50 {

    padding: 30px 0;

  }



  .column.center {

    display: none;

  }



  .contact-input {

    margin-bottom: 15px;

  }

  .flex-cus,

  .row-video,

  .row-20 {

    margin-left: -5px;

    margin-right: -5px;

  }

  .mg-cus,

  .mg-video,

  .col-20 {

    padding-left: 5px;

    padding-right: 5px;

  }

  .content-text img {

    height: auto !important;

  }

  .padding-top-bottom {

    padding: 2rem 0;

  }

  .pad-top {

    padding-top: 2rem;

  }

  .pad-bottom {

    padding-bottom: 2rem;

  }

  .mg-top {

    margin-top: 2rem;

  }

  .mg-bottom {

    margin-bottom: 2rem;

  }

  .title-detail-main {

    font-size: 20px;

  }

  .cart-fixed {

    bottom: 220px;

  }

  .btn-frame {

    display: none;

  }

  .cart-pro-detail {

    width: 100%;

    margin-top: 10px;

  }

  .pad-bottom {

    padding-bottom: 2rem !important;

  }

  .pad-top {

    padding-top: 2rem !important;

  }

  .padding-top-bottom {

    padding: 2rem 0 !important;

  }



  .product-tool {

    opacity: 1;

    visibility: visible;

    position: initial;

  }

  .product-tool a span {

    display: none;

  }

  .blue-web-logo-mobile {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    box-shadow: 0 0 7px #0fab1c;

    padding: 10px;

    border-radius: 7px;

    z-index: 9;

    background: #fff;

  }

  .blue-web-logo-mobile img {

    max-height: 40px;

  }

  .blue-web-header {

    position: relative;

    color: #333;

  }

  .blue-web-logo {

  }

  .blue-web-head-right {

  }



  .grid_album .btn {

    position: relative;

    top: unset;

    bottom: 0;

    left: 0;

    transform: none;

    z-index: 2;

    width: fit-content;

    background-size: 100% 100%;

    padding: 0 25px;

  }

  .grid_album {

    height: auto;

    column-count: 3;

  }

  .grid_album::before {

    bottom: 0;

  }

  .wap-newsletter::before {

    top: -120px;

  }

  .video_hot video {

    width: 200px;

    height: 200px;

  }

  .item_loiich.ps-5,

  .item_loiich.align-items-end.pe-5 {

    padding: 0 !important;

    padding-right: 0 !important;

    padding-left: 0 !important;

  }

  .menu-res {

    display: block;

  }

  .head {

    display: none;

  }

  .change-lang {

    margin-left: auto;

  }

}

@media only screen and (min-width: 992px) {

  .comment-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }

  .grid-pro-detail .left-pro-detail {

    top: 30px;

    position: -webkit-sticky;

    position: sticky;

    -webkit-transition: top 400ms ease;

    -moz-transition: top 400ms ease;

    transition: top 400ms ease;

  }

}

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

  .gioithieu {

    width: 100%;

  }

  .about-left,

  .about-rigt {

    width: calc(50% - 10px);

  }

  .comment-item-poster {

    width: auto;

    margin-right: 0px;

    margin-bottom: 0.5rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }

  .comment-item-letter {

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 13px;

    margin-bottom: 0;

  }

  .comment-item-name {

    margin-bottom: 0px;

    margin-left: 10px;

    margin-right: 10px;

  }

  .comment-item-information {

    width: 100%;

  }



  .top-cart {

    margin-bottom: 2rem;

  }

  .othernews {

    position: initial;

  }

  .footer-title:after {

    width: 100%;

  }

  #fanpage-facebook {

    width: 300px;

    overflow: hidden;

    margin: auto;

  }



  .time-news {

    display: none;

  }

  .copyright,

  .statistic {

    width: 100%;

    text-align: center;

  }

  .footer-ul li {

    width: calc(100% / 2 - 5px);

  }

  .footer-ul {

    display: flex;

    flex-flow: row wrap;

    justify-content: space-between;

  }



  .w-menu {

    width: 100%;

  }

  .head {

    position: relative;

    background: #fff;

  }



  .namecty {

    font-size: 40px;

  }

  .title-main span {

    font-size: 20px;

  }

  .title-list {

    font-size: 18px;

  }

  .row-product.text-center img {

    width: 200px;

  }



  .head-top-left,

  .head-top-right {

    width: fit-content;

  }



  .about_left.col-xl-6.col-lg-6 {

    width: 100%;

    margin-top: 30px;

  }

  .thongso p {

    width: 50%;

  }

  .title-main {

    margin-bottom: 1rem;

  }

  .col-collumn-gt3 {

    padding: 20px;

  }

  .col-md-tab {

    padding: 50px;

  }

  .mm-panel {

    padding: 0 20px;

  }

  .tailieu-bottom {

    display: none;

  }

  .img-tc {

    right: 5px;

    zoom: 0.8;

    top: -50px;

  }

  .tc-items {

    margin-top: 40px;

  }

  .slider-controls {

    width: 110px;

  }

}



@media (max-width: 769px) {

  .social.d-flex {

    justify-content: center;

    gap: 10px;

  }

  footer {

    padding-bottom: 70px;

  }

  .footer-powered {

    border-top: none;

  }

  .footer-item {

    padding: 10px 0;

    border-bottom: 1px dashed #ffffff59;

  }

  .footer-title:after {

    display: none;

  }

  .name-dichvu {

    font-size: 18px;

  }

  .item_dichvu {

    width: calc(100% / 2 - 10px);

    margin-bottom: 20px;

  }

  .picgiatri {

    display: none;

  }

  .item_news {

    width: calc(100% / 2 - 10px);

    height: auto;

  }

  .about-left {

    display: none;

  }

  .about-rigt {

    width: 100%;

  }

  .custom-lang-selected {

    min-width: fit-content;

    background: none;

    border: none;

  }

  .custom-lang-options {

    right: 0;

  }

  span.lang {

    display: none;

  }

  .page_product .d-flex.flex-wrap.row .col-md-3 {

    width: 50%;

  }

  .footer-news {

    width: 100% !important;

    text-align: center;

  }

  .xemthem {

    min-width: auto;

    padding: 0 20px;

  }

  .footer-left,

  .footer-right {

    width: 100%;

    padding: 0;

    border: 0;

    border-top: 1px dashed rgba(255, 255, 255, 0.2);

    text-align: center;

  }

  .footer-title {

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

  }

  .about-img div.about-first img,

  .about-img div.about-last img,

  .about-img div.about-first2 img {

  }

  .item-video1 img {

    height: 250px;

  }

  .right-intro {

    width: 100%;

  }

  .left-intro {

    width: 100%;

    margin-bottom: 20px;

    padding-right: 0;

  }

  .left-pro-detail,

  .right-pro-detail {

    width: 100%;

    margin: 0px;

  }

  .left-pro-detail,

  .top-contact .article-contact {

    margin-bottom: 30px;

  }

  .pic-news {

    width: 40%;

  }

  .info-news {

    width: 60%;

    padding-left: 10px;

  }

  .name-news {

    font-size: 15px;

  }

  .desc-news.text-split {

    -webkit-line-clamp: 2;

  }

  .procart-label .quantity-procart p:first-child {

    display: block;

  }

  .procart-label .quantity-procart p:last-child {

    display: none;

  }

}

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

  .slideshow-right {

    display: none;

  }

  .slideshow-left {

    width: 100%;

  }

  .slider-controls {

    width: 110px;

  }

  .about-right {

    width: 100%;

  }

  .grid-product {

    grid-template-columns: repeat(2, 1fr);

  }

  .title-product {

    flex-direction: column;

  }

  .group-why {

    gap: 20px;

    align-items: center;

  }

  .group-newsletter {

    flex-direction: column;

  }

  .left-newsletter {

    width: 100%;

  }

  .right-newsletter {

    width: 100%;

    display: none;

  }

  a .btn-lienhe {

    margin: 30px auto;

  }

  .footer-news ul.tag {

    display: flex;

  }

  .footer-news ul.tag li a {

    white-space: nowrap;

  }

  .footer-news ul.tag {

    flex-wrap: wrap;

    justify-content: center;

    gap: 10px;

  }

  .grid-tintuc {

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

  }

  .footer-copyright {

    text-align: center;

  }

  .left-why {

    width: 40%;

  }

  .right-why {

    width: calc(100% - 20px - 40%);

  }

  .why-item {

    padding: 15px 20px;

  }

  .why-item {

    gap: 20px;

  }

  .why-info {

    width: calc(100% - 20px - 80px);

  }

  .toolbar {

    display: block;

  }

  .support-online {

    display: none;

  }

  .title-main.left,

  .title-main.left p {

    text-align: center;

    width: 100% !important  ;

  }

  .col-md-tab,

  .col-md-tab-panel {

    width: 100%;

    padding: 50px;

  }

  .title-main.left .bf {

    text-align: center;

  }

  .title-main span {

    padding: 0;

  }

  .title-main span::before,

  .title-main span::after {

    content: none;

  }

  .video_hot {

    display: none;

  }



  .btn_xemchitiet a {

    font-size: 14px;

  }

  .btn_xemchitiet {

    width: 150px;

    height: 45px;

  }

  .gioithieu span {

    font-size: 14px;

  }



  .row > * {

    padding: 10px;

  }

  .head .head-bottom .wrap-content {

    flex-wrap: wrap;

    flex-direction: column;

    width: 100%;

  }



  .procart-label .quantity-procart p:first-child {

    display: none;

  }

  .procart-label .quantity-procart p:last-child {

    display: block;

  }

  .quantity-procart {

    text-align: right;

  }

  .price-procart {

    display: none;

  }

  .price-procart-rp {

    display: block;

  }

  .title-main span {

    font-size: 25px;

  }



  .hotline-head {

    display: none;

  }

  .showmobile {

    display: block !important;

  }

  .showdesktop {

    display: none;

  }

  .footer-newsletter {

    padding: 50px 0;

  }

  .left-about {

    width: 100%;

    margin-bottom: 30px;

  }

  .right-about {

    width: 100%;

    margin-left: 0px;

  }

  .border-about {

    margin: 0;

    padding: 10px;

  }



  .title-about p {

    font-size: 16px;

    line-height: 23px;

  }

  .box-tailieu {

    display: flex;

    grid-gap: 10px;

    flex-direction: column;

  }

  .tailieu-left,

  .tailieu-right {

    width: 100%;

  }

  .tailieu-top {

    margin-bottom: 0;

    margin-top: 0;

  }

  .box-flex-vitri {

    flex-direction: column;

  }

  .vitri-left,

  .vitri-right {

    width: 100%;

  }

  .box-album {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-template-rows: repeat(6, 1fr);

    column-gap: 8px;

    row-gap: 8px;

  }

  .box-album .album-item:nth-child(1) {

    grid-area: 1 / 1 / 3 / 2;

  }

  .box-album .album-item:nth-child(2) {

    grid-area: 3 / 1 / 5 / 2;

  }

  .box-album .album-item:nth-child(3) {

    grid-area: 1 / 2 / 5 / 3;

  }

  .box-album .album-item:nth-child(4) {

    grid-area: 5 / 1 / 7 / 2;

  }

  .box-album .album-item:nth-child(5) {

    grid-area: 5 / 2 / 7 / 3;

  }

  .footer-items {

    width: calc(50% - 5px) !important;

  }

  .flex-footer {

    gap: 10px;

  }

  .company-name {

    font-size: 32px;

  }

  .choose_list,

  .list_sanpham {

    margin-top: 15px;

    text-align: center;

    display: flex;

    align-items: flex-end;

    padding-bottom: 10px;

    border-bottom: 1px solid #f5f5f5;

    /* width: fit-content; */

    flex: 1;

    justify-content: flex-start;

    gap: 10px;

    white-space: nowrap;

    overflow-x: scroll;

    width: 100%;

    min-width: 100%;

    padding: 10px 0;

  }

  .col-product {

    width: 33%;

  }

  .slick_album::after,

  .slick_album::before {

    height: 20px;

  }

}



@media (max-width: 575px) {

  .grid-tintuc {

    grid-template-columns: repeat(1, 1fr);

  }

  .title-gioithieu div:first-child {

    font-size: 24px;

    margin: 0px;

  }

  .title-gioithieu div:last-child {

    font-size: 30px;

  }

  .slideshow {

    margin-bottom: 0px;

  }

  .col-product {

    width: 50%;

  }

  .slick_product .item_product {

    margin: 5px;

  }

  .cart-product {

    flex-direction: column;

    gap: 5px;

  }

  .cart-product span {

    width: 100%;

  }

  .grid-product {

    gap: 10px;

  }
  .nasa-product-content-select-wrap{
    right: 35%;
  }

  .info_product {

    padding: 10px;

  }

  .voucher {

    margin-bottom: 5px;

  }

  .name_product {

    margin: 5px 0px;

  }

  .choose_list span {

    padding: 10px 20px;

  }

  .choose_list .about-product {

    padding: 10px 20px;

  }

  .group-why {

    flex-direction: column;

  }

  .left-why {

    width: 100%;

  }

  .right-why {

    width: 100%;

  }

  .group-tieuchi {

    padding: 15px;

  }

  .info-newsletter h3 {

    font-size: 25px;

  }

  .pic_fb {

    width: 80px;

  }

  .info_fb {

    width: calc(100% - 90px);

  }

  .box_doitac {

    height: 150px;

  }

  .item_giatri {

    width: 100%;

  }

  .footer-statistic,

  .social-footer,

  .footer-copyright {

    width: 100%;

    text-align: center;

  }

  .border-map,

  .border-map iframe {

    border-radius: 10px;

  }



  .footer-items {

    width: 100% !important;

  }

  .col-md-tab,

  .col-md-tab-panel {

    padding: 25px;

  }

  .footer,

  .footer-news,

  .footer-title {

    text-align: center;

  }

  ul.social.social-footer.list-unstyled.d-flex.align-items-center {

    justify-content: center;

  }

  .footer-title::before {

    display: none;

  }

  .worktime {

    text-align: center;

    width: 100%;

  }

  .pic_worktime {

    display: none;

  }

  .wap-worktime {

    gap: 10px;

  }

  .thongso p {

    width: fit-content;

  }

  .footer-copyright {

    text-align: center;

  }

  .info_congtrinh {

    display: none;

  }

  .slick_feedback .slick-prev,

  .slick_feedback .slick-next {

    display: none !important;

  }

  .wrap-map {

    padding: 20px 0;

  }

  .video-main {

    margin-bottom: 30px;

  }

  .info_tintuc {

    top: unset;

    bottom: 0;

  }

  .search-res.pc {

    display: none;

  }

  .left-pro-detail {

    flex-direction: column;

  }

  .gallery-thumb-pro {

    width: 100%;

  }

  .grid-list {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

  .toast-cus {

    left: 5px;

    width: calc(100% - 10px);

  }

  .box-readmore {

    width: calc(100% - 5px);

  }

  .newshome-scroll {

    width: 100%;

  }

  .newshome-intro {

    width: 100%;

    margin-bottom: 20px;

  }

  .top-contact .form-contact .button-contact .file-contact span b {

    max-width: 105px;

  }

  .cart-pro-detail {

    flex-wrap: wrap;

  }

  .cart-pro-detail a {

    width: 100%;

    text-align: center;

    margin: 0px !important;

  }

  .cart-pro-detail a:first-child {

    margin-bottom: 5px !important;

  }

  .name-procart a {

    font-size: 13px;

  }

  .procart-label {

    font-size: 13px;

  }

}



a {

  text-decoration: none;

  color: #000;

}

@media (max-width: 480px) {

  .item_news {

    width: 100%;

  }

}