/*============================================================================================
   Start Hero CSS
==============================================================================================*/

.hero.style-9 .pg-inner .swiper-pagination {
 bottom: 46px;
	margin: 0 !important;
	line-height: 1 !important;
}
.hero.style-9 .pg-inner .swiper-pagination .swiper-pagination-bullet{
	margin: 0 ;
	width: 10px;
  height: 10px;
  border-radius: 5px;
  background: rgba(0,0,0,.5); 
		border: none;
  margin-right: 20px;
}

.hero.style-9 .pg-inner .swiper-pagination .swiper-pagination-bullet-active {
  background: #f5f5f5;
}

@media only screen and (max-width: 1400px) {
	.hero.style-9 .pg-inner .swiper-pagination {
					bottom: 36px;
	}
}

@media (max-width: 767px) {
.hero.style-9 .pg-inner .swiper-pagination {
 bottom: 26px;
}
.hero.style-9 .pg-inner .swiper-pagination .swiper-pagination-bullet{
  margin-right: 10px;
}

}
/*============================================================================================
   End Hero CSS
==============================================================================================*/