<style>
.h-slider .carousel-inner .carousel-item.active,
	.h-slider .carousel-inner .carousel-item-next,
	.h-slider .carousel-inner .carousel-item-prev {
		display: flex;
	}
	
	
	.swiper-slide video{
		height:100%;
	}
	
	.modal-dialog {
		max-width: none;
	}

	.modal-close{
	    position: fixed;
		top:150px;
		right: 30px;
		font-size: 40px;
		color: #fff;
		cursor:pointer;
		z-index:99999;
	}

	.modal-content{
		background-color:transparent;
		border:0;
	}

	/*-- medium and up screens --*/
	@media (min-width: 768px) {

		.h-slider .carousel-inner .carousel-item-end.active,
		.h-slider .carousel-inner .carousel-item-next {
			transform: translateX(16.66%);
		}

		.h-slider .carousel-inner .carousel-item-start.active, 
		.h-slider .carousel-inner .carousel-item-prev {
			transform: translateX(-16.66%);
		}
	}
	
	
	.h-slider .carousel-inner .carousel-item.active,
	.h-slider .carousel-inner .carousel-item-next,
	.h-slider .carousel-inner .carousel-item-prev {
		display: flex;
	}

	.h-slider .carousel-inner .carousel-item-end,
	.h-slider .carousel-inner .carousel-item-start { 
		transform: translateX(0);
	}
	
	.btn-play{
		color:#fff;
		background:#0000001f;
		padding: 3px 10px 10px 10px;
		font-size:20px;
		border-radius:50%;
		z-index:100;
	}
	
	.h-slider .card{
		border:0;
	}
	
	.h-slider .card-img-overlay{
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.thumb-video{
		padding-left:4px;
		padding-right:4px;
		display:none;
	}
	
	.h-slider .card-img{
		padding-left:4px;
		padding-right:4px;
	}
	
	.h-slider .carousel-control-next-icon, .carousel-control-prev-icon{
		background-image:none;
		background-color:#fff;
		color:#000;
		border-radius:50%;
		opacity:1;
		padding-bottom:34px;
	}
	.h-slider .carousel-control-next-icon i, .carousel-control-prev-icon i{
		font-size: 20px;
	}
	
	.h-slider .carousel-control-next, .carousel-control-prev{
		width:6%;
		opacity:1;
	}
	
	
	.swiper-button-prev, .swiper-button-next {
		background-image:none;
		background-color:#fff;
		color:#000;
		border-radius:50%;
		opacity:1;
		padding-bottom:34px;
		height:36px;
		width:36px;
		text-align:center;
	}
	
	.swiper-button-prev:after{
		font-size: 18px;
		margin-top: 34px;
		margin-left: -4px;
	}
	
	.swiper-button-next:after{
		font-size: 18px;
		margin-top: 34px;
		margin-right: -4px;
	}
	
	.swiper-button-prev i, .swiper-button-next i{
		font-size: 20px;
	}
	
	/*------v-slider-------------*/
    .swiper-slide {
      background-position: center;
      background-size: cover;
      width:50%;
      height:80vh;
    }
	
	.modal-backdrop.show {
		opacity: .9;
	}
	
	
	@media (max-width: 767px) {
		.h-slider .carousel-inner .carousel-item > div {
			display: none;
		}
		.h-slider .carousel-inner .carousel-item > div:first-child {
			display: block;
			
		}
		.h-slider .carousel-inner .carousel-item{
			justify-content:center;
		}
		
		.carousel-item video{
			width:100%;
			max-height:426px;
		}
		
		.carousel-item .card-img{
			width:100%;
			max-height:426px;
		}
		
		.h-slider .carousel-inner .carousel-item-end.active,
		.h-slider .carousel-inner .carousel-item-next {
			transform: translateX(100%);
		}

		.h-slider .carousel-inner .carousel-item-start.active, 
		.h-slider .carousel-inner .carousel-item-prev {
			transform: translateX(-100%);
		}
		
		.swiper-slide video{
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		
		.swiper-slide-next, .swiper-slide-prev{
			visibility:hidden;
		}
		
		.swiper-slide-active{
			visibility:visible;
		}
		
		.modal-close{
			right: 10px !important;
		}
		
		.swiper-button-next{
			right:20px;
		}
		
		.swiper-button-prev{
			left:20px;
		}
	}
</style>