/* Responsive */
@media (max-width: 1024px) {
	.newsHot-pic {
    	width: 100%;
	}
	#tin-tuc .grid-news {
	    grid-template-columns: 1fr 1fr 1fr;
	    gap: 20px 10px;
	}
	#giai-phap .grid-news {
	    grid-template-columns: 1fr 1fr 1fr;
	}
	#giai-phap .newsHot-info {
	    width: 100%;
	    padding: 10px;
	}


	.sanpham-left {
    display: none;
}

.sanpham-right {
    width: 100%;
}

footer{
}
	.gioithieu-wrapper {
    height: unset;
}

.gioithieu-banner img{
	height: unset;
}
	.staticHome-box {
    height: unset;
}.staticHome-box {}

.video-wrapper {
    height: unset;
    margin-bottom: 30px;
}

.giaiphapHot-wrapper {
    height: unset;
}

.doitac_footer-wrapper {
    height: unset;
}

.newsletter-wrapper {
    padding: 30px;
}
	.tieuchi-wrapper {
    padding: 60px 0px;
}

.tieuchi-box{
	display: none;
}

.tieuchiMB-swiper{
	display: block !important;
}
.tieuchiMB-item{}
.icon1-grid{
	white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 15px;
}

.icon1-grid::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.icon1-grid::-webkit-scrollbar
{
	width: 3px;
	height:5px;
}

.icon1-grid::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color:#FFBC00;
}

	.sanpham-wrapper,
	.dichvuLink-wrapper,
	.tieuchi-wrapper,
	.hinhanh1-wrapper,
	.newsletter-wrapper{
		margin-bottom: 60px;
		height: unset;
	}

	footer{
		padding-bottom: 60px;
	}

	h2.staticHome-heading {
    margin: 0;
    text-align:  center;
    margin-bottom: 30px;
}

	.video-box {
    padding: 0;
}

.video-swwiper {
    width: 100%;
}

.video-box .title-main {
    text-align: center;
}

.video-btn {
    justify-content: center;
}

h3.giaiphapHot-name {
    font-size: 20px;
}

.footer-box {
    width: 100% !important;
}

	.dichvu3dcraftHot-wrapper {
    margin: 0;
    background: #000;
    padding: 60px 0px;
    position: initial;
}

.gioithieu-info {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

p.gioithieu-name {
    font-size: 30px;
}

h2.dichvu3dcraftHot-title {
    margin: auto;
    margin-bottom: 30px;
}

.dichvu3dcraftHot-wrapper::before {
    display: none;
}

.staticHome-item {
    height: unset;
}

.staticHome-grid {
    width: 100%;
    height: unset;
}

.staticHome-info.staticHome-black {
    width: 100%;
}

.staticHome-item:nth-child(even) .staticHome-desc {
    padding-left: 20px;
}

.staticHome-info {
    width: 100% !important;
}

	.menu-wrapper .wrap-content {
    max-width: 100%;
}

   nav.menu {
      display: none;
   }


   .menu-wrapper
   {
   background: #000;
   }
   .header-banner {
      display: none;
  }

  .header-hotline {
      display: none;
  }

  a.header-logo.d-block {
  }
	.toolbar2 {
		display: block;
	}

	#hamburger {
		display: block;
	}
	.menu-head {
		display: none;
	}
	.wrap-menu {
		display: none;
	}
	.cart-head {
		padding: 5px;
		font-size: 12px;
	}
	.header {
		padding: 10px 0px;
	}
	.flex-product-main {
		display: block;
	}
	.flex-product-main .left-product {
		position: fixed;
		z-index: 999;
		top: 0px;
		left: 0px;
		transform: translateX(-250px);
		bottom: 0px;
		overflow-x: hidden;
		background: #fff;
		box-shadow: 0px 0px 5px #000;
		transition: all 0.5s;
	}
	.flex-product-main .left-product.show {
		transform: translateX(0px);
	}

	.flex-product-main .right-product {
		width: 100%;
	}

	.grid-product {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.filter{display: block;}
}

@media (max-width: 850px) {

	.sanpham-info {
    width: 100%;
    margin-bottom: 30px;
}

.sanpham-images {
    width: 100%;
}

.sanpham-wrapper::before {
    display: none;
}

.newsletter-form {
    padding: 30px;
}

.title-trangtrong h2 {
    font-size: 30px;
}

.sanpham-info {}

	h2.dichvu3dcraftHot-title {
	    font-size: 30px;
	}

	h2.staticHome-heading {
	    font-size: 30px;
	}

	.staticHome-title .info h2 {
	    font-size: 30px;
	}

	.title-main h2, .title-detail h1 {
	    font-size: 30px;
	}

	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 30px;padding: 10px;}
}
@media (max-width: 769px) {

	.newsletter-wrapper {
    padding: 0;
}


	.video_slide-item video {
    height: 300px;
}

.sanpham-wrapper {
    padding: 30px 0px;
}

form#form-newsletter {
}

.newsletter-wrapper .wrap-content {
    padding: 0;
    width: 100%;
}

.title-trangtrong h2 {
    font-size: 25px;
}

form#form-newsletter {
    display: block;
}


	.gioithieu-info {
    /* display: none; */
}

.dichvuLink-wrapper {
    margin-bottom: 30px;
}

.staticHome-title .info h2 {
    font-size: 25px;
}

.staticHome-desc {
    padding: 20px !important;
}

.giaiphapHot-wrapper {
    margin-bottom: 30px;
}

.giaiphapHot-wrapper {}

.doitac-wrapper {
    margin-bottom: 30px;
}

	.gutter-x-20{--bs-gutter-x: 10px;}
	.flex-about {
		flex-wrap: wrap;
	}
	.content-about {
		width: 100%;
	}

	.photo-about {
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}
	.flex-video{
		flex-wrap: wrap;
	}
	.wr-video{width: 100%;}
	.wr-form{width: 100%;margin-top: 20px;}
	.item-news{padding: 5px;}
	.ds-news h3{font-size: 14px;}
	.text-cart{display: none;}
	.grid-pro-detail {
		display: block;
	}
	.grid-pro-detail .left-pro-detail {
		width: 100%;
		padding: 0px;
		border-right: none;
	}
	.slick_photo1 {
		text-align: center;
	}
	.grid-pro-detail .right-pro-detail {
		width: 100%;
	}
	.grid-product, .grid-news {
		display: grid;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px;
	}

	.info-footer .flex-footer{
		display: block;
	}
	.box-footer{width: 100% !important;margin-top: 20px;}
}

@media (max-width: 640px) {

	#giai-phap .grid-news {
	    grid-template-columns: 1fr 1fr;
	}

.staticHome-box {
    width: 100%;
    flex: auto;
}

.staticHome-banner {
    width: 100%;
}

	.giaiphapHot-box{
		display: none !important;
	}
	.giaiphapHot-swiper{
		display: block !important;
	}
}
@media (max-width: 500px) {
	.giaiphapHot-box{
		display: none !important;
	}
	.giaiphapHot-swiper{
		display: block !important;
	}
	h2.dichvu3dcraftHot-title {
    font-size: 25px;
    padding: 10px;
    width: 100%;
    text-align: center;
}

h2.staticHome-heading {
    font-size: 25px;
}

.img-video span {
    width: 50px;
    height: 50px;
}


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

}