h2.head{font-family: var(--primary-font);font-weight: 700;font-size: 40px;line-height: 50px;color:#000;}
h2.head5{font-family: var(--primary-font);font-weight: 700;font-size: 35px;line-height: 50px;color:#000;text-align:center;}
h2.head6{font-family: var(--primary-font);font-weight: 700;font-size: 35px;line-height: 50px;color:#000;text-align:center;}

.ZenSphereBanner{background: #dceaff; height:585px; position: relative; clear: both;}
.ZenSphereHead{width: 82%;  margin: 0 auto; padding-top:30px;}
.ZenSphereHead h1{font-family: var(--primary-font);font-weight: 700;font-size: 232.37px;letter-spacing: -18.53px; color:#0B6FFD}
.ZenSphereHead p{font-family: var(--primary-font);font-weight: 400;font-size: 18px;line-height:28px; max-width:275px; margin-top: -40px;}
.ZenSphereHead a{background: #FFFFFF;border-radius:40px; width:145px; padding:13px 0px; text-align:center; font-family: var(--primary-font);font-weight: 600;
font-size: 16px;line-height: 26px; display: table; color:#0B6FFD;}
.ZenSphereHead a:hover{background:#f4f4f4; text-decoration:none;}
.bannerPics{position:absolute; bottom:0px; left:0px; right:0px; max-width:600px; margin: 0 auto;}
.zenOverViewSection{position:relative; padding:90px 0px;}
.zenOverViewSection p{font-family: var(--primary-font);font-weight: 600;font-size: 32px;line-height: 42px;text-align: center;color:#000; margin:0px;}
.zenOverViewSection p span{color:#0B6FFD;}
.zenOverViewSection a{background: #0B6FFD;border-radius:40px; width:215px; padding:13px 0px; text-align:center; font-family: var(--primary-font);font-weight: 600;
font-size: 16px;line-height: 26px; display: table; color:#fff;  margin:35px auto 0px;}
.zenOverViewSection a:hover{background:#dceaff; text-decoration:none; color:#0B6FFD;}
ul.zenGalleryDesk{display:flex; margin:0px;}
ul.zenGalleryDesk1{display:flex; margin:0px;}
ul.zenGalleryDesk2{display:flex; margin:0px;}
ul.zenGalleryDesk2 li { height: 155px;}
ul.zenGalleryDesk2 li:first-child {width: 60%;}
ul.zenGalleryDesk2 li:last-child { width: 40%;}
ul.zenGalleryDesk2 li img {
  width: 100%;
  height: 100%; /* set desired uniform height */
  object-fit: cover; /* crops edges to keep aspect ratio consistent */
  display: block;
}
.zenGallery{display:block;}
.zenGalleryMob{display:none;}

@media only screen and (min-width: 1341px) and (max-width: 1440px) {
	
}


@media only screen and (min-width: 1200px) and (max-width: 1310px) {
	.ZenSphereHead {width: 92%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.ZenSphereHead {width: 100%;}
	.ZenSphereHead h1{font-size: 210px;letter-spacing: -16px;}
	.zenOverViewSection p{font-size: 28px;  line-height: 38px;}
	.zenOverViewSection { padding: 70px 0px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ZenSphereBanner{height: 535px;}
	.ZenSphereHead {width: 100%;}
	.ZenSphereHead h1{font-size: 105px;letter-spacing: -6px; text-align: center;}
	.ZenSphereHead p{  font-size: 16px;  line-height: 26px;  max-width: 100%;  margin-top: 0;  text-align: center;}
	.ZenSphereHead a{margin: 0 auto;}
	.bannerPics{max-width: 390px;}
	.zenOverViewSection p{font-size: 28px;  line-height: 38px;}
	.zenOverViewSection { padding: 70px 0px;}
	
}

@media only screen and (max-width: 767px) {
	
	.ZenSphereBanner{padding-top: 55px;}
	.ZenSphereHead {width: 100%;}
	.ZenSphereHead h1{font-size: 75px;letter-spacing: -6px; text-align: center;}
	.ZenSphereHead p{  font-size: 16px;  line-height: 26px;  max-width: 100%;  margin-top: 0;  text-align: center;}
	.ZenSphereHead a{margin: 0 auto;}
	.bannerPics{max-width: 390px;}
	.zenOverViewSection { padding: 40px 0px 32px 0px;}
	.zenOverViewSection p{font-size: 24px;line-height: 34px;}
	
	.zenGallery{display:none;}
	.zenGalleryMob{display:block;}
}