@media screen and (min-width: 801px) and (max-width: 1000px) {
  #ourServices #ourServicesListCon {
    width: 600px;
    max-width: 100%;
    margin: auto;
    /*-ms-grid-columns: (1fr)[2];*/
    grid-template-columns: repeat(4, 1fr);
  }
  #ourServices #ourServicesListCon .serviceCon{height:600px;}
  #ourServices-2 a {
    height: 250px;
  }
  .cont{
    width: 1100px;
    margin: auto;
  }
  .cont1{
    width: 1100px;
    margin: auto;
  }  
}

@media screen and (max-width: 800px) {
  #ourServices #ourServicesListCon {
    width: 400px;
    max-width: 100%;
    margin: auto;
    /*-ms-grid-columns: (1fr)[2];*/
    grid-template-columns: repeat(1, 1fr);
  }

  #ourServices-2 a {
    height: 250px;
  }
  .servicesContainer{
    margin-top: 200px;
  }
  .cont{
    width: 700px;
    
  }
  .cont1{
    width: 700px;
  } 
}
@media screen and (max-width: 500px){
  .cont{
    width: 200px;
    
  }
  .cont1{
    width: 250px;
  }
}

@media screen and (min-width: 1000px) {
  #ourServices #ourServicesListCon {
    /*-ms-grid-columns: (1fr)[3];*/
    width: 1006px;
    max-width: 100%;
    margin: auto;
    grid-template-columns: repeat(4, 1fr);
  }
  .cont{
    width: 1200px;
    
  }
  .cont1{
    width: 1300px;
  }
}

@media screen and (min-width: 1413px) {
  #ourServices #ourServicesListCon {
    /*width: 1271px;*/
    width: 1271px;
    max-width: 100%;
    margin: auto;
    /*-ms-grid-columns: (1fr)[4];*/
    grid-template-columns: repeat(4, 1fr);
  }
}
/*# sourceMappingURL=ourServicesMc.css.map */