.singlebanner-sec { position: relative; width: 100%; overflow: hidden; margin: -2px 0 0; } 
.singlebanner-sec:before { content: ''; width: 100%; height: 45%; background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; left: 0; right: 0; z-index: 2; } 
.singlebanner-sec:after { content: ''; background: linear-gradient(180deg, #000000 20%, rgba(0,0,0,0) 100%); width: 100%; height: 30%; position: absolute; bottom: -5px; left: 0; right: 0; transform: rotate(180deg); }
.singlebanner-sec .img-fluid { width: 100%; min-height: 600px; object-fit: cover;}
.catmobileimg { display: none; } 
/**/
.subcontainer { max-width: 950px; margin: 0 auto; text-align: center; }
.headingbox-row { text-align: center; padding: 30px 0 70px; } 
.headingbox-row h2 { font-family: 'Aviano'; font-weight: 900; color: #fff; font-size: 28px; margin: 0 0 15px; text-transform:uppercase; } 
.headingbox-row p { font-size: 16px; color: #fff; font-weight: 500; }
/**/
.detailcat-row { margin:0; padding: 0 0 30px; }
.detailcat-row p { font-size: 16px; color: #fff; font-weight: 500; margin: 0; }
.detailcat-row a { text-decoration: underline; text-underline-position: under; color: #fff; }
.detailcat-row a:hover { opacity: 0.70 }

/**/
.patnerlogo { margin: 0 0 50px; }
.patnerlogo .img-fluid { max-width: 400px; }
.videopatnet-row { width: 100%; padding: 0 0 20px; }
.videocol { border: none; margin: 0; position: relative; overflow: hidden; }
.videocol > .img-fluid, .videocol > video { width: 100%; height: 465px; object-fit: cover;}
.playvideobtn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent; border: none; box-shadow: none; border-radius: 0; padding: 0;}
.patnervideo { margin: 0 0 70px; }
.btn.videomorebtn { background: transparent; border-color: #ffffff; font-size: 15px; color: #fff; border-radius: 0; min-width: 225px; padding: 8px 10px; outline: none; box-shadow: none; transition: all .5s;} 
.btn.videomorebtn:hover, .btn.videomorebtn:active { background: #ffffff; color: #000000 !important; }
.videocol > video + .playvideobtn { display: none; }
.patnersec { padding: 0 0 70px; }
.patnersec:last-child { padding: 0; }

.patnersec:first-child .btn.videomorebtn { background: linear-gradient(#000000, #000000) 50% 50% / calc(100% - 0px) calc(100% - 0px) no-repeat, linear-gradient(90deg, #845f25 0%, #dab67b 50%, #A1824E 100%); border-color: transparent; } 
.patnersec:first-child .btn.videomorebtn:hover, .patnersec:first-child .btn.videomorebtn:active { background: rgb(132, 95, 37); background: linear-gradient(90deg, rgba(132, 95, 37, 1) 0%, rgba(218, 182, 123, 1) 50%, rgba(161, 130, 78, 1) 100%); }

/*modal*/
/*.videomodalopen { overflow: hidden; }
.videomodalopen #videomodal { opacity: 1; visibility: visible; z-index: 9999999;}
#videomodal .modalcustom_dialog { text-align: center; padding: 0; } 
.videomodal-body { width: 100%; height: 100%; overflow: auto; }
.btn.sharclosebtn { box-shadow: none; border: none; outline: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.videoclosebtn .srchclose { display: block; }*/

/*Responsive*/
@media (min-width: 1600px){
.headingbox-row h2 { font-size: 33px; }
.headingbox-row p, .detailcat-row p { font-size: 18px; }
.subcontainer { max-width: 1050px; }
.patnervideo { margin: 0 0 80px; }
.videocol > .img-fluid, .videocol > video { height: 500px; }
.singlebanner-sec .img-fluid { min-height: 700px; }


}


@media (min-width: 1900px){
.headingbox-row { padding: 30px 0 100px; }
.subcontainer { max-width: 1225px; }
.headingbox-row h2 { font-size: 37px; }
.headingbox-row p, .detailcat-row p { font-size: 20px; }
.patnerlogo { margin: 0 0 70px; }
.patnerlogo .img-fluid { max-width: 100%; }
.patnervideo { margin: 0 0 100px; }
.videopatnet-row { padding: 0 0 0px; }
.videocol > .img-fluid, .videocol > video { height: 600px; }
.singlebanner-sec .img-fluid { min-height: 850px; }

}


@media (min-width: 2200px){
.subcontainer { max-width: 1575px; }
.headingbox-row h2 { font-size: 45px; margin: 0 0 20px; }
.headingbox-row p, .detailcat-row p { font-size: 27px; }
.videocol > .img-fluid, .videocol > video { height: 770px; }
.singlebanner-sec .img-fluid { min-height: 980px; }
.patnersec { padding: 0 0 100px; }


}


@media (min-width: 2600px){
.headingbox-row { padding: 30px 0 130px; }
.subcontainer { max-width: 1875px; }
.headingbox-row h2 { font-size: 60px; margin: 0 0 25px; }
.headingbox-row p, .detailcat-row p { font-size: 32px; }
.patnerlogo { margin: 0 0 100px; }
.videocol { margin:0  0 30px; }
.btn.videomorebtn { font-size: 30px; min-width: 400px; }
.videocol > .img-fluid, .videocol > video { height: 900px; }
.singlebanner-sec .img-fluid { min-height: 1150px; }
.patnersec { padding: 0 0 150px; }

}




@media (min-width: 3000px){
.subcontainer { max-width: 2350px; }
.headingbox-row h2 { font-size: 70px; }
.headingbox-row p, .detailcat-row p { font-size: 40px; }
.videocol > .img-fluid, .videocol > video { height: 1150px; }
.singlebanner-sec .img-fluid { min-height: 1350px; }

}


@media (max-width: 1199px){
.headingbox-row h2 { font-size: 25px; }
.headingbox-row p, .detailcat-row p { font-size: 15px; }
.videocol > .img-fluid, .videocol > video { height: 400px; }
.singlebanner-sec .img-fluid { min-height: 450px; }

}


@media (max-width: 860px){
.catdesktopimg { display: none; }
.catmobileimg { display: block; }
.detailcat-row p a { display: block; }
.headingbox-row p br { display: none; }
.patnerlogo .img-fluid { max-width: 300px; }
.singlebanner-sec .img-fluid { min-height: 650px; }
.videocol > .img-fluid, .videocol > video { height: 300px; }
.detailcat-row.patnercontact p { margin: 0 0 25px; }

}


@media (max-width: 500px){
.headingbox-row { padding: 30px 0 50px; }
.playvideobtn img { max-width: 30px; }
.btn.videomorebtn { font-size: 13px; min-width: 150px; padding: 7px 10px; }
.detailcat-row.patnercontact p { font-size: 13.5px; }
.patnerlogo .img-fluid { max-width: 250px; }
.videocol > .img-fluid, .videocol > video { height: 250px; }
.singlebanner-sec .img-fluid { min-height: 470px; }


}


@media (max-width: 400px){
.headingbox-row h2 { font-size: 20px; }
.headingbox-row p, .detailcat-row p { font-size: 14px; }
.detailcat-row.patnercontact p { font-size: 11.25px; }
.patnerlogo .img-fluid { max-width: 200px; }
.videocol > .img-fluid, .videocol > video { height: 200px; }
.singlebanner-sec .img-fluid { min-height: 400px; }

}