/* màn hình lớn */
@media (min-width: 768px) {
    .hidden-md {
        display: none !important; /* Ẩn trên màn hình lớn */
    }
}


/* màn hình nhỏ */
@media all and (max-width: 480px) 
{
	.hidden-md {
		display: block; /* Hiển thị mặc định trên mobile */
	}
	
	.top-phone
	{
		margin-top:16px;
		font-size:17px;
		font-weight:600;
		margin-left:-15px;
		font-family:saira;		
	}
	
	.search-btn
	{
		 
		float:left;
		margin-top:2px;
		margin-right:0px;
		right:40px;
	}
	.search-icon-mobile .search-btn
	{
		width: 40px;
		height: 40px;
		margin-top:10px;
		margin-left:10px;
	}
	.search-icon-mobile .search-btn img
	{
		object-fixed:cover;
	}
	
	.menu_mobile
	{
		width:30%;
	}
	#header
	{
		height:70px;
	}
	.intro-home
	{
		width:100%;
		height:300px;
	}
	.media-play
	{
		height:150px;
		left:35%;
		top:50px;
	}
	.slideshow
	{
		margin-top:119px;
		height:300px;
	}
	.slideshow img
	{		
		height: 300px!important;
		object-fit: none!important;		
		
	}
	.owl-carousel div .textoverlay
	{
		margin-left:20px;
		top:40px;
	}
	
	.text-line1 {
		font-size:24px;
	}
	.text-line2
	{
		font-size:32px;
		width:300px;
	}
	.text-line3 .btn-blue
	{
		margin-right:10px;
	}
	
	#intro-home
	{
		display:flex;
		margin-top:10px;
	}
	
	#home-left
	{
		order:2;
		margin-top:40px;
	}
	#home-right
	{
		order:1;
	}
	#home-right .about-title
	{
		font-size:20px;
		font-family:saira;
	}
	#home-right h1
	{
		font-size:32px;
		text-align:left;
		padding-left:0px;
	}
	.intro-title
	{
		font-size:32px;
		line-height:45px;
	}
	.benifit-bg
	{
		background-size:cover;
	}
	
	.item_cc
	{
		text-align: center;
		align-items: center;
		text-align:center;
		background-color:#fff;
		border-radius:10px;  
		padding:15px;
		margin-bottom:50px;
		padding-bottom:50px;
		width:85%;
		margin-left:30px;
		margin-right:30px;
		margin-top:-30px!important;
	}
	.viewall-text
	{
		display:none;
	}
	.title-web h2
	{
		font-size:24px;
	}
	.box-intro__content-detail__link::after
	{
		width:70%;
	}
	.product-item .slick-prev
	{
		left:10px;
	}
	.product-item .slick-next
	{
		right:10px;
	}
	
	.service-top
	{
		height:200px;
		background-size:contain;
		background-position:top;
	}
	.service-top .short
	{
		font-size:16px;
	}
	.service-item
	{
		min-height:444px;
		height:100%;
		margin-right:0px!important;		
		border-radius:10px;
	}
	
	 .service-content {
		height: 250px;
		border-radius: 10px;
		margin-bottom: 0px;
		bottom: -225px;
		 
	}
	
	.service-item-right
	{
		display:none;
	}
	.box-achivement
	{
		text-align:center;
	}
	
	.service-title-left
	{
		width:100%;
		float:left;
	}
	.service-title-right
	{
		width:100%;
		float:left;
	}
	.news-right .wrap_item
	{
		padding:10px;
	}
	
	#box-customer-review
	{
		margin-bottom:60px;
		min-height:560px;
	}
	
	.news-left .item
	{
		width:100%;
	}
	
	.service-item-row
	{
		overflow:hidden;
		clear:both;
		margin-bottom:20px;
	}
	
	.partner-home .jcarousel-pagination {
	  width: 100%;
	  text-align: center;
	  bottom: -15px;
	}
	
	.contact-left {
	  background-repeat: no-repeat;
	  border-radius: 5px;
	  display: block;
	  background-position: center;
	  margin-bottom: 30px;
	  padding-right: 20px;
	  height:auto;
	}
	#box-project
	{
		padding-bottom:0px;
	}
	
	.box-intro
	{
		padding:0px;
	}
	
	.review-item
	{
		margin:0px;
	}
	.contact-title
	{
		line-height:40px;
	}
	.footer-logo
	{
		text-align:center;
	}
	
	.footer-top-content
	{
		text-align:center;
		padding:20px;
	}
	
	.footer-top-content h2
	{
		text-align:center;
	}
	.footer-icons1
	{
		text-align:center;
	}
	.footer-contacts
	{
		padding-left:10px;
	}
	
	/* gioi thieu */
	#banner-page h1, .page-hero-content-full h2, #certificate h2, #gia-tri-cot-loi h2
	{
		font-size:32px;
	}
	#certificate h2
	{
		padding-right:30px;
	}
	
	#tam-nhin-su-menh
	{
		text-align:center;
	}
	#tam-nhin-su-menh h2
	{
		font-size:32px;
		text-align:center;	
	}
	.about-top .media-play
	{
		top:150px;
	}
	.team-image {
	  background-image: url('images/doingu.png');
	  background-repeat: no-repeat;
	  border-radius: 10px;
	  background-position: center;
	  min-height: 350px;
	  padding: 10px;
	  width: 95%;
	  margin: 10px;	
	}
	.page-hero-content-full h2
	{
		line-height:50px;		
		padding-right:40px;
	}
	.team-content
	{
		padding-left:0px;
	}
	.team-number-item
	{
		margin:10px;
	}
	
	.team-number-item p
	{
		font-size:48px;
	}
	.technology-bg
	{
		min-height:600px;
	}
	#box-customers h2
	{
		padding-left:25px;
		padding-right:25px;
	}
	.title-section h2
	{
		font-size:32px;
	}
	.jcarousel-pagination
	{
		width:100%;
		text-align:center;
	}
	#advice h2
	{
		font-size:32px;
		text-align:center;
		padding-left:20px;
		padding-right:20px;
	}
	
	#advice {
	  background-image: url('images/adv-mobile.jpg');
	  background-position: center;
	  background-repeat: repeat;
	  height: 615px;
	  width: 100%;
	  color: #fff;
	  clear: both;
	}
	#advice form
	{
		padding-top:30px;
	}
	#advice .form-control
	{
		height:56px;
		border-radius:10px;
		margin-bottom:20px;
	}
	#bt-advice
	{
		
		height:56px;
	}
	#advice form p
	{
		padding-top:30px;
	}
	
	/* san pham */
	
	.categories-left
	{
		order:2;
	}
	
	.categories-right
	{
		order:1;
	}
	.product-categories .view-detail
	{
		width:100%;
	}
	.product-table  .left
	{
		display:none;
	}
	  
	.product-table .option-left
	{
		display:none;
	}
	.product-table .option-right
	{
		width:85%;
		text-align:left;
		font-size:12px;
		font-weight:normal;
	}
	.product-box-cate
	{
		padding:10px;
		margin-bottom:20px;
	}
	.product-box-cate .product-description
	{
		display:none;
	}
	.product-box-cate  .producttitle
	{
		padding:10px;
	}
	.product-head-title
	{
		font-size:32px;
	}
	
	.tab-product
	{
		
		display:flex;
		white-space: wrap;
		height:120px; 
		transition: .5s;
		background-color:#f1f4f8;
		margin-top:40px;
	}
	
	.tab-product li
	{
		min-width:17%!important;	
		font-family:10px;
		border-right:1px solid #e7e8ea;
		border-bottom:1px solid #e7e8ea;
		border-top:1px solid #e7e8ea;
		height:120px;
		background-color:#f1f4f8;
	}
	
	.tab-active span {
		border-top: 4px solid #ff7f00;
		background-color: #fff;
		height: 120px;
		border-radius: 0px;
	}
	.service-list
	{
		margin-top:20px;
	}
	
	/*news */
	.padding-left
	{
		padding-left:0px;
		padding-top:10px;
	}
	
	/*contact*/
	.hide-mobile
	{
		display:none;
	}

	#contact .small-box
	{
		height:100px;
		padding-top:20px;
	}

	#contact .small-box table td
	{
		text-align:center!important;		
		font-size:14px;		
	}
	#contact .big-box
	{
		background-color:transparent;
	}
	
	#contact .contact-info
	{
		padding-top:20px;
		margin-left:0px;
	}
	#contact .contact-info h1
	{
		color:#fff;
		font-size:32px;
	    padding-bottom:20px;
	}
	
	 /* contact box mobile */
	.contact-box {
		width:100%;
		background: #fff;
		border-radius: 12px;
		padding-left:0px;
		padding-bottom:30px;
		text-align: center;
		box-shadow: 0 4px 12px rgba(0,0,0,0.1);
		margin: 10px;
		display: inline-block;
		vertical-align: top;
		margin-bottom:30px;
	}

.contact-box .icon {
    width: 55px;
    height: 55px;
    background: #ff8800;   /* màu cam */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px auto;
    font-size: 24px;
    color: #fff;
	margin-top:-30px;
}

.contact-box .title {
    font-size: 14px;
    margin-bottom: 8px;
}

.contact-box .content {
    font-size: 15px;
    font-weight: bold;
    color: #000;
	font-family:saira;
}

	
}