@media only screen and (max-width:1600px){
	.product-logo img {
		width: 250px;
	}
	.services-3:before,.services-2:before,.services-1:before{
		width:350px;
		height:280px;
		/* right:-20px; */
		right: 0;
		background-size:contain;
	}
	.services{
		padding: 0rem 4rem;
	}
	.product-description blockquote h1{
		font-size:1.2rem;
	}
	.m-b-2{
		margin-bottom:2rem;
	}
}

@media only screen and (max-width:1100px){
	.services-3:before, .services-2:before, .services-1:before{
		width: 280px;
		height: 228px;
	}
	.services {
		padding: 0rem 2.5rem;
	}
}

@media only screen and (max-width:980px){
	body{
		overflow:inherit;
	}
	.services-3:before, .services-2:before, .services-1:before{
		width: 280px;
		height: 228px;
	}
	.logo{
		position:relative;
		left:0;
		top: 0;
		margin-left: 0;
		margin-top: 0;
	}
	.logo h1{
		display:none;
	}
	.logo .logo-image{
		width:100%;
		border-radius:0;
		padding:1em;
		height:auto;
	}
	.flex{
		height:auto;
	}
	.services {
		padding: 5rem 2.5rem;
		height: auto;
	}
	.logo .logo-image::before{
		display:none;
	}
}

@media only screen and (min-width:768px) and (max-width:980px){
	.services-3:before,.services-2:before,.services-1:before{
		width:350px;
		height:280px;
		right:-20px;
		background-size:contain;
	}
}

@media only screen and (max-width:480px){
	.services{
		padding:2rem;
	}
	.services-3:before,.services-2:before,.services-1:before{
		display:none;
	}
	.product-logo{
		margin-bottom:2rem;
	}
	#oneproductlogo{
		margin-bottom: 2rem;
		margin-top: 0;
	}
}