.shabash-logo-animation {
  display: none;
}

.bg-light-grey {
  background-color: var(--main-light-grey) !important;
}

.bg-light-yellow {
  background-color: var(--main-light-yellow) !important;
}

.bg-medium-orange {
  background-color: var(--main-medium-orange) !important;
}

form h1 {
  font-size: 2em;
  font-weight: 400;
}

h2.product-name {
  font-size: 4em;
  margin-bottom: .5em;
}

p+h2 {
  margin-top: 1em;
}

p+h3,
ul+h3 {
  margin-top: 1em;
}

p+h4 {
  margin-top: 1em;
  margin-bottom: .5em;
}

img+p {
  margin-top: 1em;
}

figure {
  margin: 0px;
  padding: 0px;
}

figcaption {
  font-size: 10px;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 0px;
  text-align: center;
}

.progress-bar-wrap {
  background-color: var(--main-light-green);
  padding: 0px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}

.progress-bar {
  background-color: var(--main-merops-green);
  width: 0;
  height: 4px;
  transition: width .1s;
}

.loading-img {
  width: 32px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}


#see-also-legal {
  margin: 5em 0 0 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

#see-also-legal ul {
  list-style: none;
  margin-left: 0;
}

#see-also-legal ul li {
  margin: 0 0 .5em 0;
}

.smallcaps {
  font-variant: small-caps;
}

.div-as-link {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.bullet-head-flex {
  display: flex;
  margin: 2em 0 0em 0;
}

.bullet-head-flex .bullet {
  margin-right: 1em;
}

.bullet-head-flex img {
  width: 3em;
}

.bullet-head-flex h2 {
  margin: 0;
}

.bullet-head-flex h2 {
  margin-bottom: .25em;
}

.bullet-head-flex .content {
  width: 100%;
}

.bullet-heading {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.bullet-heading h2 {
  margin: 0;
}

.bullet-contact {
  display: flex;
  align-items: center;
}

.bullet-contact img {
  width: 3em;
}

.address li {
  list-style: none;
  margin: 0 0 .25em 0;
}

#buy-merops-banner {
  margin: 0 auto;
  max-width: 350px;
  background: var(--main-trans-green);
  padding: .5em 1em;
  text-align: center;
  border-radius: var(--main-border-radius);
  box-sizing: border-box;
}


p+ul {
  margin-top: 1em;
}

ul+p {
  margin-bottom: .5em;
}

input,
textarea,
select {
  font-size: inherit;
  font-family: inherit;
  width: 100%;
  color: inherit;
  box-sizing: border-box;
  padding: .5em 0;
  border: 0;
  border: 1px solid var(--main-border-color);
  padding: 6px;
  border-radius: 6px;
  outline: none;
}

input[type=file] {
  border: 0;
}

button {
  background: var(--main-trans-green);
  border: 0;
  padding: .5em 1em;
  font-family: inherit;
  font-size: inherit;
  color: var(--main-link-color);
  border-radius: var(--main-border-radius);
  cursor: pointer;
  outline: none;
}

button:disabled {
  opacity: 0.5;
}

textarea {
  border: 0;
  resize: none;
  border-radius: var(--main-border-radius);
  padding: 1em;
  background: var(--main-light-grey)
}

.sm-txt {
  font-size: .75em;
}

.main-wrap {
  max-width: var(--main-max-width);
  margin: 0 auto;
  padding: 1em;
}

.req:after {
  content: '*';
  color: var(--main-dark-red);
}

header #merops-nav-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--main-border-color);
  width: 100%;
}

.sm-img-left .full-section {
  padding: 3em 0;
}

.sm-img-left .full-section.xTwo .container .item.image {
  max-width: 92px;
}

.two-colour-panel-wrap {
  display: flex;
}

.two-colour-panel-wrap .panel {
  flex-basis: 50%;
  display: flex;
}

.two-colour-panel-wrap .panel:nth-of-type(odd) {
  background-color: var(--main-merops-green);
  flex-direction: row-reverse;
}

