@media (min-width: 768px) {
  .container {
    max-width: 90% !important;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 90% !important;
  }


}


@media(max-width:1200px) {
  .banner-section {
    position: relative;
    margin-top: .01px;
  }

  .box {
    padding: 10px 0 0 0;
  }
}

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


@media(max-width:900px) {
  /* MAIN INNER PAGES */

  .wrapper .main-image .caption h2 {
    font-size: 6vw;
  }


}


@media(max-width:768px) {
  /*  DEFAULT*/
  .Csr h2{
    font-size: 35px;
    line-height: 45px;
  }

  .hide-768px{
    display: none;
  }
  
  /*******/
  

  /* MAIN IMAGE & CAPTION */
  .wrapper .main-image {
    height: 8rem;
  }

  .wrapper .main-image .caption {
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .wrapper .main-image .caption h2 {
    font-size: 7vw;
  }

  .home-csr .csr-imagebox{
    margin-top: 25px;
  }


  .about-section>.row>.col-md-5{
    margin-top: 4.3rem;
  }

  .banner-section {
    position: absolute;
    margin-top: -100px;
  }

  /*.detail-inner p:first-child{*/
  /*  margin-bottom: 5rem;*/
  /*}*/

  .services-section{
    padding: 60px 15px 60px 15px;
  }

  .services-section .container{
    padding: 0;
  }

  .services-section h2,
  .what-we-do h2 {
    font-size: 1.8rem;
    line-height: 1.4;
  }

  .what-we-do h4 {
    font-size: 15px;
  }

  .csr-imagebox {
    padding-top: 0;
  }

  .box {
    padding: 10px 35px 0 0;
  }

  .remove-col {
    display: none;
  }

  .busines-products .col-sm-5 {
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .busines-products div:nth-child(5),
  .busines-products div:last-child {
    margin-top: 1.5rem;
  }


  /* ************ */

  /* FOR ABOUT PAGE*/

  .about-page .about-content.csr-imagebox {
    margin-top: 30px;
  }

  /**/

  /* FOR OUR VALUES */

  .our-values .content {
    flex-direction: column;
  }

  .our-values .content .content-icon {
    padding: 2rem;
    width: 7rem;
    height: 7rem;
  }

  .our-values .content .content-icon .logo {
    font-size: 3.5rem;
  }

  .our-values .content .content-text h3 {
    font-size: 1.5rem;
    margin: 2rem 0 1rem;

  }



  /* ************** */

  /* FOR SUSUTAINABILITY */

  .content-wrapper {
    padding: .5rem;
  }

  .sustainability h3 {
    font-size: 1.5rem;
    /* line-height: 5vw; */
    /* margin-bottom: 1rem; */
  }

  .sustainability p {
    font-size: .9rem;
    /* line-height: 3.8vw; */
  }


  .sustainability .accordion-content {
    width: 100%;
  }


  /* career */

  .career-img img{
    display: none;
  }

  /* ************ */


  /**/



  /* FOR FOOTER */

  footer .gallery img {
    padding: .5rem 2rem;
  }

  .footer-logo p{
    text-align: justify;
    margin-top: 1.5rem;
  }
}


@media(max-width: 576px) {
  /*ih-item.circle{*/
  /*  margin: 0 !important;*/
  /*}*/

  /* CAROUSEL CAPTION */
  .carousel-caption {
    left: 19% !important;
    top: 0% !important;
  }
  .carousel-caption .h3-responsive{
    font-size: 4.5vw;
  }
  .carousel-caption p{
    font-size: 2.8vw;
    /*text-align: left;*/
    line-height: 1.2;
  }

  /** * * ** * */

  .busines-products div:nth-child(5),
  .busines-products div:last-child {
    margin-top: 0;
  }

  .busines-products>.col{
    margin: 0;
  }

  .busines-products>.col-sm-5:not(:first-child){
    /*margin: 0;*/
    margin-top: 3rem;
  }
  .busines-products>.col-sm-5:last-child{
    margin-top: 4.5rem;
  }


  /*.busines-products>.col-sm-5:first-child{*/
  /*  margin-top: 0;*/
  /*}*/

  .contact-heading h2{
    font-size: 22px;
  }


  .footer-logo img{
    width: 80%;
    display: block;
    margin: 0 auto;
  }

  footer .gallery img {
    padding: .5rem;
  }
}

@media(max-width: 400px){
  .carousel-caption .h3-responsive{
    font-size: 4.8vw !important;
  }
  .carousel-caption p{
    font-size: 3.2vw  !important;
    /*text-align: left;*/
    line-height: 1.2;
  }
}