.coverflow-screen {
  position: relative;
  
}
.coverflow-screen .swipe-panel{
  position: relative;
  margin: 0em auto 0em;
  width: 100%;
  padding: 0em;
  background-color:transparent;
  border-radius: 0em;
  border: none;
}

.coverflow-screen .swipe-nav {
  position: relative;
  margin: 0em auto;
  width: 100%;
  height: 100%;
}

.coverflow-screen .swiper-btn:hover, .swiper-screen .swiper-btn:focus {
outline: none;
text-decoration: none;
}

.coverflow-screen .clickable-next.circle .btn .font-icon{
font-size: 3em;
/*  padding-left: 0.1em; */
}
.coverflow-screen .clickable-back.circle .btn .font-icon{
font-size: 3em;
/* padding-right: 0.1em; */
}
.coverflow-screen .swiper-container {
  width: 100%;
  max-width: 1428px;
  height: auto;
  min-height: 458px;
  position: relative;
  padding: 0em 0em 0em 0em;
  background-color: transparent;
}
.coverflow-screen .swiper-container .swiper-wrapper{
  position: relative;
  width: 100%;
}
.coverflow-screen .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-color: #000000;
  border: 2px solid #fff;
  border-radius: 5px;
} 

.coverflow-screen .swiper-slide .slide-col{
display: inline-block;
vertical-align: top;
}
.coverflow-screen .swiper-slide .slide-col.right{
float: right;
}
.coverflow-screen .swiper-slide .slide-col.full{
width: 100%;
float: none;
}
.coverflow-screen .swiper-slide .slide-col-img{
position: absolute;
width: 50%;
height: auto;
top: 0em;
min-height: 100%;
}
.coverflow-screen .swiper-slide .slide-col-text{
width: 50%;	
padding: 1em;
margin:0em;
position: relative;
}
.coverflow-screen .swiper-slide .slide-col-img .text-box{
position: absolute;
bottom: 0em;
padding: 1em;
background-color: #5A328A;
color: #fff;
}
.coverflow-screen .swiper-slide .text-box{padding: 1em;}
.coverflow-screen .swiper-slide .text-box .img-cell{width: 50%; padding:0em 2em 0em 0em;}
.coverflow-screen .swiper-slide .text-box .img-cell.right{padding:0em 0em 0em 2em;}
.coverflow-screen .swipe-nav > .swiper-pagination {
text-align: center;
margin: 0 auto;  
position: relative;
margin: 14px;
top: 410px;

}
.coverflow-screen .swiper-pagination{
background-color: #D241C8;
border-radius: 34px;
border: 2px solid #000;
width: 50%;
margin: 10px auto;
right: auto;
position: relative;
left: auto;
bottom: auto;
padding: 10px 50px;
min-height: 60px;
display: flex;
justify-content: center;
align-items: center;
min-width: auto;

}
.coverflow-screen .swiper-pagination .swiper-pagination-bullet{
width: 34px;
height: 34px;
display: inline-block;
border-radius: 100%;
background-color: #fff;
border: 4px solid #fff;
opacity: 1;
margin: 0 10px;
}
.coverflow-screen .swiper-pagination .swiper-pagination-bullet-active{
background-color:#3C4150;
}
.coverflow-screen .swiper-pagination.swiper-pagination-progressbar{
background-color:#C6C6C6; 
height: 0.3em; 
width: 100%;
margin: 0em auto;
left: 0em;
right: 0em;
}
.coverflow-screen .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #FFDE00;}
.coverflow-screen .pagination-parent{
position: relative;
width: 510px;
margin: 10px auto;
text-align: center;
margin-top: 40px;
}
.coverflow-screen .pagination-parent .swiper-pagination{width: 100%; margin: 0 auto;}
.coverflow-screen .swipe-nav .clickable-next,
.coverflow-screen .swipe-nav .clickable-back
{  
z-index: 1;
position: absolute;
bottom: 0em;
min-width: auto;
min-height: auto;
width: 35px;
height: 35px;
} 
.coverflow-screen .swipe-nav .clickable-next{
right: 0em;
}
.coverflow-screen .swipe-nav .clickable-back{
left: 0em;
}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn,
.coverflow-screen .swipe-nav .clickable-back .swiper-btn{
min-width: auto;
height: 100%;
padding: 0em;
width: 100%;
background-color: #fff;
color:#000;
}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn.transBg,
.coverflow-screen .swipe-nav .clickable-back .swiper-btn.transBg{ background-color: transparent; color:#fff;}

.coverflow-screen .swipe-nav .clickable-next .swiper-btn.hover, 
.coverflow-screen .swipe-nav .clickable-back .swiper-btn.hover{
  /* color:#000; */
  /* background-color: #FFDE00; */
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn .btn-icon,
.coverflow-screen .swipe-nav .clickable-back .swiper-btn .btn-icon{  font-size: 1.3em;}

.coverflow-screen .swipe-nav .clickable-next .swiper-btn.transBg.hover, 
.coverflow-screen .swipe-nav .clickable-back .swiper-btn.transBg.hover{
  /* color: #FFDE00; */
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  background-color: transparent;
}

.coverflow-screen .swipe-nav .clickable-next .swiper-btn.transBg.disabled,
.coverflow-screen .swipe-nav .clickable-back .swiper-btn.transBg.disabled{opacity: 0.4;}
.coverflow-screen .swipe-panel.full{
width: 100%;
padding: 0em;
border-radius: 0em;
border: none;
margin: 0em auto;
}
.coverflow-screen .swipe-panel.full .swiper-slide{
min-height: 560px;
}
.coverflow-screen .swipe-panel.full .swiper-container{
padding-bottom: 0em;
}
/* Type - direction - vertical start */
.coverflow-screen .swiper-container-vertical .swiper-wrapper{height: 400px;}
.coverflow-screen .swiper-container-vertical .swiper-slide .slide-col-text{padding-right: 2em;}
.coverflow-screen .swiper-container-vertical .swiper-pagination-bullet{display: block;margin: 0.5em 0em;}


/* Type - direction - vertical end */

/* coverflow 3D start */
.coverflow-screen.type-coverflow{margin: 1em 0em;}
.coverflow-screen .swiper-container-coverflow{background-color: transparent; max-width:1014px; position: relative;
top: -30px;}
.coverflow-screen .swiper-container-coverflow .swiper-slide{
height: 394px;
width: 700px; 
background-color: transparent; 
}
.coverflow-screen .swiper-container-coverflow .swiper-slide .slide-bg{ min-height: 394px; width: 100%; }
.coverflow-screen .swiper-container-coverflow .swiper-slide .slide-col.background {border-radius: 3px; background-size: cover; background-position: center;}
.coverflow-screen .swiper-container-coverflow .swiper-slide .text-box {padding: 0em;}

/* coverflow 3D end */
/* --mediaQuery Start-- */
@media screen and (max-width: 834px) {
.coverflow-screen .pagination-parent{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  /* width: 100%; */
}
.coverflow-screen .swiper-pagination .swiper-pagination-bullet {
  /* width: 34px;
  height: 18px;
  display: inline-block;
  border-radius: 100%;
  background-color: #fff;
  border: 4px solid #fff;
  opacity: 1;
  margin: 0 10px; */
}
.coverflow-screen .swipe-nav > .swiper-pagination {top:0px;}
.coverflow-screen .swiper-container-coverflow{position: relative; top: 0px;}
.coverflow-screen .swiper-container .swiper-wrapper{        margin-top: 10px;
  padding-top: 110px;}
.coverflow-screen .swiper-container-coverflow .swiper-slide{
  width: 100%; 
  max-width: 834px; 
  height:auto; 
}

}

@media screen and (max-width: 560px) {
	.coverflow-screen .swiper-pagination .swiper-pagination-bullet {
		width: 26px;
		height: 26px;
		margin: 0 7px;
	}
	.coverflow-screen .pagination-parent { width: 100%; }
}

@media screen and (max-width: 420px) {
  .coverflow-screen .swiper-pagination .swiper-pagination-bullet {
      width: 16px;
      height: 16px;
      margin: 0 7px;
  }
  .coverflow-screen .pagination-parent .swiper-pagination {
    min-height: 40px;
  }
  .coverflow-screen .swipe-nav .clickable-next .swiper-btn .btn-icon, .coverflow-screen .swipe-nav .clickable-back .swiper-btn .btn-icon {
    font-size: 0.9em;
  }
}