@media only screen and (max-width: 1020px) {
    .logo img {
      position: relative;
      top:40px;
      }
   }
   @media only screen and (max-width: 768px) {

    .logo{
      display: flex;
      justify-content: center;
    }
  }
   @media only screen and (max-width: 768px) {
    .logo img {
        position: relative;
        top: 0;
    }
}

@media only screen and (max-width: 1020px){
.logo img {
    position: relative;
    top: 5px;
}
}
@media only screen and (max-width: 536px){
.carousel-inner .carousel-item .carousel-caption h1{
  font-size: 15px;
}
}
@media only screen and (max-width: 536px){
.carousel-inner .carousel-item .carousel-caption p{
  font-size: 10px;
}
}
@media only screen and (max-width: 536px){
.carousel-inner .carousel-item .carousel-caption h1{
  font-size: 15px;
}
}
@media only screen and (max-width: 292px) {
    .logo img {
       width: 100%;
       height: 100%;
       position: relative;
        top: 0px;
        right: -10px;

    }
}

   @media only screen and (max-width: 260px) {

    .logo {
      display: flex;
      justify-content: center;
    }

    .logo img {
      position: relative;
      top: 0;
       } 
           }

           @media only screen and (max-width: 768px) {
            .icon-box-icon {
                display: none;

            }
        }
        /* @media only screen and (max-width: 768px) {
       .slide img{
        height: 1200px;
       }
        } */

          @media only screen and (max-width: 768px) {
            .img2 img{
        position: absolute;
    top: 2000px;
    }
          }
          @media only screen and (max-width: 768px) {
            .learn-img img{
       width: 100%;
    }
          }
          @media only screen and (max-width: 768px) {
            .hero-img img{
       width: 100%;
    }
          }
          @media only screen and (max-width: 768px) {
            .img2 img{
      display: none;
    }
          }


          @media (max-width:1000px){
            .wrapper {
        width: 100%;
        }
        .single-service {
        width: 95%;
        margin-bottom: 30px;
        }
        .wrapper h2 {
        font-size: 30px;
        }
        }