


@media all and (max-width: 1199px) and (min-width: 240px) {
	.container{
		width:100%;
		box-sizing: border-box;
		padding: 0 20px;
	}
	
	header .container{
		width:100%;
		margin:0;
		padding: 0;
	}
}



@media all and (max-width: 960px){
	*[class^=w-].res-m-100{width:100%;}
	*[class^=w-].res-m-90{width:90%;}
	*[class^=w-].res-m-80{width:80%;}
	*[class^=w-].res-m-70{width:70%;}
	*[class^=w-].res-m-66{width:66.666%;}
	*[class^=w-].res-m-60{width:60%;}
	*[class^=w-].res-m-50{width:50%;}
	*[class^=w-].res-m-40{width:40%;}
	*[class^=w-].res-m-33{width:33.333%;}
	*[class^=w-].res-m-30{width:30%;}
	*[class^=w-].res-m-25{width:25%;}
	*[class^=w-].res-m-20{width:20%;}
	*[class^=w-].res-m-10{width:10%;}
}


@media all and (max-width: 480px){
	*[class^=w-].res-s-100{width:100%;}
	*[class^=w-].res-s-90{width:90%;}
	*[class^=w-].res-s-80{width:80%;}
	*[class^=w-].res-s-70{width:70%;}
	*[class^=w-].res-s-66{width:66.666%;}
	*[class^=w-].res-s-60{width:60%;}
	*[class^=w-].res-s-50{width:50%;}
	*[class^=w-].res-s-40{width:40%;}
	*[class^=w-].res-s-33{width:33.333%;}
	*[class^=w-].res-s-30{width:30%;}
	*[class^=w-].res-s-25{width:25%;}
	*[class^=w-].res-s-20{width:20%;}
	*[class^=w-].res-s-10{width:10%;}
}

@media all and (max-width: 960px) and (min-width: 240px) {
	.breadcrumb a.fr{float:none;display:inline-block;width:100%}
	html, body{
		font-size: 14px;
		line-height: 20px;
	}

	.pad-tb-60{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	h1{
		font-size: 1.8em;
	}
	
	.pad-30{
		padding:25px;
	}
	
	.pad-40, .pad-45, .pad-50{
		padding:30px;
	}
		
	.logo{
		position: relative;
		width: 66%;
		margin-left: 20px;
		float: left;
	}
	
	.logo img{
		width:100%;	
	}
	
	menu{
		/*display:none;*/
		position:absolute;
		z-index:500;
		width:100%;
		top:100%;
	}
	
	header {
	    width: 100%;
	    position: relative;
	    z-index: 999;
	    top: 0;
	    height: auto;
	    padding: 15px 0 10px;
	}

	header ul{
		padding:0;
		margin: 0;
		list-style: none;
		width:100%;
		display:block;
	}

	header ul{
		padding:0 !important;
		width:100% !important;
		display:block;
	}

	header ul li{
		width:100% !important;
	}

	header ul.top-hd{
		background:#71bf51;	
	}

	header ul.bottom-hd{
		background:#c7161d;	
	}

	.trigger{
		display: block;
		top: 10px;
		right: 10px;
	}

	menu{
		position: fixed;
		z-index: 500;
		width: 320px;
		height: 100%;
		box-sizing: border-box;
		left: 100%;
		padding: 0;
		top: 0;
	}

	menu ul{
		margin:0;
	}

	menu ul li{
		margin:0;
	}

	menu ul li a{
		padding: 15px;
		text-align: inherit;
	}

	.listsolutions .min-cont{
		padding: 0 20px;
	}

	.listsolutions .w-50:nth-child(even){
		margin-bottom: 20px;
	}

	header .bosch{
	    position: absolute;
	    right: 19px;
    	top: 50px;
    	width: auto !important;
	}
	header .bosch img{
	    width: 65px;
	    float: none;
	    display: inline-block;
	}
	header::before {
		height: 5px;
	}

	.insidebanner .img-bg{
		padding: 15% 0;
	}

	h1{
		font-size: 1.7em;
		line-height: 1.15em;
	}

	h2{
		font-size: 1.7em;
		line-height: 1.15em;
	}

	h3{
		font-size: 1.4em;
		line-height: 1.15em;
	}

	h4{
		font-size: 1.4em;
		line-height: 1.15em;
	}

	.ddm{
		position: relative;
		top: 0;
		left: 0;
		padding: 10px 30px;
	}

	.ddm ul li a{
		text-align: left;
	}

	.breadcrumb{
		font-size: 13px;
	}

	.slickslider .slick-slide{
		max-width: 20vw !important;
		height: 65px !important;
	}

	.slickslider .slick-slide img{
		width: 100%;
	}

	.listsolutions .img-bg {
		height: 30vh;
	}

	.ms-layer.ms-caption.tp-caption.big_light_white {
		font-size: 10px !important;
    		padding: 0 20px !important;
    		box-sizing: border-box;
	}

	.newslist .img-bg,
	.vidlist .img-bg {
		padding: 25% 0;
	}
}