.two-colour-panel-wrap .panel:nth-of-type(even) {
  background-color: var(--main-merops-yellow);
}

.two-colour-panel-wrap .panel .inner {
  width: 100%;
  max-width: calc(var(--main-max-width) / 2);
}

.container .merops-inner-wrap {
  flex-direction: row;
}


.sm-img-left .full-section.xTwo .item.text {
  flex-basis: 80%;
}

.two-colour-panel-wrap.demo-or-buy .panel:nth-of-type(odd) {
  background-color: var(--main-medium-green);
  flex-direction: row-reverse;
}

.two-colour-panel-wrap.demo-or-buy .panel:nth-of-type(even) {
  background-color: var(--main-light-green);
}

.two-colour-panel-wrap.demo-or-buy .inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 8em 0;
  box-sizing: border-box;
  justify-content: space-between;
  position: relative;
}

.two-colour-panel-wrap.demo-or-buy .inner .image img {
  width: 100%;
  max-width: 256px;
}

.two-colour-panel-wrap.demo-or-buy .inner .text-parts {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 250px;
  width: 100%;
  text-align: center;
}

.two-colour-panel-wrap.demo-or-buy .inner .title {
  font-size: 1.75em;
  font-weight: 500;
  margin: 1em 0 .25em 0;
}

.two-colour-panel-wrap.demo-or-buy .inner .text {
  color: var(--main-medium-grey);
  font-size: 1.125em;
  font-weight: 400;
  margin: 0 0 1em 0;
}


a.more~a.more {
  margin-top: 1em !important;
}

div.add-on {
  margin: 0 auto;
  width: 100%;
  display: flex;
}

.add-on .sub-head-and-img {
  display: flex;
  flex-direction: column;
  flex-basis: 33%;
  margin-right: 1em;
  background: white;
  padding: 2em;
}

.add-on .sub-head-and-img:last-of-type {
  margin-right: 0;
}

.add-on .sub-head-and-img .img-heading {
  display: flex;
  align-items: center;
}

.add-on .sub-head-and-img .img-heading img {
  max-width: 96px;
}

.add-on .sub-head-and-img .img-heading h3 {
  margin: 0;
  padding: 0;
}

.add-on .sub-head-and-img .text {
  flex-basis: 50%;
}

.add-on .sub-head-and-img .text p {
  color: var(--main-medium-grey);
}

.add-on .sub-head-and-img .text a.more {
  display: inline-block;
}

.full-section.merops-why {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
}

.merops-services {
  display: flex;
  justify-content: space-between;
}

.merops-services .service {
  text-align: center;
  margin-right: 1em;
  flex-basis: 33%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.merops-services .service:last-of-type {
  margin-right: 0;
}

.merops-services .service h2 {
  font-size: 1.75em;
  margin: 0 0 .25em 0;
}

.merops-services .service p {
  font-size: 1.125em;
  margin: 0 0 0 0;
  font-weight: 400;
  color: var(--main-medium-grey);
}

.merops-services .service .image {
  width: 75%;
  max-width: 256px;
}

.merops-services .service .image img {
  width: 100%;
}


.main-products .product-panel {
  display: flex;
  padding: 10em 0;
}

.main-products .product-panel .product-panel-inner {
  display: flex;
  align-items: center;
  margin: 0 auto;
  box-sizing: border-box;
}

.main-products .product-panel:nth-of-type(odd) {
  background-color: var(--main-light-green);
}

.main-products .product-panel:nth-of-type(even) .product-panel-inner {
  flex-direction: row-reverse;
}

.main-products .product-panel .text {
  flex-basis: 50%;
  padding: 0 3em;
  box-sizing: border-box;
}

.main-products .product-panel .image {
  flex-basis: 50%;
}

.main-products .product-panel img {
  width: 100%;
  max-width: 384px;
}

.main-products .product-panel a {
  color: var(--main-link-color);
}

/* p.pMore {
  color: var(--main-link-color);
} */

/* a.more.white {
  background: #fff;
}

a.more.green {
  background: var(--main-merops-green);
  color: #fff;
} */

a.more+p {
  margin-top: 2em !important;
}


.main-products .product-panel .product-description {
  margin-bottom: 1em;
  font-size: 1.5em;
  opacity: .7;
}




div#container {
  /* word-break: break-word; */
  margin-bottom: 1em;
}


