.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; } 
/**/
.headingbox-row { text-align: center; padding: 30px 0 70px; margin: 0 auto; max-width: inherit !important;} 
.headingbox-row h2 { font-family: 'Aviano'; font-weight: 900; color: #fff; font-size: 28px; margin: 0 0 15px; text-transform:uppercase; } 
.headingbox-row h5 { font-size: 16px; color: #fff; font-weight: 500; margin: 0 0 30px; }
.headingbox-row p { font-size: 16px; color: #fff; font-weight: 500; }
.headingbox-row p a { color: #ffffff; text-decoration: underline; text-underline-position: under; }
.headingbox-row p a:hover { opacity: 0.7; } 
/**/
.hcmworldtab { border-bottom: 1px solid #fff; margin: 0 0 100px;}
.hcmworldtab .accordion-item { background: transparent; border: none; } 
.hcmworldtab .accordion-header .accordion-button { background: transparent; font-family: 'Aviano'; font-weight: 900; color: #fff; font-size: 24px; margin: -1px 0 0; padding: 15px 60px 15px 20px; box-shadow: none; border-radius: 0 !important; text-transform:uppercase; border: none; border-top: 1px solid #fff; }
.hcmworldtab .accordion-header .accordion-button::before, .hcmworldtab .accordion-header .accordion-button::after { content: '\02014'; width: auto; height: auto; border: none; background: no-repeat; font-weight: 100; font-size: 22px; margin: 0; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.hcmworldtab .accordion-header .accordion-button.collapsed::after { right:19px; transform: translateY(-50%) rotate(-90deg); }
.hcmworldtab .accordion-body { padding: 20px 20px 50px; display: inline-block; width: 100%; }
.hcmworldtab .accordion-body h4 { font-size: 20px; color: #fff; font-weight: 700; margin: 0 0 20px; }
.hcmworldtab .accordion-body p { font-size: 16px; color: #fff; font-weight: 500; margin: 0 0 20px; }
.hcmworldtab .accordion-body h5, .hcmworldtab .accordion-body li { font-size: 16px; color: #fff; font-weight: 500; margin: 0px; }
.hcmworldtab .accordion-body h5 { font-weight: 700; }
.hcmworldtab .accordion-body ul { list-style: none; margin: 0; padding: 10px 0 20px; display: inline-block; width: 100%;} 
.contentleft { float: left; width: 50%; padding-right: 30px; } 
.contentright { float: left; width: 50%; }

/**/
.hcmworldjoin-row { text-align: center; padding: 0 0 150px; }
.hcmworldjoin-row p { font-size:16px; color:#ffffff; font-weight: 500; margin: 0 0 30px; }
.hcmworldjoin-row p a { color: #ffffff; text-decoration: underline; text-underline-position: under; }
.hcmworldjoin-row p a:hover { opacity: 0.7; } 
.btn.hcmjoinbtn { border: 1px solid #fff; border-radius: 0; box-shadow: none; outline: none; color: #fff !important; font-size: 11px; padding: 5px 10px; min-width: 225px; transition: all .5s; }
.btn.hcmjoinbtn:hover, .btn.hcmjoinbtn:active { background: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; }
/**/
.hcmworldvideo { width: 100%; max-width: 950px; margin: 0 auto; padding: 0 0 180px; }
.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;}
.videocol > video + .playvideobtn { display: none; }
/**/
.headingworld { font-family: 'Aviano'; font-weight: 900; color: #fff; font-size: 28px; margin: 0 0 30px; text-transform:uppercase; text-align: center; }
.worldmember-row { display: flex; flex-wrap: wrap; margin: 0 -15px; padding: 35px 0; align-items: center; align-content: center; } 
.worldmember-data { width: 50%; padding: 0 15px; } 
.worlddata-max { max-width: 580px; }
.worldmember-data h4 { font-family: 'Aviano'; font-weight: 900; color: #fff; font-size: 22px; margin: 0 0 20px; text-transform:uppercase; } 
.worldmember-data p { font-size: 16px; color: #fff; font-weight: 500; margin: 0; } 
.worldmember-data p a { color:#ffffff; text-decoration:underline; text-underline-position: under; transition: all .5s;}
.worldmember-data p a:hover { opacity: 0.7; }
.worldmember-img { width: 50%; padding: 0 15px; }
.imgworldbox { position: relative; width: 100%;  }
.imgworldbox:before { content: ''; background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%); width: 30%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; }
.imgworldbox:after { content: ''; background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%); width: 30%; height: 100%; position: absolute; right: 0; top: 0; bottom: 0; }
.imgworldbox .img-fluid { width: 100%; }
.worldmember-row:nth-child(even) { flex-direction: row-reverse; }
.worldmember-row:nth-child(even) .worlddata-max { margin-left: auto; }

.mobiletext { display: none; }
.hcmworldtab .accordion-body button.btn { color: rgba(255,255,255,0.7); font-size: 16px; padding: 5px 0; background: transparent; border: none; cursor: pointer; display: none;}



/*Responsive*/
@media (min-width: 1600px){
/*.headingbox-row { max-width: 830px; }*/
.headingbox-row h2 { font-size: 33px; }
.headingbox-row p { font-size: 18px; }
.headingbox-row h5 { font-size: 18px; }
/**/
.hcmworldtab .accordion-header .accordion-button { font-size: 28px; }
.hcmworldtab .accordion-body h4 { font-size: 22px; }
.hcmworldtab .accordion-body p, .hcmworldtab .accordion-body h5, .hcmworldtab .accordion-body li { font-size: 18px; }
/**/
.hcmworldjoin-row p { font-size:18px; }
.btn.hcmjoinbtn { font-size: 13px; }
.btn.backbtn { font-size: 13px; }
/**/
.hcmworldvideo { max-width: 1050px; }
.videocol > .img-fluid, .videocol > video { height: 500px; }
/**/
.headingworld { font-size: 33px; }
.worlddata-max { max-width: 650px; }
.worldmember-data h4 { font-size: 23px;} 
.worldmember-data p { font-size: 18px; }


}


@media (min-width: 1900px){
/*.headingbox-row { max-width: 920px; padding: 30px 0 100px; }*/
.headingbox-row { padding: 30px 0 100px; }
.headingbox-row h2 { font-size: 37px; }
.headingbox-row p { font-size: 20px; }
.headingbox-row h5 { font-size: 20px; }
/**/
.hcmworldtab { margin: 0 0 120px;}
.hcmworldtab .accordion-header .accordion-button { font-size: 32px; padding: 35px 70px 35px 35px; }
/*.hcmworldtab .accordion-header .accordion-button::before, .hcmworldtab .accordion-header .accordion-button::after { font-size: 35px; top:35px; }*/
.hcmworldtab .accordion-body { padding: 35px 25px; }
.hcmworldtab .accordion-body h4 { font-size: 26px; margin: 0 0 30px; }
.hcmworldtab .accordion-body p { font-size: 20px; margin: 0 0 30px; }
.hcmworldtab .accordion-body h5, .hcmworldtab .accordion-body li { font-size: 20px; }
.hcmworldtab .accordion-body ul { list-style: none; margin: 0; padding: 15px 0 20px; }
/**/
.hcmworldjoin-row { padding: 0 0 170px; }
.hcmworldjoin-row p { font-size:20px; }
.btn.hcmjoinbtn { font-size: 15px; }
.btn.backbtn { font-size: 15px; }
/**/
.hcmworldvideo { padding: 0 0 230px; max-width: 1225px; }
.videocol > .img-fluid, .videocol > video { height: 600px; }
/**/
.headingworld { font-size: 37px; margin: 0 0 40px; }
.worlddata-max { max-width: 730px; }
.worldmember-data h4 { font-size: 25px;} 
.worldmember-data p { font-size: 20px; }


}


@media (min-width: 2200px){
/*.headingbox-row { max-width: 1230px; }*/
.headingbox-row h2 { font-size: 45px; margin: 0 0 20px; }
.headingbox-row p { font-size: 27px; }
.headingbox-row h5 { font-size: 27px; margin: 0 0 40px; }
/**/
.hcmworldtab { margin: 0 0 150px;}
.hcmworldtab .accordion-header .accordion-button { font-size: 38px; }
.hcmworldtab .accordion-body h4 { font-size: 32px; }
.hcmworldtab .accordion-body p { font-size: 27px; }
.hcmworldtab .accordion-body h5, .hcmworldtab .accordion-body li { font-size: 27px; }
.hcmworldtab .accordion-body ul { list-style: none; margin: 0; padding: 15px 0 25px; }
/**/
.hcmworldjoin-row { padding: 0 0 200px; }
.hcmworldjoin-row p { font-size:27px; margin: 0 0 40px; }
.btn.hcmjoinbtn { font-size: 17px; min-width: 350px; padding: 10px 10px; }
.btn.backbtn { font-size: 17px; min-width: 350px; padding: 10px 10px; }
/**/
.hcmworldvideo { padding: 0 0 220px; max-width: 1575px; }
.videocol > .img-fluid, .videocol > video { height: 770px; }
/**/
.headingworld { font-size: 45px; margin: 0 0 40px; }
.worldmember-row { padding: 55px 0; }
.worlddata-max { max-width: 985px; }
.worldmember-data h4 { font-size: 36px;} 
.worldmember-data p { font-size: 27px; }


}


@media (min-width: 2600px){
/*.headingbox-row { max-width: 1470px; padding: 30px 0 130px; }*/
.headingbox-row { padding: 30px 0 130px; }
.headingbox-row h2 { font-size: 60px; margin: 0 0 25px; }
.headingbox-row p { font-size: 32px; }
.headingbox-row h5 { font-size: 32px; margin: 0 0 50px; }
/**/
.hcmworldtab { margin: 0 0 200px;}
.hcmworldtab .accordion-header .accordion-button { font-size: 52px; }
/*.hcmworldtab .accordion-header .accordion-button::before, .hcmworldtab .accordion-header .accordion-button::after  { font-size: 50px;  top: 40px; }*/
.hcmworldtab .accordion-body h4 { font-size: 38px; margin: 0 0 45px; }
.hcmworldtab .accordion-body p { font-size: 32px; margin: 0 0 45px; }
.hcmworldtab .accordion-body h5, .hcmworldtab .accordion-body li { font-size: 32px; }
.hcmworldtab .accordion-body ul { list-style: none; margin: 0; padding: 20px 0 30px; }
/**/
.hcmworldjoin-row { padding: 0 0 230px; }
.hcmworldjoin-row p { font-size:32px; margin: 0 0 55px; }
.btn.hcmjoinbtn { font-size: 20px; min-width: 420px; }
.btn.backbtn { font-size: 20px; min-width: 420px; }
/**/
.hcmworldvideo { padding: 0 0 270px; max-width: 1875px; }
.videocol > .img-fluid, .videocol > video { height: 900px; }
/**/
.headingworld { font-size: 60px; margin: 0 0 55px; }
.worldmember-row { padding: 70px 0; }
.worlddata-max { max-width: 1165px; }
.worldmember-data h4 { font-size: 44px;} 
.worldmember-data p { font-size: 32px; }


}


@media (min-width: 3000px){
/*.headingbox-row { max-width: 1830px; }*/
.headingbox-row h2 { font-size: 70px; }
.headingbox-row p { font-size: 40px; }
.headingbox-row h5 { font-size: 40px; margin: 0 0 50px; }
/**/
.hcmworldtab .accordion-header .accordion-button { font-size: 62px; }
.hcmworldtab .accordion-body h4 { font-size: 46px; }
.hcmworldtab .accordion-body p { font-size: 40px; }
.hcmworldtab .accordion-body h5, .hcmworldtab .accordion-body li { font-size: 40px; }
/**/
.hcmworldjoin-row p { font-size:40px; }
.btn.hcmjoinbtn { font-size: 25px; min-width: 500px; }
.btn.backbtn { font-size: 25px; min-width: 500px; }
/**/
.hcmworldvideo { max-width: 2350px; }
.videocol > .img-fluid, .videocol > video { height: 1150px; }
/**/
.headingworld { font-size: 70px; }
.worlddata-max { max-width: 1300px; }
.worldmember-data h4 { font-size: 50px;} 
.worldmember-data p { font-size: 36px; }


}


@media (max-width: 1199px){
/*.headingbox-row { max-width: 680px; }*/
.headingbox-row h2, .headingworld { font-size: 25px; }
.headingbox-row p, .hcmworldtab .accordion-body p { font-size: 15px; }
.headingbox-row h5 { font-size: 15px; margin: 0 0 20px; }
.hcmworldtab .accordion-body h5, .hcmworldtab .accordion-body li { font-size: 14px; }
.videocol > .img-fluid, .videocol > video { height: 400px; }
.worldmember-data h4 { font-size: 19px; margin: 0 0 12px; }
.worldmember-data p { font-size: 13px; }
.hcmworldtab .accordion-header .accordion-button::before, .hcmworldtab .accordion-header .accordion-button::after { font-size: 18px; }


}


@media (max-width: 991px){
.headingbox-row h2, .hcmworldtab .accordion-header .accordion-button { font-size: 20px; }
.headingbox-row p, .detailcat-row p { font-size: 14px; }
.headingbox-row h5 { font-size: 14px; }
.headingworld { font-size: 18px; }
.worldmember-row { padding: 20px 0; }
.worldmember-data h4 { font-size: 15px; }
.worldmember-data p { font-size: 9px; }


}


@media (max-width: 860px){
.catdesktopimg { display: none; }
.catmobileimg { display: block; }
.headingbox-row h2 { font-size: 26px; }
.headingbox-row p, .detailcat-row p { font-size: 16px; }
.headingbox-row h5 { font-size: 16px;}
.headingbox-row p span, .hcmworldjoin-row p span { display: block; }
.headingworld { font-size: 24px; text-align: left; }
.worldmember-row { padding: 20px 0 60px; }
.worldmember-row { flex-direction: column-reverse !important; }
.worldmember-row:nth-child(even) { flex-direction: inherit; }
.worldmember-data { width: 100%; text-align: center; margin-top: -30px; z-index: 2; }
.worlddata-max { max-width: 100%; }
.worldmember-data h4 { font-size: 24px; }
.worldmember-data p { font-size: 16px;  padding: 0 20px; }
.worldmember-img { width: 100%; }
.imgworldbox:before { display: none; }
.imgworldbox:after { background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%); width: 100%; height: 30%; right: 0; left: 0; top: auto; bottom: 0; }
.videocol > .img-fluid, .videocol > video { height: 300px; }
.contentleft { float: none; width: 100%; padding-right: 0px; } 
.contentright { float: none; width: 100%; }


.mobiletext { display: block; }
.desktoptext { display: none; }
body .hcmworldtab .mobilehide { display: none; }
.hcmworldtab .accordion-body button.btn { display: inline-block; }
.hcmworldtab .accordion-body button.btn.active { font-size: 0; }
.hcmworldtab .accordion-body button.btn.active:before { content: 'See less'; font-size: 16px; display: inline-block; }




}


@media (max-width: 500px){
.singlebanner-sec .img-fluid { min-height: 470px; }
.headingbox-row { padding: 30px 0 50px; }
.headingbox-row h2 { font-size: 20px; }
.headingbox-row p, .hcmworldtab .accordion-body p { font-size: 12px; }
.headingbox-row h5 { font-size: 12px;; }
.hcmworldtab .accordion-body h5, .hcmworldtab .accordion-body li { font-size: 12px; }
.hcmworldtab .accordion-header .accordion-button { font-size: 16px; padding: 15px 50px 15px 10px; }
/*.hcmworldtab .accordion-header .accordion-button::before, .hcmworldtab .accordion-header .accordion-button::after  { font-size: 18px; right: 10px !important;  top: 12px; }*/
.hcmworldtab .accordion-body { padding: 10px 10px; }
.hcmworldtab .accordion-body h4 { font-size: 15px; }
.hcmworldjoin-row p { font-size: 14px; }
.videocol > .img-fluid, .videocol > video { height: 250px; }
.playvideobtn img { max-width: 30px; }
.btn.videomorebtn { font-size: 13px; min-width: 150px; padding: 7px 10px; }
.headingworld { font-size: 18px; margin: 0 0 15px; }
.worldmember-row { padding: 20px 0 40px; }
.worldmember-data h4 { font-size: 16px; margin: 0 0 5px; }
.worldmember-data p { font-size: 12px; padding: 0 10px; }
.hcmworldjoin-row { padding: 0 0 100px; }
.btn.hcmjoinbtn { min-width: 175px; }
.btn.backbtn { min-width: 175px; }
.hcmworldvideo { padding: 0 0 150px; }


}


@media (max-width: 400px){
.singlebanner-sec .img-fluid { min-height: 400px; }
.headingbox-row h2 { font-size: 17px; }
.patnerlogo .img-fluid { max-width: 200px; }
.videocol > .img-fluid, .videocol > video { height: 200px; }
.hcmworldtab { margin: 0 0 70px; }
.hcmworldtab .accordion-header .accordion-button { font-size: 14px; padding: 15px 40px 15px 10px; }
.worldmember-data h4 { font-size: 14px; }
.hcmworldjoin-row p { font-size: 12px; }
.headingworld { font-size: 14px; }


}