.hotline_mb { color: #fff; }
.cart-fixed-mb { margin-top: 10px; }
.logo-header-mb { display: none; padding: 10px; }
.google_dich { float: left; margin-top: 8px; }
.search-res { float: right; }
.blue-web-logo-mobile img {
    max-height: 90px;
}
/* Responsive */
@media(max-width:1400px) {
    .bg_serv::before, .bg_serv::after { display: none; }
}
@media(max-width:1200px) {
    .wrap-in .content-main-dt img { width: 100% !important; height: 100% !important; }
    .row-5, .row, .row-15, .row-10 { margin: 0px; }
    .top { padding: 0 10px; }
    .slick-spkm .slick-prev, .slick-spkm .slick-next { width: 0px !important; height: 0px !important; }
    .slick-spkm .slick-prev:before, .slick-spkm .slick-next:before { display: none !important }
    .wrap-in, .wrap-main-k, .wrap-main, .wrap-content, .wrap-main-gt, .bd-gioithieu { padding-left: 10px !important; padding-right: 10px !important; }
    .bg_gt, .hinhgioithieu, .bg_serv, .header-fixed { min-height: auto; }
    .header, .box-register-email1, .footer, .bg_bgsize { background-size: auto 100%; min-height: auto; }
    .form-contact .row:nth-child(1) .input-contact { width: 49%; float: left; padding: 0px; }
    .form-contact .row:nth-child(1) .input-contact:nth-child(2) { float: right; }
    .form-contact .row:nth-child(2) .input-contact { width: 49%; float: left; padding: 0px; }
    .form-contact .row:nth-child(2) .input-contact:nth-child(2) { float: right; }
    .footer-powered { line-height: 20px; text-align: center; }
    .logo-header { padding: 0px; margin-top: 0; }
    .header-top { display: none; }
    .slick-prev:before, .slick-next:before { width: 0px; content: ''; }
    .hotline { float: right; }
    .search { width: 60%; margin-right: 10px; }
    .grid_5_lg { display: grid; grid-template-columns: repeat(5, 1fr); }
    .paddingg_10_lg { grid-gap: 10px; }
    .album_mt { display: none; }
    .album_dt { display: block; }

    /**/
    .footer-bottom .fl-between { display: inherit; }

    /**/
    .header { display: none; }
    .hinhgioithieu, .left-gt { width: 100%; padding: 0px; }

    /**/
    .all_partner .control-owl button.owl-prev { left: 0px; }
    .all_partner .control-owl button.owl-next { right: 0px; }
    .title-serv:before { height: 0px; border-left: none; }
    .title-serv { padding-top: 0px; margin-bottom: 20px; }
    .bg_gt { background: #ebebeb; }
    .title_gt_s { display: none; }
    .all_spnb .owl-prev { left: 0px !important; }
    .all_spnb .owl-next { right: 0px !important; }
    .bg_album { height: auto; }
    .bg_cus { padding-top: 1px !important; }
    .bg_info { padding: 1px 0px !important }

    /**/
    .bg_tieuchi { width: 100%; }
    .tabs_map_ajax li span { display: none; }
    .tabs_map_ajax li { padding: 10px 15px; }
    .tab_map { top: 20px; transform: unset; }
}
@media(max-width:991px) {
    .vector { display: none; }
    .header-container { display: none; }
    .row-1 { display: block; }
    .datlichmodal { padding: 15px !important; }
    .chieu-input { width: 100%; }
    .row-1 .datlich-input { width: 100%; }
    .video { display: block; }
    .intro-news { width: 100%; padding: 10px; }
    .intro-gioithieu { width: 100%; }
    .wrap-gioithieu::after { content: ''; width: 100%; height: 100%; background: #00000061; z-index: 1; position: absolute; top: 0; }
    .wrap-gioithieu .wrap-content { position: relative; z-index: 2; }
    .wrap-gioithieu { background-attachment: unset !important; }
    .bg_serv::before, .bg_serv::after { display: none; }
    .bg_serv { margin: 0; height: auto; }
    .cacbuocdatxe { display: block; }
    .serv-shadow { width: 100%; }
    .wrap_splist { margin: 20px 0; }
    .list_nav { width: 390px; text-align: center; }
    .sp__name { font-size: 14px; margin-bottom: 3px; }
    .bg_album::after { bottom: -154px; }
    .wrap-video { padding-bottom: 50px; }
    .feedback_item { display: flex; flex-direction: column; }
    .feedback_info { height: auto; position: relative; }
    .feedback_name { background: rgb(219 218 218 / 37%); align-items: center; margin: auto; margin-right: 0; padding: 0; background-size: 100% 100%; height: 244px; width: 100%; align-content: center; z-index: 1; }
    .top-cart { border-right: none; padding: 0px; }
    .bottom-cart { padding: 0px; }
    .contact-article { margin-bottom: 10px; }
    .contact-text { float: left; }
    .contact-text, .contact-form { padding: 0px; }
    .grid_3_md { display: grid; grid-template-columns: repeat(3, 1fr); }
    .paddingg_20_md { grid-gap: 20px; }
    .menu { display: none; }
    .menu-res { display: block; padding: 25px 0; background: #000; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.15); }
    .blue-web-logo-mobile { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 7px var(--c1); border-radius: 7px; overflow: hidden; z-index: 9; background: #fff; display: block; }
    .header { height: auto; text-align: center; }
    .footer-article .wrap-content { padding-top: 1px; }
    .header-top { display: none; }
    .footer-article { padding-top: 0px; }
    .left { width: 100%; padding-left: 0px; }
    .right { display: none; }
    .grid_4_md { grid-template-columns: repeat(4, 1fr); }
    .grid_2_md { grid-template-columns: repeat(2, 1fr); }
    .flex-md { display: block; }

    /**/
    .flex_odd_even .right_spcap1 { padding-right: 0px; }
    .album_mt { display: none; }
    .album_dt { display: block; }

    /**/
    .header { display: none; }
    .logo-header-mb { display: inline-flex; text-align: center; align-items: center; justify-content: center; width: 100%; }
    .slideshow:after { width: 0px; }
    .footer-news:nth-child(1), .footer-news:nth-child(2) { width: 50%; }
    .footer-news:last-child { width: 100%; margin-top: 30px; }

    /*.all_album{ display: none; }
    .all_album_mb{ display: block; }*/
    .left_dknt { width: 100%; min-height: unset; margin-top: 0px; margin-bottom: 20px; padding-right: 0px; }
    .right_dknt { width: 100%; min-height: unset; }
    .title-serv span:before, .title-serv span:after, .title-cus span:after, .title-cus span:before, .title-intro span:after { width: 0px; }
    .all_serv .control-owl button.owl-next { right: 0px; }
    .all_serv .control-owl button.owl-prev { left: 0px; }
    .bd-gioithieu:before, .bd-gioithieu:after { border: none; width: 0px; }
    .bd-gioithieu { min-height: unset; padding: 0px !important; }

    /**/
    .title_gt_s { margin-bottom: 20px; }
    .album_dt { display: none; }
    .album_mb { display: block; }
    .news-shadow-lrn-article { display: block; }
    .news-shadow-lrn-image { width: 100%; }
    .news-shadow-lrn-info { width: 100%; position: relative; }

    /**/
    .serv-shadow:after { width: 0px; }

}
@media(max-width:900px) {
    .copyright { width: 100%; margin-bottom: 10px; }
    .statistic { width: 100%; }
    .bg_gt .fl-between { display: block; }
    .thanh_toan { float: none; }
}
@media(max-width:850px) {
    .news { width: 100%; float: none !important; padding: 0px; }
    .footer-powered { padding: 5px 0px; text-align: center; }
    .footer-powered .wrap-content { padding: 10px; }
    .copyright { width: 100%; margin-bottom: 5px; line-height: 20px; }
    .footer-ul { float: left; margin-top: 0px; }
    #fanpage-facebook { margin-top: 0px; }
    .tabs_banchay { width: 100%; }
    .copyright:before { right: inherit; left: 0px; }
    .copyright:after { left: inherit; right: 0px; }
    .title-footer-dt:after { width: 200px; }
    .top_contact_home a { background-size: 100% 100%; width: 46%; margin: 0 1%; }
}
@media(max-width:768px) {
    .top-contact { flex-wrap: wrap; }
    .tbl-pro-detail-child.price-pro-detail p .price-new-pro-detail { font-size: 16px; }
    .tbl-pro-detail-child.price-pro-detail p .price-old-pro-detail { font-size: 15px; padding-left: 10px; }
    .left-pro-detail, .right-pro-detail, .top-contact .form-contact, .top-contact .article-contact { width: 100%; margin: 0px; padding: 0px; }
    .left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
    span#copy { width: 100%; }
    div.thongke { width: 100%; text-align: center; }
}
@media(max-width:767px) {
    .boxdongxe { border: none; }
    .info_dongxe { text-align: center; }
    .desc-taisao { height: auto; }
    .paddingg_10_sm { grid-gap: 10px; }
    .footer-news { margin-bottom: 30px; }
    .footer-news:nth-child(1) { width: 100%; padding-right: 0px; }
    .footer-news:nth-child(2) { width: 100%; padding-right: 0px; }
    .footer-news:nth-child(3) { width: 100%; padding-right: 0px; }
    .footer-news:last-child { width: 100%; margin-top: 10px; }
    .newsletter-input input { width: 100%; margin-right: 0px; }
    .left-intro { width: 100%; padding-right: 0px; margin-bottom: 10px; }
    .right-intro { width: 100%; }
    .header-top { display: none; }
    .box_serv { grid-template-columns: 100%; }
    .right-intro { background-size: 100% 100%; }
    .title_intro span:before, .title_intro span:after { width: 0px; }

    /*.newsletter-input input[type=email]{ width: 100%; }*/

    /**/

    #video-right { display: none; }
    #video-fotorama { display: block; }
    .video:nth-child(3n+1) { clear: none; }
    .video:nth-child(2n+1) { clear: both; }
    .grid_3_sm { grid-template-columns: repeat(3, 1fr); }
    .all-gt5 { padding: 30px; }
    .logo-footer { text-align: center; }

    /**/
    .logo-header-mb { display: block; }
    .left_intro { width: 100%; margin-bottom: 10px; }
    .right_intro { width: 100%; }
    .title_gt h3 { font-size: 30px; }

    /**/
    .all_gt { display: block; }
    .noidunggioithieu { text-align: left; }
    .noidunggioithieu > span { text-align: left; }
    .more_xt { float: left; }
    .title-video span { font-size: 20px; }
    .tab-project-slide .items-tab { min-height: unset; background-size: 100% 100%; padding-top: 105px; padding-bottom: 20px; }
    .images-quitrinh:before { width: 0px; }
    .title-main span { font-size: 18px; }
}
@media(max-width:700px) {
    .serv_rep { display: none; }
    .serv_mb { display: block; }
    .item_serv .img_p { float: left; margin-left: 0px; margin-right: 30px; }
    .all_video_nav { position: relative; }
    .ngaythang { display: none; }
    .newsnb_l:before, .newsnb_l:after { width: 0px; }
    .newsnb_l { width: 100% !important; }
    .vernewnb_l { background: unset; }
    .footer-powered .wrap-main-k:before { width: 0px; }
    .footer-powered .wrap-main-k:after { width: 0px; }

    /*
    .newsletter-input{ width: 100%;  }
     

    .newsletter-button{ width: 100%; margin-top: 10px; }*/
    .title_dknt h3 { font-size: 35px; }
    .title_dknt span { font-size: 33px; }
}
@media(max-width:600px) {
    .footer-ul { padding-right: 0px; }
    .title_price span { font-size: 25px; }
    .left-intro { width: 100%; padding-right: 0px; }
    .center-intro { width: 100%; }
    .right-intro { width: 100%; }
    .newshome-scroll .vert .simply-scroll-list li { height: auto !important; }
    ul.tabs li h3 { font-size: 18px; line-height: 30px; }
    .newshome-best { width: 100%; padding: 0px; margin-bottom: 10px; }
    .slick-news { width: 100%; padding-left: 0px; }

    /**/
    .left_gt { width: 100%; padding-right: 0px; margin-bottom: 10px; }
    .right_gt { width: 100%; padding-left: 0px; }
    .title_video span:after, .title_video span:before { width: 0px; }
    .serv_mt { display: none; }
    .serv_dt { display: block; }
    .item_serv_dt { width: 100%; }
    .item_duan:first-child { width: 100%; padding-right: 0px; padding-left: 20px; }
    .item_duan { width: 50%; }
    .hinhgioithieu { width: 100%; min-width: unset; }
    .hinhgioithieu span { font-size: 15px; }
    .title-dknt { width: 100%; padding-right: 0px; margin-bottom: 10px; }
    .bg_dknt form { width: 100%; }
}
@media(max-width:575px) {
    .album_anh { column-gap: 10px; }
    .bg_album::before { display: none; }
    .wrap-product { display: flex; justify-content: space-around; padding: 50px 0; flex-direction: column; }
    .wrap-product .hinh-product { width: 100%; }
    .product .box-product { width: 45%; }
    .wrap-product .product { width: 100%; align-content: center; text-align: center; }
    .product .price { background-size: 100% 100%; }
    .dichvu .content .boxdichvu { width: 50%; }
    .boxdichvu .img_dichvu { margin: auto; width: 100%; height: unset; background-size: contain; background-position: center; }
    .boxdichvu .img_dichvu::after { background: #ff0000ad; content: ''; position: absolute; width: 80%; height: 98%; z-index: 0; left: 20px; top: 3px; clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%); z-index: 1; transition: 0.3s ease; opacity: 0; background-position: center; }
    .info_dichvu span { font-size: 15px; }
    .boxdichvu .img_dichvu img { width: 80%; }
    .img_dichvu::before { display: none; }
    .info_dichvu { left: 25%; }
    .boxdongxe { width: 49%; padding: 0; }
    .title-main2 span { font-size: 20px; height: 60px; align-content: center; padding: 0; }

    /* album */
    .bg_quytrinh { display: none; }
    .quytrinh .content { height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
    a.quytrinh_item { width: 49%; }
    .quytrinh0, .quytrinh1, .quytrinh2, .quytrinh3, .quytrinh4, .quytrinh5 { position: relative; margin: 10px auto; top: unset; left: unset; transform: none; z-index: 2; height: 179px; width: 100%; }
    .img_quytrinh img { width: 84%; height: 178px; left: 15px; }
    .img_quytrinh::before, .img_quytrinh::after { display: none; }
    .info_quytrinh { font-size: 14px; }
    .wrap-main .box-taisao { width: 100%; padding: 10px; }
    .name-taisao { height: auto; font-size: 14px; }
    .grid_2_sm { display: grid; grid-template-columns: repeat(1, 1fr); }
    .grid_1_xs { display: grid; grid-template-columns: repeat(1, 1fr); }
    .news-image { float: left; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; padding: 0px; }
    .news-info { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; margin-top: 0px; padding-right: 0px; }
    .footer-news:last-child { padding-left: 0px; }
    .bdh-gioithieu { min-height: unset; }
    .title_dknt span { font-size: 25px; }
    .grid_2_xs { grid-template-columns: repeat(2, 1fr); }
    .paddingg_10_xs { grid-gap: 10px; }
    .paddingg_5_xs { grid-gap: 5px; }
    .paddingg_0_xs { grid-gap: 5px; }
    .left_intro { width: 100%; padding-right: 0px; }
    .right_intro { width: 100%; padding-left: 0px; }

    /**/
    .footer .wrap-main { background: #ffffffd4; }
    .social { display: none; }
    .bg_album::after { display: none; }
    .wrap-video { overflow: hidden; }
    .wrap-video:before { width: 100%; height: auto; }
    .wrap-intro .slick-prev, .wrap-intro .slick-next { display: none !important; }
    .quytrinh::before { display: none; }

    /**/
    .grid_1_xs { grid-template-columns: repeat(1, 1fr); }
    .all_tieuchi:before, .all_tieuchi:after { width: 0px; }
    .item_tieuchi { width: 100%; padding-top: 0px; margin-bottom: 10px; min-height: unset; }
    .left_cus { width: 100%; padding-right: 0px; margin-bottom: 10px; }
    .right_cus { width: 100%; padding-left: 0px; }
    .all-album-for { width: 100%; padding-right: 0px; margin-bottom: 10px; }
    .all-album-nav { width: 100%; }
    .all-album-nav .item_album { padding: 0 5px; }

    /**/
    .item_article .bd_article { padding: 10px }
    .title-spnb { font-size: 28px; top: -22px; }
    .title-spcap1 span { font-size: 28px; }
    .title-intro span { font-size: 28px; }
    .title-cus span { font-size: 28px; }
    .title-serv span { font-size: 25px; }
    .title_gt h2 { font-size: 40px; }
}
@media(max-width:500px) {
    .header-fixed .wrap-main-k { display: inherit; align-items: unset; justify-content: unset; width: 100%; text-align: center; }
    .logo-header { margin-top: 0px; width: 100%; margin-right: 0px; float: left; }
    .banner { width: 100%; }
    .pic-newshome-best { width: 100%; float: none; }
    .intro-newshome { padding-left: 10px; }
    .title_gt:before { bottom: 30px; font-size: 77px; }
    .newshome-normal { padding: 10px; }
    .pic-newshome-normal { width: 100%; }
    .info-newshome-normal { width: 100%; }
    .right-intro { min-height: auto; }
    .logo-header img { max-width: 100px; }
    .title_spcap1 span, .title_video span, .title-main-dt span, .title-main span { font-size: 20px; padding: 10px 40px; }
    .control-owl.control-news button.owl-next, .control-owl.control-news button.owl-prev { width: 0px; }

    /**/
    .news-shadow-right { padding: 0 10px; }

    /**/
    .product-list { padding: 0px; }
    .news-shadow-info { padding: 5px; }
    .content-prolist { padding: 5px; }

    /**/
    .price-product { display: block; }
    .news-shadow-lrn-info { padding: 10px; }
    .title-dknt span { font-size: 20px; }
    .title-spnb { width: 100%; position: relative; text-align: center; }
    .all_spnb { padding: 0px; border: none; }
}
@media(max-width:440px) {
    .des_product { padding: 10px; }
    .price-new, .price-old { font-size: 14px; }
    .hotline_gt { width: 100%; text-align: left; }
    a.more_xt { margin-left: 0px; float: none; margin-top: 10px; }
    .bottom_gt { text-align: center; }
    .title_spbc span { font-size: 20px; }
    .title_spnb span { font-size: 17px; }
    .item_album h3 { padding: 5px; }

    /**/
    .bd-dmcap1 h3 { top: 0px; max-width: 100%; border-radius: 10px; }
    .title_quitrinh span { font-size: 20px; }
    .more_news { padding: 7px 15px; }
    .news-shadow-lrn-desc { font-size: 14px; }
    .title-footer { font-size: 28px; }
    .image-gioithieu:first-child { display: none; }
    .video_item { padding: 0px; }
    .tab-project-slide .items-tab { padding-top: 20px; }
    .tab-project-content { padding-left: 0px; padding-right: 0px; }
    .newsletter-button input { margin-top: 0; }
}