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


@media (min-width: 992px) and (max-width: 1199px) {
	.featured .col-md-4 {
		margin:0 12px 0 0;
		height:420px;
	}
	.production img  {
		width: 100% !important;
	}
	.colorpicker,.preview{
		width: 100% !important;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	.production img  {
		width: 100% !important;
	}
	.featured .col-md-4 {
		background: #fff;
		/* padding: 30px; */
		width: 32%;
		margin: 0 9px 0 0;
		padding: 30px;
		min-height: 368px;
		float: left;
		height:420px;
	}
	.colorpicker,.preview{
		width: 100% !important;
	}
}

@media (max-width: 767px) {
	.logo {
		float: left;
		position: absolute;
		left: 0;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	.brands img {
		width: 100%;
	}
	.production img {
		width: 100%;	
	}
	.featured .col-md-4 {
		width: 100%;
		margin:0 0 15px 0;
	}
	.map-img {
		padding: 15px 0 0 0;
	}
	.production .col-md-6 {
		padding: 0px;
	}

	.side-collapse-container{
		width:100%;
		position:relative;
		left:0;
		transition:left .4s;
	}
	.side-collapse-container.out{
		left:200px;
	}
	.side-collapse {
		top:50px;
		bottom:0;
		left:0;
		width:250px;
		position:fixed;
		overflow:hidden;
		transition:width .4s;
	}
	.side-collapse.in {
		width:0;
	}
	.navbar-fixed-top{
		min-height: 100px;
	}
}

@media (min-width: 567px) and (max-width: 767px){
	.colorpicker,.preview{
		width: 100% !important;
	}
}

@media (min-width: 480px) and (max-width: 567px){
	.colorpicker,.preview{
		width: 100% !important;
	}
}

@media (min-width: 320px) and (max-width: 480px){
	.colorpicker,.preview{
		width: 100%  !important;
	} 
}