.multi-item-carousel .carousel-inner > .item {
  -webkit-transition: 500ms ease-in-out left;
  transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
  left: -25%;

}
.multi-item-carousel .carousel-inner .active.right {
  left: 25%;

}
.multi-item-carousel .carousel-inner .next {
  left: 25%;

}
.multi-item-carousel .carousel-inner .prev {
  left: -25%;

}
@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out all;
    transition: 500ms ease-in-out all;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    -webkit-transform: none!important;
            transform: none!important;
  }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
  background-image: none;

}
.carousel-control.right {right: -48px;color: #008e48;background-image: none;}
.carousel-control.left {left: -48px;color: #008e48;background-image: none;}
/*h1 {
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  text-shadow: 0px 2px 0px #000000;
}*/
.img-center{
  position: relative;
  top:0;
  right: 0;
  margin: 0 auto;
}
.head-text-news{
color: #057239;
}
.text-news{
color: #057239;
}
#section-2-main{
  background-color: #f5f5f5;
}
/*@media screen and (min-width: 1200px) {
   .test {
      width: 1500px !important;
  }
}*/
/*nav{
  display: none;
}
.top-header{
      border-top: 1px solid #e7e7e7 !important;
      border-bottom: 1px solid #e7e7e7 !important;
}
i{
  font-size: 20px !important;
}*/
.page-header-news{
      color: #11562a;
      letter-spacing: 2px;
      font-weight: 600;
}
/*.head-text-news{
  color: #11562a;
}*/
.head-text-news {font-size: 27px;}


.mini-slide{margin-top: 100px;}

.col-xs-3 {
    width: 25%;
}


@media only screen and (min-width : 320px) {
  .head-text-news {font-size: 19px;}
   body{font-size: 17px ;}
   .mini-slide{margin-top: 380px;}
   .carousel-control{width: 50px;}
   .carousel-control.left {
    left: -30px;
   }
   .carousel-control.right {
    right: -30px;
   }

}

@media only screen and (min-width : 360px) {
  .head-text-news {font-size: 19px;}
   body{font-size: 17px ;}
   .mini-slide{margin-top: 400px;}
   /* .carousel-control{width: 35%;} kim*/
   .carousel-control{width: 50px;}
   .carousel-control.left {
    left: -30px;
   }
   .carousel-control.right {
    right: -30px;
   }


}

@media only screen and (min-width : 375px) {
  .mini-slide{margin-top: 420px;}
  .carousel-control{width: 50px;}
  .carousel-control.left {
   left: -30px;
   top: 80%;
  }
  .carousel-control.right {
   right: -30px;
   top: 80%;
  }
}
@media only screen and (min-width : 414px) {
  .carousel-control{top: 20px;}
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
   .head-text-news {font-size: 19px;}
   body{font-size: 17px;}

}
/* Small Devices, Tablets */
@media only screen and (min-width : 568px) {
  .mini-slide{margin-top: 520px;}
  .carousel-control{width: 15%;}
}

@media only screen and (min-width : 640px) {
  .mini-slide{margin-top: 580px;}
  .carousel-control{width: 15%;}
  .carousel-control.left {
   left: -40px;
   top: 40%;
  }
  .carousel-control.right {
   right: -40px;
   top: 40%;
  }
}

@media only screen and (min-width : 667px) {
  .mini-slide{margin-top: 580px;}
  .carousel-control{width: 15%;}
}

@media only screen and (min-width : 768px) {
  .head-text-news {font-size: 22px;}
   body{font-size: 20px;}
   .mini-slide{margin-top: 220px;}
   .carousel-control{width: 15%;}
   .carousel-control.left {
    left: -50px;
    top: 60%;
   }
   .carousel-control.right {
    right: -50px;
    top: 60%;
   }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
   body{font-size: 22px;}
   .head-text-news {font-size: 25px;}
   .mini-slide{margin-top: 100px;}
   .carousel-control{width: 15%;}
   .carousel-control.left {
    left: -50px;
    top: 0;
   }
   .carousel-control.right {
    right: -50px;
    top: 0;
   }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .head-text-news {font-size: 27px;}
  body{font-size: 25px;}
  .carousel-control{width: 15%;}
}