a {
  color: rgb(132,132,132);
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #FFF;
  text-decoration: none;
}

@media (min-width:1276px) {
  .navbar-expand-ml .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

@media (max-width:576px) {
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    /*position: absolute;*/
    margin-left: 0px!important;
  }
}

.navbar-collapse {
  padding-left: 1em;
  padding-top: 1em;
}

@media (max-width: 768px) {
  #microsoft {
    padding-top: 10%;
    padding-bottom: 10%;
    width: 250px;
  }
}

@media (min-width: 769px) {
  #microsoft {
    padding-top: 10%;
    padding-bottom: 0%;
    width: 250px;
  }
}

@media (max-width: 576px) {
  #findoutmore {
    background: #000000;
    padding-bottom: 15%;
    padding-top: 7%;
  }
}

@media (min-width: 577px) {
  #findoutmore {
    background: #000000;
    padding-bottom: 5%;
    /*padding-top: 7%;*/
  }
}

@media (max-width: 420px) {
  .masthead-heading {
    font-family: Geomanist-Medium;
    font-weight: normal;
    font-size: 45px!important;
    padding-top: 50px;
    line-height: 51px !important;
    padding-bottom: 7px;
    /*color: black!important;*/
  }
}

@media (min-width: 421px) and (max-width: 980px) {
  .masthead-heading {
    font-family: Geomanist-Medium;
    font-weight: normal;
    font-size: 32px;
    padding-top: 15px;
    /*margin-bottom: -5px;*/
    padding-left: 10px;
  }
}

@media (min-width: 421px) and (max-width:980) {
  .masthead-heading {
    font-family: Geomanist-Medium;
    font-weight: normal;
    font-size: 32px;
    padding-top: 15px;
    /*margin-bottom: -5px;*/
  }
}

@media (min-width: 421px) and (max-width: 767px) {
  .masthead-heading {
    font-family: Geomanist-Medium;
    font-weight: normal;
    font-size: 50px !important;
    padding-top: 50px;
    /*margin-bottom: -5px;*/
    padding-left: 2%;
    line-height: 55px !important;
    /*padding-bottom: 30px;*/
  }
}

h1 {
  margin-bottom: -10px;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #de2223 !important;
  border-color: #de2223 !important;
}

.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #de2223 !important;
  border-color: #de2223 !important;
  box-shadow: none;
}

.btn-primary {
  color: #fff;
  background-color: #de2223 !important;
  border-color: #de2223 !important;
}

@media (max-width: 375px) {
  .greyrow {
    width: 94%;
  }
}

@media (max-width: 568px) {
  .boundaries {
    /*padding-left: 31px !important;*/
    /*padding-right: 0px !important;*/
    margin-left: -5%;
    padding-top: 10%;
  }
}

.bg-black.footer {
  font-size: 13px;
  background: #000000;
  padding-top: 0;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: -26px;
  padding-right: 5%;
  padding-left: 5%;
}

@media (min-width: 1280px) {
  .bg-black.footer {
    font-size: 13px;
    background: #000000;
    padding-top: 0;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: -26px;
    padding-right: 5% !important;
    padding-left: 5% !important;
  }
}

@media (max-width: 360px) {
  .myrow {
    /*background: #ffffff;*/
    padding-right: 5%!important;
    padding-left: 7%!important;
    padding-top: 2.5%;
    padding-bottom: 0px;
    margin-bottom: -2.5%;
  }
}

@media (max-width: 767px) {
  .myrow {
    background: #ffffff;
    padding-right: 5%!important;
    padding-left: 5%!important;
    padding-top: 12%;
    padding-bottom: 10px;
    /*margin-bottom: -10%;*/
  }
}

@media (min-width: 768px) {
  .myrow {
    background: #ffffff;
    padding-right: 3%!important;
    padding-left: 3%!important;
    padding-top: 4%;
    padding-bottom: 0px;
    /*margin-bottom: -5.5%;*/
  }
}

@media (max-width: 768px) {
  .container.banner {
    max-width: 1440px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0%;
  }
}

@media (max-width: 767px) {
  .masthead {
    background: url("https://image.marketing.bcx.co.za/lib/fe4015707564057d711578/m/1/ef887ba0-6f7f-4e23-a4fe-29e509fd1ded.jpg") center / cover, rgba(255,255,255,0);
    margin-top: 0px;
    padding-bottom: 5%;
    padding-top: 5%;
  }
}

@media (min-width: 1024px) {
  .masthead {
    background: url("https://image.marketing.bcx.co.za/lib/fe4015707564057d711578/m/1/324f3092-e05e-4c89-b1ac-c52901b05f8f.png") right / cover, rgba(255,255,255,0);
    padding-bottom: 10%;
    padding-top: 10%;
  }
}

@media (min-width: 768px) and (max-width:1024px) {
  .masthead {
    background: url("https://image.marketing.bcx.co.za/lib/fe4015707564057d711578/m/1/324f3092-e05e-4c89-b1ac-c52901b05f8f.png") center / cover, rgba(255,255,255,0);
    margin-top: 0px;
    padding-bottom: 15%;
    padding-top: 15%;
  }
}

@media (min-width: 576px) {
  form {
    padding-right: 4%;
    padding-left: 2%;
  }
}

@media (min-width: 768px) {
  form {
    padding-right: 4%;
    padding-left: 3.5%;
    max-width: 1440px!important;
    margin: auto;
  }
}

@media (min-width: 1680px) {
  form {
    padding-right: 4%;
    padding-left: 2.8%;
    max-width: 1440px!important;
    margin: auto;
  }
}

@media (min-width:1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1370px;
  }
}

/* mouse over link */

a:hover {
  color: red;
}

@media (max-width: 450px) {
  .alibaba {
    width: 295px !important;
  }
}

@media (min-width: 421px) {
  .logo {
    width: 105px;
  }
}

@media (max-width: 420px) {
  .logo {
    width: 105px;
  }
}

.masthead-heading {
}

@media (min-width: 300px) and (max-width: 575px) {
  .masthead-heading2 {
    padding-bottom: 40px;
    /*color: black!important;*/
  }
}

@media (min-width: 576px) and (max-width: 769px) {
  .masthead-heading2 {
    padding-bottom: 40px;
    padding-left: 12px;
  }
}

.navbar-custom {
  /*max-width: 1340px!important;*/
}

#product-service-solution {
  padding-top: 1em;
  padding-bottom: 5em;
}

.container-fluid {
  /*max-width: 1340px!important;*/
}

.navbar-custom {
}

#container-fluid2 {
  /*max-width: 1340px!important;*/
}

@media (min-width: 1920px) {
  .navbar-brand {
    padding-left: 15%!important;
  }
}

@media (min-width: 1920px) {
  .navbar-brand {
    padding-left: 12%!important;
  }
}

@media (min-width: 1920px) {
  .navbar-brand {
    padding-left: 12%!important;
  }
}

@media (min-width: 1680px) and (max-width: 1919px) {
  .navbar-brand {
    padding-left: 6%!important;
  }
}

@media (min-width: 1921px) and (max-width:2560px) {
  .navbar-brand {
    padding-left: 15%!important;
  }
}

@media (min-width: 1441px) and (max-width:1680) {
  .navbar-brand {
    padding-left: 15%!important;
  }
}

#Product-services-solutions {
  padding-bottom: 5em;
  padding-top: 1em;
}