.modules-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(100px, auto);
  row-gap: 2em;
  column-gap: 2em;
}

.modules-container .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
  box-sizing: border-box;
  border-radius: 1em;
  position: relative;
  background-color: #fff;
}


.modules-container .item h2 {
  font-size: 1.75em;
  text-align: center;
}

.modules-container .item img {
  width: 66%;
}

.modules-container .item a.more {
  display: block;
}

.general-container {
  max-width: var(--main-max-width);
  margin: 0 auto;
  padding: .5em;
}

.features-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(100px, auto);
  row-gap: 2em;
  column-gap: 2em;
}

.features-container .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}

.features-container .item img {
  width: 128px;
}

.features-container .item .title {
  text-align: center;
  font-weight: 500;
  margin-top: .5em;
  font-size: 1.25em;
}

.features-container.first-8 .item img {
  width: 128px;
}

.features-container.first-8 .item .title {
  font-size: 1.25em;
}

.features-container.second-8 .item img {
  width: 96px;
}

.features-container.second-8 .item .title {
  font-size: 1em;
}

li.list2 {
  list-style-type: circle;
  margin-left: 15px;

}

div.pageDiv {
  margin: 3em 0;
}

div.see-also {
  margin: 2em 0 0 0;
}

span.symbol {
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
}

.date-line {
  margin-bottom: 2em;
  color: var(--main-medium-grey);

}

.module-2x2-wrap:nth-of-type(even) {
  background-color: var(--main-light-grey);
}

.module-2x2 {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 3em 0 4em 0;
}

.module-2x2 .info {
  flex-basis: 60%;
}

.module-2x2 .info h2 {
  margin-top: 0;
}

.module-2x2 .image {
  flex-basis: 25%;
}

.sub-mod-ex-wrap {
  margin: 0 auto;
  max-width: var(--main-max-width);
  padding: 1em;
}

.sub-mod-ex-wrap img {
  max-width: 128px;
}

.sub-mod-ex-wrap .flex {
  display: flex;
  margin: 0 0 2em 0;
  justify-content: space-between;
}

.sub-mod-ex-wrap .text {
  flex-basis: 50%;
}

.sub-mod-ex-wrap .example {
  flex-basis: 50%;
  max-width: 20em;
  /*margin: 0 auto;*/
}

.sub-mod-ex-wrap .example .box {
  border: 1px solid var(--main-border-color);
  overflow: hidden;
  position: relative;
  height: 5em;
  width: 20em;
  min-width: 320px;
  margin: 0 auto;
}



.sub-mod-ex-wrap .example .box .swipe-bar,
.sub-mod-ex-wrap .example .box p {
  transition-duration: .75s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}

.sub-mod-ex-wrap .example .box .swipe-bar {
  width: 10px;
  background-color: var(--main-merops-green);
  height: 100%;
  position: absolute;
  z-index: 99;
  display: none;
  transition-property: left;

}





.sub-mod-ex-wrap .example .box p {
  position: absolute;
  line-height: 2;
  margin: 0;
  white-space: nowrap;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  transition-property: width;
  width: 0px;

  /* 
  Negative offset to make text appear to be cutoff. 
  This has to be added to the width of the p to appear to fill the box.
  */
  left: -2%;

}



/*.sub-mod-ex-wrap .example .box p:nth-of-type(1) {
  border-right: 5px solid red;
}

.sub-mod-ex-wrap .example .box p:nth-of-type(3) {
  border-right: 5px solid blue;
}
*/
.sub-mod-ex-wrap .example .box p .c {
  background-color: pink;
  /*display: none;*/
}

