.carousel-fade .carousel-inner .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/*.item img{ width:inherit;}*/

/* color */
.green-color{color: #BFD630;}
.gra-color{color: #404d54;}
.white-color{color: #ffffff;}
/* font */
.font-35{font-size: 30px; line-height: 30px;}
.font-30{font-size: 30px; line-height: 30px;}
.font-26{font-size: 26px; line-height: 30px;}
.font-24{font-size: 24px; line-height: 30px;}
.font-18{font-size: 18px; line-height: 25px;}
.font-12{font-size: 12px; line-height: 18px; font-family:Arial, Helvetica, sans-serif;}
/* width */
.width-30{ width:30%; left:65%; right:25%; top:33%;}
.width-24{ width:24%; left:60%; right:25%; top:22%; text-align:center;}
.width-28{ width:28%; left:16%; right:53%; top:15%;}
.width-33{ width:33%; left:53%; right:25%; top:25%;}
.bg-img{background:url(../images/caption-bg.jpg); padding:20px;}



.green-color1{color: #8daa00;}
.font-16{font-size: 16px; line-height: 30px;}
.width-35{ width:35%; left:53%; right:25%; top:20%;}
.width-right{ left:58%; right:16%; top:15%;}
.width-right1{ left:58%; right:16%; top:20%;}
.width-right2{ left:58%; right:16%; top:25%;}
.width-right3 {
    left: 53%;
    right: 16%;
    top: 35%;
}





@media (max-width: 480px) {	

	.fill{ max-height:none;}
	.carousel-caption { position:relative; background:/*url(../images/caption-bg.jpg)*/ #556670;}
	.white-color-mob{color: #ffffff;}
	/* font */
	.font-30{font-size: 25px; line-height: 25px;}
	.font-18{font-size: 14px; line-height: 20px; color:#fff;}
	/* width */
	.width-33, .width-28, .width-30, .width-24{ width:100%; left:0%; right:0%; top:25%; padding:10px;}
	
	
	.font-16{font-size: 16px; line-height: 30px;  color:#fff;}
    .width-35{width:100%; left:0%; right:0%; top:25%; padding:10px;}
	
	
}
@media (min-width: 481px) and (max-width: 640px) {
	.fill{ max-height:none;}
	.carousel-caption { position:relative; background:/*url(../images/caption-bg.jpg)*/ #556670;}
	/* font */
	.font-30{font-size: 25px; line-height: 25px;}
	.font-18{font-size: 14px; line-height: 20px; color:#fff;}
	/* width */
	.width-33, .width-28, .width-30, .width-24{ width:100%; left:0%; right:0%; top:25%; padding:10px;}
	
	
	.font-16{font-size: 16px; line-height: 30px;  color:#fff;}
    .width-35{width:100%; left:0%; right:0%; top:25%; padding:10px;}
	.white-color-mob {color: #ffffff;}
	
}
@media (width: 640px) {.slider-arrow-right { top: 112px;} .slider-arrow-left { top: 112px;}}
@media (min-width: 641px) and (max-width: 768px) {
	/* width */
	.width-33{ width:40%; left:46%; right:25%; top:20%;}
	.width-28{ width:40%; left:10%; right:46%; top:11%;}	
	.width-24{ width:50%; left:40%; right:25%; top:22%;}
	.width-30{ width:32%; left:60%; right:20%; top:33%;}
	
	.width-35{width:50%; left:40%; right:25%; top:10%;}
	.width-right{ left:46%; right:10%; top:11%;}
	.width-right1{ left:46%; right:10%; top:12%;}
	.width-right2{ left:46%; right:10%; top:27%;}
	
	}
	
@media (min-width: 769px) and (max-width: 980px) {
	.width-33{ width:40%; left:50%; right:25%; top:20%;}
	.width-28{ width:40%; left:10%; right:50%; top:9%;}	
	.width-24{ width:50%; left:40%; right:25%; top:22%;}
	.width-30{ width:30%; left:60%; right:25%; top:33%;}
	.width-35{width:40%; left:50%; right:15%; top:10%;}
	.width-right{left:50%; right:10%; top:9%;}
	.width-right1{left:50%; right:10%; top:15%;}
	.width-right2{left:50%; right:10%; top:27%;}
	
}
@media (min-width: 981px) and (max-width: 1024px) {	
	.width-33{ left:50%; right:25%; top:15%;}
	.width-28{ width:40%; left:10%; right:50%; top:5%;}
	.width-24{ width:50%; left:40%; right:25%; top:22%;}
	.width-30{ width:30%; left:60%; right:25%; top:33%;}
	.width-35{width:40%; left:50%; right:15%; top:10%;}
	.width-right{left:50%; right:10%; top:5%;}
	.width-right1{left:50%; right:10%; top:5%;}
	.width-right2{left:50%; right:10%; top:5%;}
}
@media (min-width: 1367px) {	.width-35{width:25%; left:50%; right:15%; top:30%;}}