.itlock-services .row{
  display: flex;
  flex-wrap: wrap;
}

.itlock-services .heading-col{
  flex-basis: 45%;
}
.itlock-services .ml-10{
  margin-left: 10%;
}
.itlock-services .section-titile{
  margin-bottom: 50px;
}
.itlock-services .section-titile span{
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .2em;
  margin-bottom: 20px;
  display: block;
}
.itlock-services .section-titile h2{
  display: block;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 12px;
  position: relative;
  letter-spacing: -2px;
}
.itlock-services .section-titile p{
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}
.itlock-services .row-comp{
  margin: 0 -12px;
}
.itlock-services .services-col{
  flex-basis: 33.333333%;
}
.itlock-services .services-col .col-space{
  padding: 0 12px;
}
.itlock-services .services-col .single-service{
  margin-bottom: 30px;
}
.itlock-services .services-col .single-service .services-img{
  margin-bottom: 25px;
}
.itlock-services .services-col .single-service .services-caption h5{
  margin: 0px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}
.itlock-services .services-col .single-service .services-caption h5 a{
  line-height: 1.4;
  margin-bottom: 12px;
  font-weight: 500;
  display: block;
}
.itlock-services .services-col .single-service .services-caption p{
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 24px;
}

.itlock-services .services-col .single-service .services-img img,
.itlock-services .services-col .single-service .services-caption h5 a,
.itlock-services .services-col{
  -webkit-transition: all .4s ease-out 0s;
  -moz-transition: all .4s ease-out 0s;
  -ms-transition: all .4s ease-out 0s;
  -o-transition: all .4s ease-out 0s;
  transition: all .4s ease-out 0s;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx Modification xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.itlock-services .row.style-2{
  flex-direction: column;
}
.itlock-services .ml-10.style-2{
  margin: 0;
}
.itlock-services .section-titile.style-2{
  text-align: center;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx Modification xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */




@media all and (max-width: 1199px){
  .itlock-services .heading-col{
    flex-basis: 75%;
  }
  .itlock-services .ml-10{
    margin-left: 0;
  }
  .itlock-services .section-titile h2{
    font-size: 30px;
  }
}
@media all and (max-width: 991px){
  .itlock-services .services-col{
    flex-basis: 50%;
  }
}
@media all and (max-width: 767px){
  .itlock-services .services-col{
    flex-basis: 50%;
  }
  .itlock-services .heading-col{
    flex-basis: 100%;
  }
  .itlock-services .section-titile h2{
    font-size: 31px;
  }
  .itlock-services .services-col .single-service .services-caption h5 a{
    font-size: 20px;
  }
}
@media all and (max-width: 576px){
  .itlock-services .services-col{
    flex-basis: 90%;
    margin: 0 auto;
  }
  .itlock-services .section-titile h2{
    font-size: 24px;
  }
  .itlock-services .services-col .single-service .services-caption h5 a{
    font-size: 24px;
  }
}
@media all and (max-width: 548px){
  .itlock-services .services-col{
    flex-basis: 100%;
  }
}