/*For device: tablet, mobile*/
/*Min -> 320px -> 768px ->992px -> 1024px -> 1200 -> Max*/
	
@media only screen and (max-width: 767px) {
	#menu-mobile-bar *{ color:#fff; }
	#menu-mobile-bar .hotline{
		display:block;
		text-align:right;
	}
	
	#menu-mobile-bar .hotline.l{
		text-align:left;
	}
	
	#menu-mobile-bar{
		background: #c79e13;
		padding:5px 0;
	}
	.logo-banner .logo{ height:auto; width:100%; }
	.logo-banner{ 
		padding: 8px 0;
	}
	#social-network-top{ padding-top:8px; }
	header#masthead{ position:relative; background: #ccc; }
	.social-network{ text-align:center; }
	.social-network li a{  
		color: #f05130;
		height: 30px;
		width: 30px;
		font-size: 14px;
	}
	.container, .about-us-img img, .slick-slide img{ width:100%; }
	.in-product .w-hover{ opacity:.8; background: rgba(0, 0, 0, 0.8); }
	.in-product .w-hover a, .in-product .w-hover a *{ color:#fff; }
	.spnoibat-main .slick-prev:before, .spnoibat-main .slick-next:before{ color: #fff; }
	
	#masthead .nav-bg{
		padding-top:0;
		position: fixed;
		z-index:999999;
		top: 0;
		bottom:0;
		width: 100%;
		background: #000;
		left: -100%;
		right: 0;
		transition:all .5s;
	}
	#masthead .nav-bg.active{ 
		left:0;
	}
	.main-nav>ul>li{
		float:left;
		width:100%;
		border-bottom: 1px solid;
	}
       .main-nav ul ul{
         position: static;
       }
}


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