<style>
.mob {
  display: none;
}

.desk {
  display: block;
}

.carousel-caption2 {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.offer-caption {
  top: 76%;
  left: 31%;
  width: 42%;

}

@media only screen and (min-width: 320px) and (max-width: 767px) {

  .captionService1 {
    // float:center;
    //left: 10%; 
    //float:right;
    margin-top: 15%; // right:0%; 
    //margin-left: 30%;
  }

  .captionService2 {
    margin-top: 17%;

    // left: 50%;
    //  float:center;
    //float:left;
    //margin-left: 30%;
  }

  .captionService3 {
    // float:center;
    margin-top: 20%;
    //right:0%; 
    //margin-left: 30%;
  }

  .captionService4 {
    float: center;
    //float:left;
    margin-top: 20%;
    // margin-left: 30%;
  }

  .captionService5 {
    float: center;
    margin-top: 20%; //right:0%; 
    margin-bottom: 3%;
  }

  .mbClass {
    padding-top: 4% !important;
    padding-bottom: 6% !important;

  }

  .mob {
    display: block;

  }

  .imgtop {
    margin-top: 18%;
    padding-bottom: 8%;
  }

  .desk {
    display: none;
  }

  .sld {
    width: 100%;
    height: 35vh;
    min-height: 482px;

  }

  .carousel-caption {
    top: 76%;
    //left:24%;
    width: 42%;

  }

  .carousel-caption2 {
    top: 76%;
    //left: 20%;
    width: 42%;
  }

  .carousel-caption h1 {
    font-size: 1.5rem;
    color: white
  }

  .carousel-caption p {
    font-size: 14px;
  }

  .desk {
    display: none;
  }

  .ser_pro {
    margin-left: 10px;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 16px;
    color: #1bb1dc;
  }

  .fontad {
    font-size: 15px;
    text-align: justify;
    text-justify: inter-word;
    color: black;
    line-height: 1.0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    /*hyphens: auto;*/
  }

  h3 {
    font-size: 20px;
  }
}

@media (min-width:412px) {

  .captionService1 {
    // float:center;
    //left: 10%; 
    //float:right;
    margin-top: 20%; // right:0%; 
    //margin-left: 30%;
  }

  .captionService2 {
    // left: 50%;
    //  float:center;
    // margin-top: 9%;//float:left;
    //margin-left: 30%;
  }

  .captionService3 {
    // float:center;
    margin-top: 15%;
    //right:0%; 
    //margin-left: 30%;
  }

  .captionService4 {
    float: center;
    //float:left;
    margin-top: 15%;
    margin-bottom: 15%;
  }

  .captionService5 {
    float: center;
    margin-top: 13%; //right:0%; 
    margin-bottom: 3%;
  }

  .imgtop {
    margin-top: 12%;
    padding-bottom: 28%;
  }
}

@media (min-width:480px) {
  .captionService1 {
    margin-top: 34%;
    float: center; //margin-left: 30%;
  }

  .captionService2 {
    margin-top: 20%;
    float: center; //margin-left: 30%;
  }

  .captionService3 {
    margin-top: 30%;
    float: center;
    float: center; //margin-left: 30%;
  }

  .captionService4 {

    margin-top: 40%;
    float: center; //margin-left: 30%;
  }

  .captionService5 {
    margin-top: 50%;
    float: center; // margin-left: 30%;
  }

  .mbClass {

    padding-top: 3% !important;
    padding-bottom: 6% !important;
  }

  .mob {
    display: block;

  }

  .imgtop {
    margin-top: 15%;
    padding-bottom: 30%;
  }

  .desk {
    display: none;
  }

  .sld {
    width: 100%;
    height: 40vh;
    min-height: 400px;

  }

  .ser_pro {
    margin-left: 10px;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 16px;
    color: #1bb1dc;
  }


}

@media (min-width:600px) {
  .captionService1 {
    // float:right;
    margin-top: 34%; // margin-left: 6%;
  }

  .captionService2 {
    margin-top: 20%; //margin-left: 6%;
  }

  .captionService3 {
    margin-top: 30%; // margin-left: 6%;
  }

  .captionService4 {

    margin-top: 40%; // margin-left: 6%;
  }

  .captionService5 {
    margin-top: 50%; // margin-left: 6%;
  }

  .mbClass {

    padding-top: 4% !important;
    padding-bottom: 6% !important;

  }

  .imgtop {
    margin-top: 20%;
    %;
    padding-bottom: 35%;
  }

  .mob {
    display: block;

  }

  .desk {
    display: none;
  }

  .sld {
    width: 100%;
    height: 40vh;
    min-height: 482px;

  }

  .desk {
    display: none;
  }

  .ser_pro {
    margin-left: 10px;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 16px;
    color: #1bb1dc;
  }


}

@media (min-width:768px) {

  .captionService1 {
    // float:center;
    //left: 10%; 
    //float:right;
    margin-top: 20%; // right:0%; 
    //margin-left: 30%;
  }

  .captionService2 {
    // left: 50%;
    //  float:center;
    margin-top: 10%; //float:left;
    //margin-left: 30%;
  }

  .captionService3 {
    // float:center;
    margin-top: 20%;
    //right:0%; 
    //margin-left: 30%;
  }

  .captionService4 {
    float: center;
    //float:left;
    margin-top: 20%;
    // margin-left: 30%;
  }

  .captionService5 {
    float: center;
    margin-top: 20%; //right:0%; 
    margin-bottom: 3%;
  }

  .mbClass {
    padding-top: 4% !important;
    padding-bottom: 6% !important;

  }

  .mob {
    display: block;

  }

  .imgtop {
    margin-top: 7%;
    padding-bottom: 18%;
  }

  .desk {
    display: none;
  }

  .sld {
    width: 100%;
    height: 35vh;
    min-height: 482px;

  }

  .carousel-caption {
    top: 76%;
    left: 24%;
    width: 42%;

  }

  .carousel-caption2 {
    top: 76%;
    left: 20%;
    width: 42%;
  }

  .carousel-caption h1 {
    font-size: 1.5rem;
    color: white
  }

  .carousel-caption p {
    font-size: 14px;
  }

  .desk {
    display: none;
  }

  .ser_pro {
    margin-left: 10px;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 16px;
    color: #1bb1dc;
  }

  .fontad {
    font-size: 15px;
    text-align: justify;
    text-justify: inter-word;
    color: black;
    line-height: 1.0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    /*hyphens: auto;*/
  }

  h3 {
    font-size: 20px;
  }
}

@media (min-width:801px) {
  .captionService1 {
    //float:right;
    margin-top: 27%; // margin-left: 30%;
    //margin-left:6%;
  }

  .captionService2 {
    margin-top: 12%; // margin-left: 6%;
  }

  .captionService3 {
    margin-top: 17%; //margin-left: 6%;
    margin-bottom: 10%;
  }

  .captionService4 {
    //float:left;
    margin-top: 22%; //margin-left: 6%;
  }

  .captionService5 {
    margin-top: 5%; //margin-left: 6%;
  }

  .mbClass {
    padding-top: 4% !important;
    padding-bottom: 4% !important;

  }

  .mob {
    display: none;

  }

  .desk {
    display: block;

  }

  .imgtop {
    margin-top: 2%;
    margin-bottom: 5%;
    padding-bottom: 50%;
  }

  .sld {
    width: 100%;
    height: 83vh;
    min-height: 400px;

  }

  .ml {
    margin-left: 209px;
  }

  .ser_pro {
    margin-left: 10px;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 18px;
    color: #1bb1dc;
  }




}

@media (min-width:1025px) {
  .captionService1 {

    margin-top: 5%; // margin-left: 30%;
  }

  .captionService2 {
    margin-top: 0%; //margin-left: 30%;
  }

  .captionService3 {
    margin-top: 0%; // margin-left: 30%;
  }

  .captionService4 {
    margin-top: 0%; // margin-left: 30%;
  }

  .captionService5 {
    margin-top: 0%; //margin-left: 30%;
  }

  .sld {
    width: 100%;
    height: 83vh;
    min-height: 400px;

  }

  .ml {
    margin-left: 209px;
  }

  .mob {
    display: none;
  }

  .ser_pro {
    margin-left: 10px;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 18px;
    color: #1bb1dc;

  }

  .mbClass {
    padding-top: 2% !important;
    padding-bottom: 2% !important;

  }

  .imgtop {
    margin-top: 5%;
    padding-bottom: 10%;
  }

}

@media (min-width:1281px) {
  .caption1 {
    margin-bottom: 4%;
  }

  .imgtop {
    margin-top: 0%;
    padding-bottom: 3%;
  }

  .captionService1 {
    // float:center;
    //left: 10%; 
    //float:right;
    margin-top: 5%; // right:0%; 
    margin-left: 0%;
    margin-bottom: 0%;
  }

  .captionService2 {
    // left: 50%;
    //  float:center;
    margin-top: 0%; //float:left;
    margin-left: 0%;
  }

  .captionService3 {
    // float:center;
    margin-top: 0%;
    //right:0%; 
    margin-left: 0%;
  }

  .captionService4 {
    float: center;
    //float:left;
    margin-top: 0%;
    margin-left: 0%;
    margin-bottom: 0%;
  }

  .captionService5 {
    float: center;
    margin-top: 3%;
    margin-left: 0%;
  }

  .mbClass {
    padding-top: 2% !important;
    padding-bottom: 2% !important;

  }

  .mob {
    display: none;
  }

  .desk {
    display: block;
    margin-top: 10%;
  }

  .sld {
    width: 100%;
    height: 83vh;
    min-height: 400px;

  }

  .carousel-caption {
    top: 50%;
    left: 5%;
    width: 42%;
  }

  .carousel-caption2 {
    top: 50%;
    left: 5%;
    width: 42%;
  }

  .carousel-caption h1 {
    font-size: 2rem;
    color: white;
  }

  .carousel-caption p {
    font-size: 25px;
  }

  .ml {
    margin-left: 209px;
  }

  .ser_pro {
    margin-left: 70px;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
    color: #1bb1dc;
  }

  .fontad {
    font-size: 18px;
    text-align: justify;
    text-justify: inter-word;
    color: black;
    line-height: 1.0;
    overflow-wrap: break-word;
    word-wrap: break-word;

  }

  h3 {
    font-size: 20px;
  }
}

.col-md-12 {
  flex: 0 1 100% !important;
}

</style>