body, html {
  width: 100%;
  overflow-x: hidden;
}
body {
	background: #020202;
	font-family: 'Montserrat', sans-serif !important;
}
header#zhiHead {
    border-bottom: solid 1px transparent;
}
.mbl_dblock {
	display:none !important;
}
.liststyle-none {
	list-style:none;
}
.sidemenu {
	display:block;
}
.sidemenu ul{
	padding-inline-start:0;
    margin: 5em 0;
}
.sidemenu ul li{
	padding: 2em;
    text-align: center;
}
.menubtm ul a {
	font-size: 0.8rem;
	color:#fff;
	font-weight:700;
}
.sidemenu ul li a, .side-joinnow p, .side-joinnow a, .mblside-joinnow p, .mblside-joinnow a, #menu-menu-1 a{
	color:#fff;
	font-weight:700;
    font-size: 20px;
}
.sidemenu ul li a:hover, .side-joinnow a:hover, #menu-menu-1 a:hover{
	text-decoration:none;
}
.side-joinnow {
	position: absolute;
	bottom: 0%;
}
.mblside-joinnow {
	position:relative;
/* 	transform: translateY(25%); */
}
.side-joinnow:before, .mblside-joinnow:before {
    content: "";
    display: block;
    height: 300px;
    width: 200px;
    background-color: #1e1e1f;
	position:absolute;
	top:0;
	left:50%;
	transform:translatex(-50%);
	z-index:-1;
    border-radius: 1.5em;	
}
.pg_photo {
	margin:2em 15em 10em;
	border-radius: 3em;	
}
.inner-container{
	background: #303030;
	margin: 2em;
	border-radius: 3em;
}
.btn_playnow, .btn_line {
	color:#fff;
	padding:0.5em 1em;
	border-radius:5em;
	text-align:center;
    display: inline-block;
	transform: scale(1);
	transition: all .3s ease;
}
.btn_line {
	background-color:transparent;
	border:1px solid #fff;
}
.btn_playnow {
    background-color:#fbbd46;
}
.btn_playnow:hover, .btn_line:hover {
    transform: scale(1.1);
	transition: all .3s ease;
}
div#main_menu {
    transform: translatex(-20%);
}
#menu-menu-1 .btn_playnow, #menu-menu-1 .btn_line{
	padding:0.2em 2em;
}
.logopartner .row, .social_iconbx .row{
	justify-content:center;
}
.social_iconbx ul {
	padding-inline-start:0;
}
.twolinkbx, .img02_link, .img03_link {
    position: relative;
    height: 300px;
	height: auto;
    max-width: 228px;
    width: 100%;
	margin:auto;
	padding: 1em 0;
	transform: scale(1);
	transition: all .3s ease;
}
.twolinkbx {
	text-align:center;
}
.twolinkbx:before {
	content:"";
	display:block;
    background-image: url(https://dev.zhi.services/ivip9asia.co/wp-content/uploads/2021/12/5a-BG.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    max-height: 235px;
	height:100%;
    width: 300px;
    position: absolute;
	top:0;
    left: 50%;
    transform: translateX(-50%);	
}
.twolinkbx a{
	text-decoration:none;
	cursor:pointer;
	position: relative;
}
.twolinkbx div {
	padding:0.5em;
}
.twolinkbx div:hover {
	transform: scale(1.05);
	transition: all .3s ease;
}
.logopartner .row .col.text-center:nth-child(1) img, .logopartner .row .col.text-center:nth-child(2) img, .logopartner .row .col.text-center:nth-child(4) img{
    max-width: 100px;
}
.logopartner .row .col.text-center:nth-child(3) img, .logopartner .row .col.text-center:nth-child(5) img{
    max-width: 40px;
}
.logopartner {
	text-align:center;
}
.logopartner img {
    width: 70%;
}
.footer, .footer .container, #zhiHead, #zhiHead .container{
	background: #1e1e1f;
}
.social_iconbx li {
	padding:0 1em;	
}
.menubtm ul{
	justify-content:space-evenly;
	padding-inline-start:0;
}
.menubtm ul a {
	font-weight:500;
}
.copyright {
	color:darkgrey;
    font-size: 0.7rem;
    border-top: solid 1px transparent;
}
.copyright img {
	max-width:25px;
	width:100%;
}
.footer {
	padding-top: 3em;
	padding-bottom: 2em;
}
/* .footer .container {
    padding-bottom: 1em;
} */
.mblside-joinnow {
	display:none;
}
/* .divider {
	display:block;
} */
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 2100px;
	}
	#zhiHead .container {
		max-width: 1740px;
	}
}
@media screen and (max-width: 1500px){
	.epl img, .prim img {
		max-width: 180px;
		margin: auto;
	}
	.side-joinnow {
		position: absolute;
		bottom: 5%;
		z-index: -1;
	}
}
@media screen and (max-width: 1200px){
	.mobile-menu i.fas.fa-bars, .mobile-menu i.fas.fa-times {
		color: #fff;
	}
	.menu-hamburger.d-xl-none, .menu-close{
		display:none;
	}
	.menu-close {
		top: 5%;
    	right: 45px;
	}
	.menu-wrapper {
		background:#000;
	}
	.menu-wrapper-inner {
		display:block;
	}
	div#main_menu {
		transform: translatex(0%);
	}
	.side-joinnow {
		position: absolute;
		bottom: 0%;
	}	
	.mbl_dblock {
		display:block !important;
	}
	.twolinkbx:before {
		height: 127px;
	}
	.twolinkbx div {
		text-align: center;
	}
	.epl img, .prim img {
		max-width: 80px;
		margin: auto;
	}	
}
@media (max-width: 767px){
	h1, h2 {
		font-size: 1.5rem;
	}
	.social_iconbx ul li:first-child img{
		width:15px;
	}
	.social_iconbx ul li:nth-child(2) img {
		width:35px;
	}
	.social_iconbx ul li:nth-child(3) img{
		width:25px;
	}
	.menu-wrapper {
		max-width: 150px;
	}
	.mbllogo {
		display:none;
	}
	.menu-hamburger.d-xl-none, .menu-close{
		display:block;
		text-align: right;
	}
	.menu-close {
		top: 2%;
		right: 20px;
	}
	.sidemenu ul li a, .side-joinnow p, .side-joinnow a, .menubtm ul a, #menu-menu-1 a {
		font-size: 15px;
	}
	.social_iconbx li {
		padding: 0 0.3em;
	}
