.mainimage {
visibility:hidden;
height:0px;
}

@media all and (min-width: 260px){
.mainimage{
    visibility:visible;
    height:auto;
  }
}

/* responsive grid */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container-2-900{
  padding: 0% 0% 0;            /* padding: 2% 2% 0; */
  text-align: justify;
                               /* background: #eeeeee; */
}

.container-2-900:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container-2-900 .item-2-900,
.container-2-900 .gap-2-900{
  display: inline-block;
  width: 99%;
}

.container-2-900 .item-2-900{
  text-align: left;
                             /* background: #dddddd; */
  margin-bottom: 0%;         /* margin-bottom: 2%; */
  padding-bottom: 1%;               /* padding: 2%; */
  vertical-align: top;
}

/* Flex box progressive enhancements: */

.container-2-900{
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -webkit-align-content: flex-start;
}

@media all and (min-width: 900px){
  .container-2-900 .item-2-900,
  .container-2-900 .gap-2-900{
    width: 49%;
  }
}

/* 3-900 */

.container-3-900{
  padding: 0% 0% 0;            /* padding: 2% 2% 0; */
  text-align: justify;
                               /* background: #eeeeee; */
}

.container-3-900:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container-3-900 .item-3-900,
.container-3-900 .gap-3-900{
  display: inline-block;
  width: 99%;
}

.container-3-900 .item-3-900{
  text-align: left;
                             /* background: #dddddd; */
  margin-bottom: 0%;         /* margin-bottom: 2%; */
  padding-bottom: 1%;               /* padding: 2%; */
  vertical-align: top;
}

/* Flex box progressive enhancements: */

.container-3-900{
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -webkit-align-content: flex-start;
}

@media all and (min-width: 900px){
  .container-3-900 .item-3-900,
  .container-3-900 .gap-3-900{
    width: 32%;
  }
}



/* 2 - 1280 */

.container-2-1280{
  padding: 0% 0% 0;            /* padding: 2% 2% 0; */
  text-align: justify;
                               /* background: #eeeeee; */
}

.container-2-1280:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container-2-1280 .item-2-1280,
.container-2-1280 .gap-2-1280{
  display: inline-block;
  width: 100%;
}

.container-2-1280 .item-2-1280{
  text-align: left;
                             /* background: #dddddd; */
  margin-bottom: 0%;         /* margin-bottom: 2%; */
  padding-bottom: 1%;               /* padding: 2%; */
  vertical-align: top;
}

/* Flex box progressive enhancements: */

.container-2-1280{
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -webkit-align-content: flex-start;
}

@media all and (min-width: 1280px){
  .container-2-1280 .item-2-1280,
  .container-2-1280 .gap-2-1280{
    width: 49.5%;
  }
}


/* 4 - 1800 */

.container-4-1800{
  padding: 0% 0% 0;            /* padding: 2% 2% 0; */
  text-align: justify;
                               /* background: #eeeeee; */
}

.container-4-1800:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container-4-1800 .item-4-1800,
.container-4-1800 .gap-4-1800{
  display: inline-block;
  width: 100%;
}

.container-4-1800 .item-4-1800{
  text-align: left;
                             /* background: #dddddd; */
  margin-bottom: 0%;         /* margin-bottom: 2%; */
  padding-bottom: 1%;               /* padding: 2%; */
  vertical-align: top;
}

/* Flex box progressive enhancements: */

.container-4-1800{
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -webkit-align-content: flex-start;
}

@media all and (min-width: 750px){
  .container-4-1800 .item-4-1800,
  .container-4-1800 .gap-4-1800{
    width: 49.5%;
  }
}

@media all and (min-width: 1300px){
  .container-4-1800 .item-4-1800,
  .container-4-1800 .gap-4-1800{
    width: 33%;
  }
} 

@media all and (min-width: 1800px){
  .container-4-1800 .item-4-1800,
  .container-4-1800 .gap-4-1800{
    width: 24%;
  }
}


/* heading containers */

.container-2-700{
  padding: 0% 0% 0;            /* padding: 2% 2% 0; */
  text-align: justify;
  vertical-align:top
                               /* background: #eeeeee; */
}

.container-2-700:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container-2-700 .item1-2-700,
.container-2-700 .item2-2-700,
.container-2-700 .gap-2-700{
  display: inline-block;
  width: 99%;
}

.container-2-700 .item1-2-700,
.container-2-700 .item2-2-700{
  text-align: left;
  margin-bottom: 0%;
  padding-bottom: 1%;
  vertical-align: top;
}   


/* Flex box progressive enhancements: */

.container-2-700{
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -webkit-align-content: flex-start;
}

@media all and (min-width: 700px){
  .container-2-700 .item1-2-700{
    width: 58%;
  }
}  

@media all and (min-width: 700px){
  .container-2-700 .item2-2-700,
  .container-2-700 .gap-2-700{
    width: 40%;
  }
}

/* ------------------------------------------------------------------------------ */
/* ih-prod */

.container-ih-prod{
  padding: 0% 0% 0;            /* padding: 2% 2% 0; */
  text-align: justify;
                               /* background: #eeeeee; */
}

.container-ih-prod:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container-ih-prod .item-ih-prod,
.container-ih-prod .gap-ih-prod{
  display: inline-block;
  width: 99%;
}

.container-ih-prod .item-ih-prod{
  text-align: left;
                             /* background: #dddddd; */
  margin-bottom: 0%;         /* margin-bottom: 2%; */
  padding-bottom: 1%;               /* padding: 2%; */
  vertical-align: top;
}

/* Flex box progressive enhancements: */

.container-ih-prod{
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -webkit-align-content: flex-start;
}

@media all and (min-width: 701px){
  .container-ih-prod .item-ih-prod,
  .container-ih-prod .gap-ih-prod{
    width: 32%;
  }
}

