.icon__center__inner__col__MC 
{
      column-gap: 25px;
    display: flex;
    row-gap: 25px;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}
.icon__boxes__contetn__MC 
{
    padding: 40px 28px;
    background: gray;
    border-radius: 15px;
      width: 30%;
}
.icon__boxes__contetn__MC h2 
{
    height: 68px;
    color: #354143;
    font-family: 'AvenirNextBold', sans-serif!important;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
      font-family: DM Sans,sans-serif;
}
.icon__boxes__image 
{
    height: 110px;
    overflow: hidden;
    width: 110px;
    margin: 25px auto;
}
.MC_icon_cont p
{
    color: #5C7376;
    font-family: 'AvenirNextMedium', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
}
.icon__boxes__contetn__MC 
{
    padding: 30px 25px;
    border-radius: 15px;
}


{# for a ipad #}
@media only screen and (max-width: 1024px) and (min-width: 767px)  {
	.icon__center__inner__col__MC {
	    display: flex;
	    margin-top: 30px;
	}
	.icon__boxes__contetn__MC {
	    width: 45%!important;
    margin:0px auto;
	}
  .icon__boxes__contetn__MC h2
  {
    font-size:22px;
  }
}



{# for a ipad pro #}

@media only screen and (max-width: 1366px) and (min-width: 1024px)  {
	.icon__center__inner__col__MC {
	    display: flex;
    margin-top: 30px;
	}
	.icon__boxes__contetn__MC {
	    width: 45%;
      
	}
}



{# media query for this module #}

@media only screen and (max-width: 980px) {
	 .icon__center__inner__col__MC {
	    display: block;
	}
	.icon__boxes__contetn__MC {
	    width: 100%;
	    margin-bottom: 20px;
	}
}