@media (max-width: 600px) {
   .container-big, .container-min{
	  padding-left: 15px;
	  padding-right: 15px;
	}

	.container-big2{
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.container-big3{
	  padding-left: 10px;
	  padding-right: 10px;
	}
	.container-min{
	  padding-left: 15px;
	  padding-right: 15px;
	}

	.desk{
	  display: none;
	}
	
	.h-btn-title{
		text-shadow: 2px 2px 2px #000;
	}
	.h-desk{
		text-shadow: 2px 2px 2px #000;
	}
	.dt{
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	    padding: 5px;
	    min-height: 126px;
	}
	.title3{
		font-size: 20px;
	}
	.head1{
		order: 2;
		-ms-flex: 0 0 calc(100% - 100px);
    	flex: 0 0 calc(100% - 100px);
    	max-width: calc(100% - 100px);
	}
	.head2{
		order: 1;
		-ms-flex: 0 0 100% !important;
	    flex: 0 0 100% !important;
	    max-width: 100% !important;
	    margin-bottom: 10px;
	}
	.head3{
		order: 3;
		
	}
	.mashin{
	  position: absolute;
	  bottom: 20px;
	  right: 0px;
	}
	.gallery-product .item{
	  min-height: 309px;
	}
	.search-bannar .item{
	  display: block;
	  width: 100%;
	  max-height: 300px;
	  border-radius: 15px;
	  overflow: hidden !important;
	}
	#header{
		padding: 15px 0;
	}
	.tailbar{
		font-size: 13px;
	}
}

@media (min-width: 600px) {
	.mob{
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1100px){
	.dt{
	    -ms-flex: 0 0 33.3333333%;
	    flex: 0 0 33.3333333%;
	    max-width: 33.3333333%;
	    padding: 5px;
	    min-height: 126px;
	}
}

@media (max-width: 768px){
	.title3{
		text-align: left;
	}
	.home-btns a{
		min-height: 230px;
	}
}

@media (max-width: 700px) {
	.dugui-in{
	  transform: rotate(+9590deg);
	  transition-duration: 15s;
	  transition-timing-function: linear;
	}
}