@media (max-width: 991px){
	#section4 .container{
		width:100%;
		max-width:100%;
	}
	#section4 .container .thumb {
		width:40%;
		padding-left:10%;
	}
	#section4 .container .text {
		margin-left: 0px;
		margin-top: 0px;
		max-width: none;
		width:60%;
		padding-right:10%;
	}
}

@media (max-width: 750px){
	#section4{
		height:auto;
		padding-bottom:100px;
	}
	#section4 .container.conte {
		padding-top: 180px;
	}
	#section4 .container .thumb {
		width:30%;
		padding-left:15px;
		padding-right:20px;
		margin-top:-70px;
		overflow: visible;
	}
	#section4 .container .text {
		margin-left: 0px;
		margin-top: 0px;
		max-width: none;
		width:70%;
		padding-right:10%;
	}
	#section4 .container h1{
		margin-bottom:0;
		display: block;
		width: 80vw;
	}
	#section4 .container .thumb img {
		max-height: none;
		max-width: 100%;
		width:100%;
	}
}
@media (max-width: 750px) and (max-height:500px){
	#section4{
		height:auto;
		padding-bottom:100px;
	}
	#section4 .container.conte {
		padding-top: 100px;
	}
	#section4 .container .thumb img {
		display: block;
		max-width: 100px;
		position: absolute;
	 	right: 30px;
		top: 25px;
	}
	#section4 .container .thumb{
		float:none;
		margin-top:0;
		margin-bottom:20px;
	}
	#section4 .container .text {
		margin-left: 0;
		margin-top: 0;
		max-width: none;
		padding: 0px 15px;
		width: 100%;
	}
	
}
@media (max-width: 500px){
	#section4{
		height:auto;
		padding-bottom:100px;
	}
	#section4 .container.conte {
		padding-top: 100px;
	}
	#section4 .container .thumb img {
		display: block;
		max-width: 100px;
		position: absolute;
	 	right: 30px;
		top: 25px;
	}
	#section4 .container .thumb{
		float:none;
		margin-top:0;
		margin-bottom:20px;
	}
	#section4 .container .text {
		margin-left: 0;
		margin-top: 0;
		max-width: none;
		padding: 0px 15px;
		width: 100%;
	}
}