/* 	.sidemenu ul {
		display: flex;
		flex-wrap: wrap;
		overflow-x:scroll;
	}
	.sidemenu ul li{
		padding: 1em;
	} */
	.mbl_dblock {
		display:block !important;
	}
	.sidemenu {
		display:none;
	}
/* 	.side-joinnow {
		transform: translateY(12%);
	} */
	div#main_menu {
		transform: translatex(0%);
	}
	.inner-container {
		margin: 2em 0;
	}
	.container.w-50.logopartner, .container.w-50.menubtm {
		width: 100% !important;
	}
	.twolinkbx, .img02_link, .img03_link {
		padding: 0em;
		max-width: 126px;
	}
	.twolinkbx {
		max-width: 126px;
		overflow: hidden !important;
		border-radius: 10% 10%;
		padding: 0.5em;
	}
	.twolinkbx div {
		padding: 0.3em;
	}
	.epl img, .prim img {
		max-width: 80px;
		margin: auto;
	}
	.owl-nav {
		display:none;
	}
	.owl-carousel .owl-dots.disabled {
		display:block;
	}
	.owl-theme .owl-dots .owl-dot.active span {
		background: #fbbd46;
	}
	.twolinkbx:before {
		top: -22px;
	}
	.pg_photo {
		margin: 2em 0;
	}
	.mblside-joinnow {
		display:block;
	}
	.menubtm ul li {
		width: 100%;
	    text-align: center;
	}
/* 	.divider {
		display:none;
	} */
	.copyright {
		font-size: 10px;
	}
	.copyright img {
		width: 15px;
	}
	section.vc_section.inner-container.px-5.vc_custom_1639129222470.vc_section-has-fill{
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
}