.sub-mod-ex-wrap .example .bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1em;
}

.sub-mod-ex-wrap .example .bullets .bullet {
  width: 8px;
  height: 8px;
  background-color: rgba(0, 0, 0, .25);
  border-radius: 50%;
  margin-right: 14px;
  cursor: pointer;
}

.sub-mod-ex-wrap .example .bullets .bullet.filled {
  background-color: rgba(0, 0, 0, .5);
}

.sub-mod-ex-wrap .style-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--main-light-grey);
  font-size: .9em;
  flex-basis: 10%;
  overflow: hidden;
  /*margin-bottom: 1em;*/
}

.sub-mod-ex-wrap .style-wrap .style {
  background-color: var(--main-dark-grey);
  background-color: var(--main-dark-grey);
  padding: 0 1em;
  min-width: 6em;
  text-align: center;
}

.sub-mod-ex-wrap .style-wrap .style .style-name {
  transition-property: opacity;
  transition-duration: .375s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}

.cross-checking-icons {
  display: flex;
  align-items: center;
  margin: 1em 0;
}

.see-also-wrap {
  padding: 3em 0;
}

.see-also-merops-parts .heading {
  font-size: 2em;
  margin-bottom: .5em;
}

.see-also-merops-parts hr {
  opacity: .5;
}

.other-merops-modules,
.other-merops-functions {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 2em;
  grid-auto-rows: minmax(100px, auto);
  margin: 2em 0;
}

.other-merops-modules .module,
.other-merops-functions .function {
  position: relative;
}

.other-merops-modules .module .name,
.other-merops-functions .function .name {
  text-align: center;
}



#cite-on {
  background-image: url(../img/screenshot-references.png);
  background-size: 150%;
}

#front-and-end {
  background-image: url(../img/screenshot-front-and-end.png);
  background-size: cover;
}

#tailored-for-you {
  background-image: url(../img/screenshot-tailored-for-you.png);
  background-size: cover;
}

section#contact {
  display: flex;
}

section#contact .item {
  flex-basis: 50%;
  padding: 1em;
  box-sizing: border-box;
}


div.clear {
  clear: both;
}

.a-divider.a-divider-break {
  text-align: center;
  position: relative;
  margin-top: 3em;
  margin-bottom: 1em;
}

.a-divider.a-divider-break span {
  font-size: .75em;
  color: rgba(0, 0, 0, .5);
  z-index: 2;
  position: relative;
  display: inline-block;
  background-color: #fff;
  padding: 0 8px 0 7px;
}

.a-divider.a-divider-break:after {
  content: "";
  width: 100%;
  background-color: transparent;
  display: block;
  height: 1px;
  border-top: 1px solid rgba(0, 0, 0, .25);
  position: absolute;
  top: 50%;
  margin-top: 1px;
  z-index: 1;
}

.sm-caps {
  font-variant: small-caps;
}

.required:after {
  content: ' required';
  color: #AC372A;
}

.invalid-email:after {
  content: ' invalid email';
  color: #AC372A;
}

#form-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 276px);
  background-color: #fafafa;
}

#log-in-wrap {
  width: 350px;
  margin: 3em 0;
}

#log-in-wrap .shabash-logo {
  width: 67%;
  margin: 0 auto;
}

#log-in-wrap .shabash-logo img {
  width: 100%;
}

.log-in-reason {
  margin: 1em 0;
  color: #ffffff;
  background: #FF9800;
  padding: .5em;
  text-align: center;
}

#log-in-frm {
  padding: 2em;
  width: 100%;
  margin-top: 1em;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: var(--main-border-radius);
  line-height: 1;
  background-color: #fff;
}

#log-in-frm .shabash-logo {
  margin-bottom: 2em;
}

#log-in-frm input {
  padding: .5em 0;
  border: 0;
  border-bottom: 1px solid var(--main-border-color);
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  outline: 0;
  margin: 2em 0 0 0;
  background: inherit;
  width: 100%;
  color: inherit;
  transition: border-bottom .5s;
  border-radius: 0;
}

