/* Reset Code */
/*============================================================== 
   inner banner
==============================================================*/
.inner-banner {
  background: url("../images/inner-banner/inner-banner-OEM.jpg") no-repeat top;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  position: relative;
  z-index: 0;
}


/* //inner banner */

/*=============================================================
  OEM 
==============================================================*/
.OEM-blok {
    width: 100%;
    float: left;
    margin-bottom: 3rem;
  }  
.OEM-img {
    width: 44%;
    float: left;
    margin-right: 6%;
  box-shadow: 0px 17px 26px -16px rgba(0, 0, 0, 0.41);
  }
  .OEM-img img{
    width: 100%;    
    max-width: 100%;
    height: auto;
  }
  .OEM-text {
    width: 50%;
    float: right;
    margin-top: 1rem;
  }
  .OEM-text p{
    line-height: 35px;
  }


@media (max-width: 820px) {
  .OEM-img {
    width: 100%;
    float: left;
    padding-right:0;
    margin-top: 2rem;
  }

  .OEM-text {
    width: 100%;
    float: left;
    margin-top: 2rem;
  }
  .OEM-text p{
    line-height: 25px;
  } 

} 




/*========================
   grid
=========================*/
.content-layout {
  background:  #F1F1F4;
  width: 100%;
  float: left;
  margin-top: 2rem;
  padding: 2rem 0;
}
  .container-oem {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
.grid {
    flex: 0 0 auto;
    width: 25%;
  }

@media (max-width: 935px) {
.grid {
    flex: none;
    width: 50%;
  margin: 1rem 0;
  }
}

@media (max-width: 600px) {
.grid {
    width: 100%;
  margin: 0;
  }
}

.grid img{
    width: 100%;   
    height: auto;
  }
.oem-block-single {
  box-shadow: 0px 17px 26px -16px rgba(0, 0, 0, 0.41);
;
  transition: .3s ease;
  -webkit-transition: .3s ease;
  background:  #FFF;
}
.oem-grids {
  position: relative;
  overflow: hidden;
  z-index: 1;
}