.coverflow-screen {
    position: relative;
    
  }
  .coverflow-screen .swipe-panel{
    position: relative;
    margin: 0em auto 10px;
    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 {
  border:none;
  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: 100%;
    height: auto;
    min-height: 550px;
    position: relative;
    padding: 0em 0em 0em 0em;
    background-color: #fff;
  }
  .coverflow-screen .swiper-container .swiper-wrapper{
    position: relative;
    width: 100%;
  }
.coverflow-screen .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;

} 

.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: 40%;
	height: auto;
	top: 0em;
	min-height: 100%;
}
.coverflow-screen .swiper-slide .slide-col-text{
  width: 60%;
  padding: 50px;
  margin: 0em;
  position: relative;
  height: 100%;
  /* for scroll */
  z-index: 1;
}
.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 .swiper-pagination .swiper-pagination-bullet{
  width: 22px;
  height: 22px;
  display: inline-block;
  border-radius: 100%;
  background-color: #ECEDEF;
  border: none;
  opacity: 1;
  margin: 0 0.3em;
}
.coverflow-screen .swiper-pagination .swiper-pagination-bullet-active{
  background-color:#0061AD;
}
.coverflow-screen .swiper-pagination.swiper-pagination-progressbar{
  background-color: #ECEDEF; 
  height: 0.3em; 
  width: 100%;
  margin: 0em auto;
  left: 0em;
  right: 0em;
}
.coverflow-screen .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #0061AD;}

.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: 55px;
  height: 75px;
} 
.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: transparent;
    color:#0061AD;
}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn.hover, 
.coverflow-screen .swipe-nav .clickable-back .swiper-btn.hover{
    color:#0061AD;

}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn .btn-icon,
.coverflow-screen .swipe-nav .clickable-back .swiper-btn .btn-icon{  font-size: 4.5em;}
.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;
}

.swiper-button-next, .swiper-button-prev {
  right: 10px;
  color: #ffffff;
font-size: 58px;
  top: 43%;
}
.swiper-button-next.disabled, .swiper-button-prev.disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

/* 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 auto;  width: 1360px;}
.coverflow-screen .swiper-container-coverflow{background-color: transparent;}
.coverflow-screen .swiper-container-coverflow .swiper-slide{width: 1360px; height: 450px; background-color: #FFFFFF; }
.coverflow-screen .swiper-container-coverflow .swiper-slide .text-box {padding: 0em;}
.coverflow-screen .swiper-container-coverflow .swiper-slide .scroll-parent {max-height: 350px;}
/* coverflow 3D end */

.app-body .screen.swiper_screen .swiper-slide .desktop {  height: 100%;}

.screen.swiper_screen .continue-btn-panel {
  display: flex;
  justify-content: center;
}
.coverflow-screen .swiper-container-coverflow .swiper-slide.swiper-slide-next,
.coverflow-screen .swiper-container-coverflow .swiper-slide.swiper-slide-prev {
  opacity: 0.4;
}

/* --mediaQuery Start-- */
@media screen and (max-width: 834px) {
  .coverflow-screen .swiper-container { min-height: 300px;  }
  .coverflow-screen .swipe-nav > .swiper-pagination {top:0px;}
  .coverflow-screen .swiper-container-coverflow{position: relative; top: 0px;}
  .coverflow-screen .swiper-container-coverflow .swiper-slide{
    width: 100%; 
    /* max-width: 618px;  */
    height:auto; 
    background-color: transparent;
  }
  .coverflow-screen .swiper-slide .slide-col-text {
    width: 100%;
    padding: 0px;
    margin: 0em;
    position: relative;
    background: white;
    height: auto;
    top: auto;
    border-left: none;
  }
  .coverflow-screen .swiper-slide .slide-col.full {
    width: 100%;
    height: auto;
  }
  .coverflow-screen .swiper-slide .slide-col-text p {
    width: 100%;
    margin-top: 20px;
  }
  .coverflow-screen.type-coverflow { margin: 0em; width: 100%;}
  .coverflow-screen .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    /* border: 2px solid #0061AD; */
   
  }
  .coverflow-screen .swiper-pagination {
    position: relative;
    margin-top: 30px;
    margin-bottom: 0em;
  }
  .screen.swiper_screen .swiper-pagination.bottom {
    display: none;
  }
  .screen.swiper_screen .swiper-pagination.top {
    display: block;
  }
  .screen.swiper_screen .coverflow-btn-panel a {
    right: 0px;
    margin: 0 20px;
  }
  .screen.swiper_screen .coverflow-btn-panel {
    display: flex;
    margin-top: 30px;
    justify-content: center;
  }
  .screen.swiper_screen .swiper-button-prev .icon-left_arrow, .screen.swiper_screen .swiper-button-next .icon-right_arrow {
		height: 40px;
    width: 40px;
    position: absolute;
    font-size: 18px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
	}
}