#log-in-frm input:focus {
  transition: border-bottom .5s;
  border-bottom: 1px solid rgba(0, 0, 0, .33);
}

#log-in-frm input::placeholder {
  transition: color .25s;
  color: rgba(0, 0, 0, .15);
}

#log-in-frm input:hover::placeholder {
  transition: color .25s;
  color: rgba(0, 0, 0, .33);
}

#log-in-frm .btn-or-link-btn {
  padding: .5em;
  transition: background .25s;
  color: var(--main-link-color);
  border-radius: var(--main-border-radius);
  width: 100%;
  border: 1px solid;
  display: inline-block;
  text-align: center;
}

.or-log-in,
.or-sign-up {
  font-size: 85%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: .5em;
  margin-top: 4em;
}

#log-in-frm .log-in {
  margin-top: 2em;
  color: var(--main-link-color);
  background: #fff;
}

#log-in-frm .log-in:hover {
  background: var(--main-light-green);
}


#log-in-frm .sign-up {
  color: var(--main-medium-grey);
}

#log-in-frm .sign-up:hover {
  background: var(--main-light-grey);
}

.example-viewer {
  border: 1px solid var(--main-border-color);
  padding: 1em;
  border-left-width: 1em;
}

.example-viewer del {
  display: none;
}

.example-viewer ins {
  display: none;
}

.merops-settings h2 {
  margin-top: 1em;
}

.merops-settings h3 {
  margin-top: 1em;
}

.merops-settings h4 {
  margin-top: 1.5em;
}

.merops-settings h5 {
  margin-top: 1em;
}

.merops-settings .setting {
  margin: 1em 0;
  text-indent: -2em;
  margin-left: 2em;
}

.merops-settings .setting.l2 {
  margin-left: 3em;
}

.merops-settings .setting.l3 {
  margin-left: 4em;
}

.merops-settings .description {
  font-weight: 500;
}

.merops-settings .description:after {
  content: ': ';
}

.merops-settings .setting ul {
  display: inline;
  margin: 0;
}

.merops-settings .setting ul li {
  display: inline;
  white-space: nowrap;
}

.merops-settings .setting ul li:after {
  content: ' | ';
  opacity: .5;
}

.merops-settings .setting ul li:last-of-type:after {
  content: '';
}

.merops-settings .setting .see {
  margin: .5em 0 1.5em 1em;
}

.merops-settings .setting ul+.see {
  display: block;
}

.merops-settings .setting .see .intro {
  font-style: italic;
}

.merops-settings .setting .see .intro:after {
  content: ': '
}

.merops-settings .setting .see a:before {
  content: ' ';
}

.price-tabs {
  display: flex;
  justify-content: center;
  margin: 1em;
  border-bottom: 2px solid var(--main-light-grey);
}

.price-tabs .tab {
  background-color: var(--main-light-grey);
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  padding: 1em;
  box-sizing: border-box;
  margin-right: 1em;
  cursor: pointer;
}

.want-to-process-more {
  text-align: center;
  margin-top: 2em;
}

div.more-info-wrap {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .5);
  z-index: 999;
}

div.more-info {
  max-width: 500px;
  background: #fff;
  padding: 36px;
  border-radius: 6px;
  position: relative;
  ;
}

div.more-info .cls {
  font-size: 2em;
  position: absolute;
  top: 0;
  right: 6px;
  line-height: 1;
  cursor: pointer;
}

@media screen and (max-width: 1000px) {
  .modules-container {
    grid-template-columns: repeat(3, 1fr);
  }

  .other-merops-modules,
  .other-merops-functions {
    grid-template-columns: repeat(4, 1fr);
  }

}

@media screen and (max-width: 952px) {

  div.add-on {
    display: block;
  }

  .add-on .sub-head-and-img {
    margin-right: 0;
    margin-bottom: 1em;
  }

  .add-on .sub-head-and-img:last-of-type {
    margin-bottom: 0;
  }

  #system-requirements {
    display: block;
  }

}


