/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .text-secondary {
        text-align: justify;
    }
    .text-success {
        margin: 12px 0;
    }
    .main_heading {
        font-size: xx-large;
    }
    .leader_img {
      width: 50%;
    }
    .Leadership_area p{
      text-align: left;
    }
    .text-white {
      text-align: justify;
      font-size: 18px;
  }
  .esg_center_care_content {
    padding: 35px;
  }
  .esg_count {
    justify-content: center;
  }
	.swiper-container{
		display: none;
	}
  .banner_area {
    padding: 12%;
    background-position: right;
  }
  .banner2_area {
    padding: 12%;
    background-position: right;
  }
  .row_center {
    text-align: center;
}
.txt h1 {
  font-size: 22px;
}
.myslide {
  height: 550px;
}
#b {
  order: -2;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .leader_img {
    width: 34%;
  }
  hr{
    display: none;
  }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  hr{
    display: none;
  }
  .swiper_container2{
		display: none;
	}
  .environment_img {
		height: 32vh;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

  .esg_center_care_content {
    padding: 38px;
  }
	.swiper_container2{
		display: none;
	}
  .environment_img {
		height: 32vh;
	}
  hr{
    display: none;
  }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
  hr{
    display: none;
  }
  .swiper_container2{
		display: none;
	}
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  hr{
    display: none;
  }
	.swiper_container2{
		display: none;
	}
}

@media (max-width: 576px) {
  .header-carousel .owl-nav .owl-prev,
  .header-carousel .owl-nav .owl-next {
      top: 600px;
      transition: 0.5s;
  }

  .header-carousel .header-carousel-item .carousel-caption .carousel-caption-content {
      width: 95% !important;
  }
}

@media (max-width: 992px) {
  .header-carousel .header-carousel-item,
  .header-carousel .header-carousel-item img {
      margin-top: 0;
      transition: 0.5s;
  }
}
@media (min-width: 992px) {
  .header-carousel .owl-nav .owl-prev,
  .header-carousel .owl-nav .owl-next {
      margin-top: 50px;
  }
}