.prla15{ padding:15px; }
.videobox{ width:100%; float:left; }
.video-main{ width:100%; display:flex; flex-direction:column; }
.video-title{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:25px; padding:10px 0px; }
.video-title h1{ font-size:2.4rem; font-weight:600; position:relative; }
.video-title h1::before{ content:''; position:absolute; left:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px;}
.video-title h1::after{ content:''; position:absolute; right:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px; }
.video-title p{ width:100%; display:flex; justify-content:center; flex-direction: column; text-align:center; font-size:1.25rem; }

.video-paly{ width:100%; display:flex; flex-direction:column; padding:30px 9%; gap:20px; }
.video-controls{ position:absolute; left:0; top:0; width:100%; height:100%; }
.video-controls-main{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
.video-controls-main i{ width: 100%; height:100%; -o-object-fit: cover; object-fit: cover; position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.video-controls-main i img{ width:100%; height:100%; }
.video-controls-main button{ position:relative; z-index:1; border:0; width:130px; height:130px; background-color:transparent; }
.video-controls-main button img{ width:100%; height:100%; }
.swipera{ width:100%; position: relative; overflow: hidden; background-color:#000; border-radius:30px; }
.swipera .swiper-slide{ display:flex; justify-content:center; align-items:center; }
.swipera .swiper-slide video{ width:100%; height:630px; }
.downbox{ width:100%; height:110px; position:relative; padding:0px 50px; }
.swiperb{ width:100%; height:auto; position: relative; overflow: hidden;}
.swiperb .swiper-slide{ width:130px; height:95px; border:4px solid #FFFFFF; border-radius:15px; overflow:hidden; }
.swiperb .img-thumbnail{ border:0!important; padding:0; border-radius:0; }
.swiperb .swiper-wrapper{ }
.swiperb .swiper-wrapper .swiper-slide{ display: flex; justify-content: center; align-items: center; cursor: pointer;}
.swiperb .swiper-wrapper .swiper-slide>img{ width:100%; height:100%; }
.swiperb .swiper-wrapper .swiper-slide>i{ position:absolute; left: 0; top:0; width:100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.swiperb .swiper-wrapper .swiper-slide>i>img{ width:30px; }
.swiperb .swiper-slide-thumb-active { border:4px solid #c6000d!important;}
#prev{ position: absolute; left:0px; top:45%; transform: translateY(-50%); background: url(../../uploads/svg-loaders/sing-left.svg) center center no-repeat #c6000d; background-size:80%; width:30px; height:100%; z-index: 99; }
#next{ position: absolute; right: 0; top:45%; transform: translateY(-50%); background: url(../../uploads/svg-loaders/sing-right.svg) center center no-repeat #c6000d; background-size:80%; width:30px; height:100%; z-index: 99; }

.video-images{ width:100%; display:flex; justify-content:space-between; flex-direction:row; gap:10px; padding:30px 0px 70px; }
.video-img-left{ width:73%; display:flex; flex-direction:row; flex-wrap:wrap; gap: 10px;}
.one{ width:calc(50% - 5px); height:305px; display:flex; justify-content:center; flex-direction:column; padding:15px; position:relative; }
.one a{ width:100%; display:flex; flex-direction:column; justify-content:center; position:relative; }
.one i{ width:100%; height: 100%; position:absolute; left:0; top:0; }
.one i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.two{ width:100%; height:305px; display:flex; justify-content:center; flex-direction:column; padding:15px; position:relative; }
.two a{ width:100%; display:flex; flex-direction:column; justify-content:center; position:relative; }
.two i{ width:100%; height: 100%; position:absolute; left:0; top:0; }
.two i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.one-name{ width:100%; display:flex; flex-direction:column; padding:0px 65px; }
.one-name h1{ font-size:1.8rem; color:#FFFFFF; padding:20px 0px; }
.one-name p{ font-size:1rem; color:#FFFFFF; }
.video-img-right{ width:27%; height: 620px; padding:15px; gap:35px; display:flex; flex-direction:column; justify-content:center; align-items: center; background-color:#c6000d; }
.video-img-right i img{ max-width:100%; }
.video-img-right p{ width:220px; padding:25px 15px; border:1px solid #FFFFFF; font-size:1.25rem; line-height:1.8; color:#FFF; }


@media (max-width: 1460px) {
.swipera .swiper-slide video{ height:570px; }
}

@media (max-width: 1330px) {
.video-paly{ padding:30px 5%; }
.video-controls-main button{ width:100px; height:100px;}
.swipera{ border-radius:15px; }
.swipera .swiper-slide video{ height:540px; }

}

@media (max-width: 1230px) {
.video-paly{ padding:30px 15px; }
.downbox{ height:100px; padding:0px 40px; }
.swiperb .swiper-slide{ width:100px; height:85px; }
}

@media (max-width: 1080px) {
.swipera .swiper-slide video{ height:500px; }
.video-img-left{ width:70%; }
.one-name{  padding:0px 15px; }
.one-name h1{ font-size:1.6rem; padding:10px 0px; }
.video-img-right{ width:30%; }
.video-img-right p{ width:100%; font-size:1.15rem; }

}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {

}

/* xs */
@media (max-width: 767px) {

.video-title{ gap:15px; padding:0px 15px; }
.video-title h1{ font-size:1.5rem; }
.video-title h1::before{ left:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.video-title h1::after{ right:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.video-title p{ font-size:1.15rem; padding:5px 0px; }
.video-paly{ padding:15px 0px; gap:10px; }
.video-controls-main button{ width:70px; height:70px;  }
.swipera{ border-radius:10px; }
.swipera .swiper-slide video{ width:100%; height:350px; }
.downbox{ height:70px; padding:0px 40px; }
.swiperb .swiper-slide{ width:80px; height:60px; border:3px solid #FFFFFF; border-radius:5px; }
.swiperb .swiper-slide-thumb-active { border:3px solid #c6000d!important;}
#prev{ background-size:60%; }
#next{ background-size:60%; }

.video-images{ flex-direction:column-reverse; gap:10px; padding:30px 0px 70px; }
.video-img-left{ width:100%; flex-direction:column; gap: 10px;}
.one{ width:100%; height:180px; padding:15px; }
.two{ width:100%; height:180px; padding:15px; }

.one-name{ padding:0px 20px; }
.one-name h1{ font-size:1.3rem; padding:10px 0px; }

.video-img-right{ width:100%; height:auto; padding:35px 15px; gap:25px; }
.video-img-right i img{ width:130px; }
.video-img-right p{ width:100%; padding:20px; font-size:1.1rem; line-height:1.4; }

}

@media (max-width: 480px) {
.swipera .swiper-slide video{ height:250px; }
.one{ width:100%; height:150px; padding:15px; }
.two{ width:100%; height:150px; padding:15px; }
}