@media (min-width:1200px) {
}

@media (max-width:992px) {
	.header-btn-action {display:block;}
	.btn-menu{display:none;}
	.header-icon-wrapper {
		display:none;
		position: absolute;
		top: 60px;
		left: 0;
		right: 0;
		background: #efefef;
	}
	
	
	.prioduct-img {position: relative;}
	.tab-products img:nth-child(2), .tab-products img:nth-child(3) {
		position: relative;
		top: 20px;
		right: 0;
		float: none;
		margin: 0 auto 20px;
		display: block;
	}
	
	
}


@media (min-width:767px) and (max-width:1200px) {
	.navbar-nav li a {
		padding: 20px 6px;
	}
	
	.slider-text {
		padding: 40px 0;
	}
	
	
	.tab-products .nav-tabs > li a {padding: 10px;}
	
}

@media (min-width:767px) and (max-width:992px) {
	.slider-text h1 {font-size: 34px;}
	.slider-text p {
	    font-size: 14px;
		text-align: justify;
	}
	.slider-text .button-group a {
		font-size: 14px;
		margin-right: 10px;
	}
}

@media (max-width:767px) {
	
	
	.navbar-brand {float: none;}
	.navbar-brand img {margin: 0 auto;}
	
	.header-main {
		position: absolute !important;
	}
	.header-main.bg .navbar-brand img {
		height: 30px;
		margin: 0 auto;
	}
	
	#navigation {display:none;}
	
	
	
	
	.slider-text {padding: 40px 10px 20px;}
	.slider-text h1 {font-size: 35px;}
	.slider-text p {width:100%;}
	.slider-text .button-group {text-align: center;}
	.slider-text .button-group a {
		margin: 0 0 20px;
	}
	#slider-area .slider-image {
		margin-bottom: 130px;
	}
	
	
	
	
	.section-title h2 {
		font-size: 21px;
		margin-bottom: 15px;
	}
	
	.logo-co {text-align: center !important;margin-bottom: 20px;}
	
	.header-btn-action.btn-menu {display:block;}
	.header-menu-wrapper {
		display:none;
		position: absolute;
		top: 60px;
		left: 0;
		right: 0;
		background: #efefef;
	}
}


@media (max-width:600px) {

	.tab-products .nav-tabs > li {
		display: block;
		padding: 0;
		border: 1px solid #ddd;
	}
	.tab-products .nav-tabs > li > a, .tab-products .nav-tabs > li.active > a, .tab-products .nav-tabs > li.active > a:focus, .tab-products .nav-tabs > li > a:hover {
		border-radius: 0;
		display: block;
		width: 100%;
		margin: 0;
	}
	
	.tab-products img:nth-child(2), .tab-products img:nth-child(3) {
		display:none;
	}
	
}

@media (max-width:480px) {
	.slider-text h1 {font-size: 24px;}
	#accordion .panel-title a {padding: 15px;}
	#accordion .panel-title a:before, #accordion .panel-title a:after {display:none;}}
		
	
}
@media only screen and (min-width:280px) and (max-width:320px) {
	.header-logo-wrapper{width: 65%;}
}