.inner {
	width:50%;
	margin:0 25%;
	text-align:center;
}

.blk {
	padding:60px 0;
}

.feat-engines {
	display:grid;
	grid-template-columns: 250px 250px 250px 250px;
	gap:50px;
	width:1150px;
	margin: 0 auto 50px;
}

.feat-engines div {
background: white;
    box-shadow: 10px 10px 35px #000000a6;
}
.feat-inner {
padding: 15px;
height:205px;
}
.medium {
    font-size: 26px;
}.headingtitle {
    font-size: 55px;
}
.brands {
    background-image: url(/image/brandback.jpg);
}
.xmas {
    background-image: url(/image/xmas.jpg);
}
.times {
	display:grid;
	grid-template-columns:200px 100px;
	gap:20px;
	width:320px;
	margin:0 auto;
	text-align:left;
}
.fixed {
    background-attachment: fixed;
    background-size: cover;
}
.blk {
    padding: 80px 0;
    text-align: center;
}
.blocktxt {
    width: 50%;
    margin: 0 25%;
}
.designerlogos {
    width: 1060px;
    margin: 20px auto;
    display: grid;
    grid-template-columns: 250px 250px 250px 250px;
    gap: 20px;
}

/*Button*/
.button {
padding: 1em 2em;
position: relative;
z-index: 1;
border-radius: 40px;
font-weight: 500;
display:inline-grid;
}
.button:hover{
color: #22ace9;
cursor: pointer;
}
/* Antiman */
a.button--antiman {
color:white;
}
.button--antiman::before,
.button--antiman::after {
content: '';
z-index: -1;
border-radius: inherit;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: transform 0.3s, opacity 0.3s;
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--antiman::before {
border: 2px solid #22ace9;
opacity: 0;
transform: scale3d(1.2, 1.2, 1);
}
.button--antiman::after {
background: #22ace9;
}
.button--antiman:hover::before {
opacity: 1;
transform: scale3d(1, 1, 1);
}
.button--antiman:hover::after {
opacity: 0;
transform: scale3d(0.8, 0.8, 1);
}

.social i {
color:white;
font-size:50px;
transition: 0.5s;
margin:20px;
}
.social i:hover{
color:#22ace9;
}
.minitypes {
display:grid;
grid-template-columns:300px 300px 300px;
gap:50px;
width: 1000px;
margin:50px auto;
}

.multiple-featured {
 text-align: center;
}

.multiple-featured .price-tax {
    display: block;
    font-size: 30px;
}

.multiple-featured .button-group {
 display:grid;
}
.multiple-featured a{
white-space: normal;
    overflow: visible;
    text-overflow: initial;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 18px;
    color: rgba(34, 172, 233, 1);
    text-align: center;
    text-transform: none;
    text-align: center;
}
.cbp-so-scroller {
margin-top: 50px;
overflow: hidden;
}
.cbp-so-section {
margin-bottom: 1em;
position: relative;
}
.cbp-so-section:before,
.cbp-so-section:after {
content: " ";
display: table;
}
.cbp-so-section:after {
clear: both;
}
.cbp-so-section p {
font-size: 22px;
}
.cbp-so-side {
width: 42%;
float: left;
margin: 0;
margin: 3em 4%;
overflow: hidden;
min-height: 12em;
}
.cbp-so-side:before,
.cbp-so-side:after {
content: " ";
display: table;
}
.cbp-so-side:after {
clear: both;
}
.cbp-so-side-right {
text-align: left;
}
.cbp-so-side-left {
text-align: right;
}
.cbp-so-side-right img {
float: left;
}
.cbp-so-side-left img {
float: right;
}
.cbp-so-init .cbp-so-side {
opacity: 0;
transition: none;
}
.cbp-so-init .cbp-so-side-left {
transform: translateX(-80px);
}
.cbp-so-init .cbp-so-side-right {
transform: translateX(80px);
}
.cbp-so-animate .cbp-so-side-left,
.cbp-so-animate .cbp-so-side-right {
transition: transform 0.5s, opacity 0.5s;
transform: translateX(0px);
opacity: 1;
}
.baselinks i{
margin: 0 5px;
}
.ecoblueslide {
    width: 100%;
    background: url(/image/ecoblue-slide.jpg);
    background-size: cover;
    height: 642px;
    margin-top: -45px;
}
.boxsterslide {
    margin-top: -50px;
}
.content-inner{
	background: #eeeeee;
	font-family: quicksand;
	padding: 50px 0;
}
.ecobluecontent {
    text-align: center;
    font-size: 20px;
    width: 1024px;
    margin: 50px auto;
}
.ecobluetype h4, .mini-gen h4 {
    color: #22ace9;
    margin: 20px;
    font-size: 30px;
}

.ecobluecontent h1 {
    color: #22ace9;
    font-size: 60px;
}
.ecobluecontent h5 {
    color: #22ace9;
    margin: 50px 0;
    font-size: 45px;
}
.ecobluetype {
    width: 400px;
    height: 400px;
    float: left;
    margin: 55px;
    background: white;
    -webkit-box-shadow: 9px 10px 30px -2px rgb(77 71 77 / 68%);
    -moz-box-shadow: 9px 10px 30px -2px rgba(77,71,77,0.68);
    box-shadow: 9px 10px 30px -2px rgb(77 71 77 / 68%);
}

@media screen and (max-width: 1310px) {
.inner {
	width:80%;
	margin:0 10%;
	text-align:center;
}
}

@media screen and (max-width: 1200px) {
.feat-engines {
	grid-template-columns: 250px 250px;
	width:550px;
}
}

@media screen and (max-width: 1100px) {
.ecobluecontent {
    width: 90%;
    margin: 50px 5%;
}
.designerlogos {
    width: 790px;
    grid-template-columns: 250px 250px 250px;
}
.xmas {
background-position: 17% 64%;
}
}

@media screen and (max-width: 900px) {
.ecobluecontent h1 {
    font-size: 35px;
}
.banners {
	width:100%;
	height:auto;
}
.cbp-so-side {
    width: 80%;
    margin: 0 10%;
    text-align: center;
}
}

@media screen and (max-width: 800px) {
.designerlogos {
    width: 520px;
    grid-template-columns: 250px 250px;
}
.blocktxt {
    width: 80%;
    margin: 0 10%;
}
.medium {
	font-size:18px;
}
.headingtitle {
    font-size: 33px;
}
}

@media screen and (max-width: 560px) {
.feat-engines {
	grid-template-columns: 250px ;
	width:250px;
}
.designerlogos {
    width: 250px;
    grid-template-columns: 250px;
}
}