@media screen and (max-width: 780px) {

  .faq-wrap.side-by-side {
    flex-direction: column;
  }

  .faq-wrap.side-by-side>div:nth-of-type(odd) {
    padding: 1em 0 0 0;
  }

  .main-products .product-panel .image {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .main-products .product-panel .product-panel-inner,
  .main-products .product-panel:nth-of-type(even) .product-panel-inner,
  .merops-services {
    flex-direction: column;
  }

  .merops-services .service {
    margin-bottom: 4em;
  }

  .merops-services .service:last-of-type {
    margin-bottom: 0;
  }

  .full-section.merops {
    background-size: 200%;
    background-position-x: 80%;
    background-position-y: 100%;
  }

  .full-section.merops .merops-inner-wrap {
    flex-direction: column-reverse;
  }

  .full-section.merops ul {
    margin: 1em 0 0 0;
  }

  .full-section.merops .item {
    flex-basis: auto;
    text-align: center;
    padding: 2em;
    box-sizing: border-box;
  }

  .full-section.xTwo.price-plans .item {
    width: auto;
  }

  .full-section.xTwo .container.support-flex-troubleshoot {
    flex-direction: column;
  }



  .main-products .product-panel .text {
    width: 100%;
    text-align: center;
  }

  .main-products .product-panel a.more {
    margin: 0 auto;
  }

  .main-products .product-panel .product-description {
    max-width: 98%;
    margin: .5em auto;
  }

  .main-products .product-panel .image {
    margin: 2em 0 0 0;
  }

  .modules-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .features-container {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1em;
  }

  div.testimonial-wrap .x2 {
    display: block;
  }

  .module-2x2 {
    flex-direction: column-reverse;
  }

  .module-2x2 .image {
    padding: 0;
    max-width: 50%;
  }

}

@media screen and (max-width: 675px) {
  .price-panel {
    flex-direction: column;
  }
}

@media screen and (max-width: 550px) {
  .full-section.xTwo.price-plans {
    background: none;
    padding: 2em 0 0;
  }

  .full-section.xTwo.price-plans .container .item.image {
    display: none;
    padding: 1em 0 0 0;
  }

  .other-merops-modules,
  .other-merops-functions {
    grid-template-columns: repeat(2, 1fr);
  }


  .two-colour-panel-wrap {
    flex-direction: column;
  }

  .two-colour-panel-wrap.demo-or-buy .panel .inner {
    max-width: 100%;
  }

  .two-colour-panel-wrap.demo-or-buy .inner .image img {
    max-width: 128px;
  }

  .modules-container {
    row-gap: 1em;
    column-gap: 1em;
  }


}

@media screen and (max-width: 440px) {
  .modules-container {
    grid-template-columns: repeat(1, 1fr);
  }

}

@media screen and (max-width: 374px) {

  .features-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .main-products .product-panel .product-description {
    font-size: 1em;
  }

  .main-products .product-panel .product-panel-inner {
    padding: 5em 1em;
  }

  .full-section.xTwo.alt .container {
    display: block;
  }


  .modules-container .item img {
    width: 50%;
  }

  .add-on .sub-head-and-img .img-heading {
    display: block;
  }

  section#contact {
    display: block;
  }

  section#contact .item {
    padding: 4em 0 0 0;
  }

  div.testimonial-wrap .x2>div {
    margin: 0;
  }

  .other-merops-modules,
  .other-merops-functions {
    grid-template-columns: repeat(2, 1fr);
  }

  .online-linking-tbl .logo {
    display: none;
  }

  .sub-mod-ex-wrap .flex {
    flex-direction: column;
  }

  .modules-container {
    row-gap: 10px;
    column-gap: 10px;
  }


}

@media screen and (max-width: 265px) {

  .other-merops-modules,
  .other-merops-functions {
    grid-template-columns: repeat(1, 1fr);
  }
}