/*Arabic starts*/
.i18n-ar a.zs_nav_icons p {
  text-align: center;
}
.i18n-ar .zs_banner_text h1, .i18n-ar .zs_banner_text p {
  text-align: center;
}
.i18n-ar .zs_float {
  float: right;
}
.i18n-ar .zs_float_right {
  float: left;
}
.i18n-ar .zs_section_subtitle {
  font-size: 16px;
  color: #505C6E;
  font-weight: 500;
  padding-top: 10px;
  padding-right: 15px;
}
.i18n-ar .zs_bottom_section.zs_margintop_small.zs_marginbottom_large h3, .i18n-ar .zs_bottom_section.zs_margintop_small.zs_marginbottom_large {
  text-align: center;
}
.i18n-ar .zs_postfor {
  right: 8px;
  left: unset;
}
.i18n-ar .zs_minsread {
  left: 8px;
  right: unset;
  float: left;
}
.i18n-ar .zs_sprite_name {
  padding-right: 70px;
  padding-left: unset;
}
.i18n-ar .zs_contentLink {
  right: 20px;
  left: unset;
}
.i18n-ar .zs_beforeContent {
  position: relative;
  right: 25px;
  left: unset;
}
/*Arabic ends*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-family: var(--zf-primary-regular), sans-serif;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5em;
  color: #333;
  overflow-x: hidden;
}

body {
  font-size: 18px;
  font-family: var(--zf-primary-regular), sans-serif;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

button,
input,
select,
textarea {
  font-family: var(--zf-primary-regular), sans-serif;
}


/*** Links ***/

a {
  text-decoration: none;
  outline: 0;
  transition: color ease .2s;
}


/*** Lists ****/

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
  width: auto;
  vertical-align: middle;
  position: relative;
}


/**** Styling ****/

p,
pre {
  margin: 1.5em 0;
}

blockquote {
  margin: 1.5em 30px;
}

h1 {
  font-family: var(--zf-primary-semibold), sans-serif;
  font-size: 42px;
  line-height: 1.2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-weight: normal;
  color: #222;
}

h2 {
  font-family: var(--zf-primary-semibold), sans-serif;
  font-size: 36px;
  line-height: 1.35em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-weight: normal;
  color: #272727;
}

h3 {
  font-family: var(--zf-primary-semibold), sans-serif;
  font-size: 28px;
  line-height: 1.25em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-weight: normal;
  color: #333;
}

h4 {
  font-family: var(--zf-primary-semibold), sans-serif;
  font-size: 20px;
  line-height: 1.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: 600;
}

h5 {
  font-family: var(--zf-primary-semibold), sans-serif;
  font-size: 18px;
  line-height: 1.25em;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  font-weight: normal;
}

h6 {
  font-family: var(--zf-primary-regular), sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  margin-top: 1em;
  margin-bottom: 1em;
}

p {
  font-family: var(--zf-primary-regular), sans-serif;
  line-height: 1.5em;
  margin: 1em 0;
  font-size: 18px;
  font-weight: 300;
}

.clearfix:after {
  clear: both;
  display: table;
  content: "";
}

section {
  position: relative;
}

.zs_padding_null {
  padding: 0;
}

.zs_margin_null {
  margin: 0;
}

.zs_paddingtop {
  padding-top: 15px;
}

.zs_margintop {
  margin-top: 15px;
}

.zs_paddingbottom {
  padding-bottom: 15px;
}

.zs_marginbottom {
  margin-bottom: 15px;
}

.zs_paddingtopbottom {
  padding: 15px 0;
}

.zs_margintopbottom {
  margin: 15px 0;
}

.zs_paddingtop_small {
  padding-top: 30px;
}

.zs_paddingbottom_small {
  padding-bottom: 30px;
}

.zs_margintop_small {
  margin-top: 30px;
}

.zs_marginbottom_small {
  margin-bottom: 30px;
}

.zs_paddingtopbottom_small {
  padding: 30px auto;
}

.zs_margintopbottom_small {
  margin: 30px auto;
}

.zs_paddingtop_large {
  padding-top: 50px;
}

.zs_paddingbottom_large {
  padding-bottom: 50px;
}

.zs_margintop_large {
  margin-top: 50px;
}

.zs_marginbottom_large {
  margin-bottom: 50px;
}

.zs_paddingtopbottom_large {
  padding: 50px 0;
}

.zs_margintopbottom_large {
  margin: 50px auto;
}

.zs_center {
  text-align: center;
}

.zs_flex {
  display: flex;
  justify-content: center;
}
.zs_flexwarp {
flex-wrap: wrap;
}
.zs_grid {
display: grid;
grid-template-columns: auto auto;
}


.zs_tablecell {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

.zs_inlineblock {
  display: inline-block;
  vertical-align: middle;
}

.zs_block {
  display: block;
}

.zs_table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.zs_hidden {
  display: none;
}

.zs_alignright {
  text-align: right;
}

.zs_alignleft {
  text-align: left;
}

.zs_sectioncontainer {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.zs_headcontent {
max-width: 45%;
margin: 0 auto;
}


/** custome css **/

.zs_banner{
background-image: url("/sites/zweb/images/show/zs_banner.svg");
height: 220px;
background-repeat: no-repeat;
background-size: cover;
}
.zs_banner_text{
padding-top: 80px;
}

.zs_banner_title{
font-size: 32px;
font-weight: 600;
color: #fff;
text-align: center;
margin: auto;
}
.zs_banner_subtitle{
font-size: 15px;
font-weight: 500;
color: #A0BBDA;
text-align: center;
}
.zs_main .zs_sticky {
position: fixed;
width: 100%;
left: 0;
top: 52px;
z-index: 99;
border-top: 0;
background-color: #EEF5FC;
transition: 0.3s all;
box-shadow: 0 1px 0 0 #00000012;
}
.zs_navigation{
list-style-type: none;
}
.zs_nav_icons{
padding: 20px 30px 10px 30px;
cursor: pointer;
transition: 0.3s all;
text-align: center;

}
.zs_nav_icons:hover p {
color:#e9625a;
}
.zs_sticky .zs_nav_icons.active_class p {
color:#e9625a;
}
.zs_icon_name{
font-size: 12px;
font-weight: 600;
color: #34404A;
margin: auto;
transition: 0.3s all;
}
.zs_icons{
height:46px;
width:75px;
transition: 0.3s all;
}
.zs_vertical_divider{
height: 100%;
width: 0;
border: 0.5px solid #E7EDF2;
position: absolute;
top: 5px;
right: -30px;
}
.zs_btmvertical_divider{
height: 75%;
width: 0;
border: 0.5px solid #E7EDF2;
position: absolute;
top: 20px;
right: -40px;
}
.zs_horizontal_divider{
height: 0;
width: 100%;
border: 0.5px solid #E7EDF2;
position: absolute;
bottom: -25px;
right: 0px;
}
.zs_bottom_divider{
height: 0;
width: 96%;
border: 0.5px solid #E7EDF2;
position: absolute;
bottom: 270px;
right: 0px;
}
.zs_section_title{
font-size: 28px;
color: #22262A;
font-weight: 500;
}
.zs_section_subtitle{
font-size: 16px;
color: #505C6E;
font-weight: 500;
padding-top: 10px;
padding-left: 15px;
}
.zs_contentLink{
font-size: 17px;
font-weight: 300;
color: #1E2631;
padding: 0px 5px;
cursor: pointer;
position: relative;
left: 20px;
top: -3px;
display: inline-block;
}
.zs_userguide_align{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zs_viewAllLink{
font-size:12px;
color: #1873ED;
font-weight: 600;
cursor: pointer;
}
.zs_viewAllLink::after{
content: url('/sites/zweb/images/show/more_icon_blue.svg');
}
.zs_articlesLink{
font-size:12px;
color: #1873ED;
text-align: center;
font-weight: 600;
}
.zs_articlesLink::after{
content: url('/sites/zweb/images/show/more_icon_blue.svg');
}
.zs_allvidLink{
font-size:12px;
color: #fff;
text-align: center;
font-weight: 600;
}
.zs_allvidLink::after{
content: url('/sites/zweb/images/show/more_icon_white.svg');
}
.zs_view_articles{
width:160px;
padding: 7px;
font-size:12px;
color: #1873ED;
background-color: #EDF2FA;
text-align: center;
border-radius: 70px;
cursor: pointer;
position: relative;
}
.zs_view_articles:hover .zs_articlesLink{
color: #EDF2FA;
}
.zs_view_articles:hover {
background-color: #1873ED;
}
.zs_view_articles:hover .zs_articlesLink::after {
content: url('/sites/zweb/images/show/more_icon_white.svg');
}
.zs_go_symbol{
height: 10px;
width:20px;
stroke: #1873ED;
}
.zs_section_top{
overflow: hidden;
width:80%;
}
.zs_float{
float: left;
display: block;
text-align: center;
margin:0;
}
.zs_float_right{
float: right;
}
.zs_sprite_img{
height: 56px;
width: 56px;
border-radius: 50%;
float: left;
display: block;
}
.zs_sprite_name{
font-size: 19px;
font-weight: 500;
color: #14151A;
padding: 15px;
margin: 2px auto;
padding-left: 70px;
}
.zs_web_sprite{
background: url(/sites/zweb/images/show/userguide-spriteimg.svg) 0 0;
background-size: auto 56px;
}
.zs_ios_sprite{
background: url(/sites/zweb/images/show/userguide-spriteimg.svg) -56px 0;
background-size: auto 56px;
}
.zs_android_sprite{
background: url(/sites/zweb/images/show/userguide-spriteimg.svg) -112px 0;
background-size: auto 56px;
}
.zs_confluence_sprite {
  background: url(/sites/zweb/images/show/userguide-spriteimg.svg) -448px 0;
  background-size: auto 56px;
  height: 56px;
  width: 56px;
  position: absolute;
}
.zs_chrome_sprite {
  background: url(/sites/zweb/images/show/userguide-spriteimg.svg) -504px 0;
  background-size: auto 56px;
  height: 56px;
  width: 56px;
  position: absolute;
}
.zs_view_all{
font-size:12px;
color: #1873ED;
font-weight: 600;
cursor: pointer;
}
.zs_web_01{ grid-area: web_01; display: none; }
.zs_web_02{ grid-area: web_02; display: none; }
.zs_web { grid-area: web; }
.zs_iphone { grid-area: iphone; }
.zs_android_phone { grid-area: smartphone; }
.zs_apple_tv { grid-area: apple_tv; }
.zs_android_tv { grid-area: android_tv; }
.zs_confluence { grid-area: confluence; padding: 20px 0; }
.zs_chrome { grid-area: chrome; padding: 20px 0; }
.zs_apple_tv_02{display: none;}
.zs_gridspace{
margin: 0px auto 30px auto;
width: 85%;
position: relative;
}
.zs_grid_container {
width:80%;
margin: auto;
display: grid;
grid-template-areas:
  'web web iphone iphone smartphone smartphone'
  'web web apple_tv apple_tv android_tv android_tv'
  'confluence confluence confluence chrome chrome chrome';
grid-gap: 10px;
padding: 10px;
position: relative;
}
.zs_contents{
font-size: 15px;
font-weight: 300;
color: #1E2631;
padding:5px;
margin: 15px auto;
cursor: pointer;
list-style-type: none;
}
.zs_contents::before{
content: url('/sites/zweb/images/show/bullet.svg');
position: absolute;

}
.zs_contentLink:hover{
color: #1873ED;
}
.zs_main_content{
font-size: 18px;
font-weight: 500;
color: #1E2631;
padding:5px;
}
.zs_bg_color{
background-color: #F8F9FC;
margin: 20px auto 0 auto;
}
.zs_post_1 { grid-area: post1; }
.zs_post_2 { grid-area: post2; }
.zs_post_3 { grid-area: post3; }
.zs_post_4 { grid-area: post4; }
.zs_post_5 { grid-area: post5; }
.zs_grid_blogs {
display: grid;
grid-template-areas:
  'post1 post1 post2 post3'
  'post1 post1 post4 post5';
grid-gap: 0%;
width: 82%;
margin: auto;
transition: 0.4s all;
}
.zs_SlideShow{
display: none;
}
.zs_slides{
width: 80%;
margin: auto;
}
.zs_slideShowBtn{
position: relative;
display: none;
}
.dot {
cursor: pointer;
height: 12px;
width: 12px;
margin: 0 6px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.zs_active, .dot:hover {
background-color: #717171;
}


.zs_clickDot{
display: none;
}
.zs_fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 0.5s;
}

@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}

@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
.zs_leftSide, .zs_rightSide{
position: absolute;
padding: 8px;
background-color:#EDEDED;
border-radius: 5px;
cursor: pointer;
}
.zs_leftSide{
left: 3%;
top: 140px;
}
.zs_rightSide{
right: 3%;
top: 140px;
}
.zs_postspace{
position: relative;
margin: 15px;
}
.zs_subPost{
height: 310px;
transition: 0.8s all;
}
.zs_subPost:hover{
background-color: #fff;
box-shadow: 0px 0px 10px -4px #33333329;
}
.zs_postfor{
font-size: 12px;
font-weight: 500;
color: #F02519;
padding-top: 15px;
display: inline-block;
transition: 0.4s all;
position: relative;
left: 8px;
}
.zs_minsread{
font-size: 12px;
font-weight: normal;
color: #ACBAD3;
float: right;
padding-top: 15px;
cursor:text;
transition: 0.4s all;
position: relative;
right: 8px;
}
.zs_post_description{
font-size: 16px;
font-weight: 500;
color: #12161C;
transition: 0.4s all;
position: relative;
left: 8px;
right: 8px;
}
.zs_mainpost_description{
font-size: 21px;
font-weight: 500;
color: #12161C;
}
.zs_underline{
border: 1px solid #000;
width: 50px;
}
.zs_community_forums{
display: flex;
margin: 0 auto 50px auto;
justify-content: center;
width:80%;
}
.zs_forums{
background-color: #F7F8FA;
border-bottom: 2px solid #E2E8F1;
margin: 0px 20px;
width: 45%;
padding: 15px 30px;
}
.zs_forum_icon{
height: 60px;
width: 60px;
}
.zs_all_forums {
  font-size: 12px;
  color: #1873ED;
  font-weight: 600;
  cursor: pointer;
}
.zs_listspace{
height: 200px;
}
.zs_title_design, .zs_title_announce, .zs_title_tips{
font-size: 20px;
font-weight: 500;
}
.zs_title_design{
color: #3B34D5;
}
.zs_title_announce{
color: #FF6116;
}
.zs_title_tips{
color: #F343B4;
}
.zs_videos_bg{
background-color: #19283B;
}
.zs_videos{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin:auto;
width:80%;
margin-bottom: 20px;
}
.zs_feature_video{
width: 246px;
margin: 20px;
cursor: pointer;
}
.zs_play_button{
height: 40px;
width: 40px;
}
.zs_video_play{
position: absolute;
top: 40%;
left: 43%;
opacity: 0;
transition: 0.1s;
}
.zs_feature_video:hover .zs_video_play{
opacity: 1;
}
.zs_feature_video:hover .zs_thumbnail{
opacity: 0.4;
}
.zs_thumbnail{
transition: 0.2s;
}
.zs_videoSubTitle{
color: #DAE2EE;
font-size: 15px;
font-weight: 500;
margin-top: 10px;
display: inline-block;
}
.zs_videoTime{
font-size: 13px;
font-weight: 500;
color: #fff;
background-color: #000;
opacity: 0.8;
padding: 0px 7px;
position: absolute;
bottom: 10px;
right: 8px;
border-radius: 5px;
}

.zs_faq_grid{
display: grid;
grid-template-columns: auto auto auto;
width: 77%;
margin:auto;
position: relative;
}
.zs_faq_title{
font-size: 18px;
font-weight: 500;
color: #1E2631;
padding:5px;
}
.zs_thisColor{
color: #fff;
}
.zs_thisColor::after{
content: url('/sites/zweb/images/show/more_icon_white.svg');
}
.zs_faq_dividerHzl{
height: 0;
width: 96%;
border: 0.5px solid #E7EDF2;
position: absolute;
bottom: 50%;
left: 3%;
}
.zs_faq_dividerVtl_2{
height: 85%;
width: 0;
border: 0.5px solid #E7EDF2;
position: absolute;
top: 10%;
right: 33%;
}
.zs_faq_dividerVtl_1{
height: 85%;
width: 0;
border: 0.5px solid #E7EDF2;
position: absolute;
top: 10%;
left: 34%;
}
.zs_faq_name{
font-size: 19px;
font-weight: 500;
color: #14151A;
padding: 15px 0;
margin: 2px auto;
}
.zs_faqs{
width: 305px;
margin: 20px auto 40px auto;
position: relative;
}
.zs_faq_contents{
font-size: 15px;
font-weight: 300;
color: #1E2631;
padding:5px;
margin: 15px auto;
list-style-type: none;
}
.zs_faqLinkspace{
height: 130px;
}
.zs_readMore{
font-size:12px;
color: #1873ED;
font-weight: 600;
cursor: pointer;
position: absolute;
right: 0;
bottom: -30px;
}
.zs_faq_contents::before{
content: url('/sites/zweb/images/show/bullet.svg');
position: absolute;
}
.zs_beforeContent{
position: relative;
left: 25px;
}
.zs_bottom_section{
text-align: center;
}
.zs_connect{
font-size: 20px;
font-weight: 500;
color: #12161C;
padding: 5px 50px;
}
.zs_join{
background-color: #F0483E;
color:#fff;
padding: 10px 20px;
font-size: 14px;
display: inline-block;
border-radius: 35px;
font-weight: 600;
cursor: pointer;
}
.zs_black_frame{
  transition: all 1s;
  overflow: auto;
  opacity: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  display: none;
}

.zs_black_overlay {
  position: absolute;
  opacity: 0.92;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  transition: 0.2s;
}
.zs_video_modalInner {
  max-width: 80%;
  width: 90%;
  height: 100%;
  display: table;
  table-layout: fixed;
  margin: 20px auto;
  position: relative;
  z-index: 9999;
}
.zs_video_container {
  display: table-cell;
  vertical-align: middle;
}
.zs_video_box {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}
.zs_video_iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.zs_video_close{
position: absolute;
top: 30px;
cursor: pointer;
right: 30px;
z-index: 9999;
}
.zs_close_button{
height: 25px;
width: 25px;
}
.zs_textalign{
width: 70%;
text-align: left;
}
.zs_paddingleft_null{
padding-left: 0;
}
.zs_viewall_pos{
top: -25px;
}


/* media query */
@media screen and (max-width: 1280px) {
.zs_videos{
  width: 90%;
}
.zs_feature_video{
  width: 220px;
}
}
@media screen and (max-width: 1200px) {
.zs_faqs{
  width: 85%;
}
.zs_contentLink{
  font-size:16px;
}
.zs_bottom_divider{
  bottom: 300px;
}
}

@media screen and (max-width: 1180px) {
.zs_section_subtitle {
  float: none;
  padding: 20px 0 0 0;
}
.zs_section_title{
  float: none;
}
.zs_view_articles{
  float: none;
  top:0;
  margin: 20px auto;
}
.zs_textalign{
    width: auto;
    text-align: center;
}
.zs_viewall_pos{
top: 0;
}
.zs_userguide_align{
  display: inherit;
}
.zs_community_forums{
  width: 90%;
}
.zs_forums{
  width: 40%;
}
.zs_articlesLink::after {
  content: "";
}
.zs_allvidLink::after{
  content: "";
}
.zs_section_top{
  margin-bottom: 30px;
}
.zs_faq_grid{
  width: 94%;
  padding: 0;
}
.zs_faqs{
  width: 300px;
}
}
@media screen and (max-width: 1140px) {
.zs_main .zs_sticky {
    top: 0;
}

}
@media screen and (max-width: 1080px) {
  .zs_web_01{
    display: block;
  }
  .zs_web_02{
    display: block;
  }
  .zs_web {
    display: none;
  }
  .zs_grid_container{
  grid-template-areas: 'web_01 web_02 '
                       'iphone smartphone'
                       'apple_tv android_tv'
                       'confluence chrome';
  grid-gap: 30px 20px
  }

 .zs_chrome_sprite {
   background-position: -502px 0;
   background-size: auto 56px;
   height: 56px;
   width: 56px;
   margin-right: 15px;
   position: inherit;
 }
 .zs_confluence_sprite {
    background-size: auto 56px;
    height: 56px;
    width: 56px;
    margin-right: 15px;
    position: inherit;
  }
  .zs_view_all {
    position: absolute;
    right: 0;
    bottom: -20px;
  }
  .zs_contentlist{
    margin-top: 20px;
  }
  .zs_main_content{
    padding: 12px 0;
  }
  .zs_contentLink{
    font-size: 17px;
  }
  .zs_sprite_name{
    font-size: 16px;
  }
  .zs_contents{
    margin: 10px auto;
  }
  .zs_faqs{
    padding: 15px;
    width: 85%;
  }
  .zs_dividers{
    display: none;
  }
}

@media screen and (max-width: 980px) {
.zs_banner_title{
  font-size: 28px;
}
.zs_post_description{
  font-size: 15px;
}
.zs_mainpost_description{
  font-size: 15px;
}
.blog_post_img{
    width: 100%;
}
.zs_grid_blogs {
  display: flex;
  flex-wrap: wrap;
  width: 95%;
}
.zs_SlideShow{
  margin: auto;
}
.zs_postspace{
  width: 29%;
  margin: 0% 2%;
}
.zs_subPost:hover{
  background-color: inherit;
  box-shadow: none;
}
.zs_postfor{
  left: 0;
}
.zs_minsread{
  right: 0;
}
.zs_post_description{
  left: 0;
  right: 0;
}
.zs_faq_grid{
  grid-template-columns: auto auto;
}
.zs_listspace{
  height: 240px;
}
}
@media screen and (max-width: 920px) {
.zs_feature_video{
      width: 40%;
}
}
@media screen and (max-width: 820px) {
.zs_community_forums {
  width: 98%;
}
.zs_forums {
  width: 45%;
}
.zs_faqs{
  width: 95%;
  padding: 10px;
}
.zs_connect{
  font-size: 18px;
}
}
@media screen and (max-width: 780px) {
.zs_grid_container{
    display: block;
}
.zs_web_01{
  display: none;
}
.zs_web_02{
  display: none;
}
.zs_apple_tv{
  display: none;
}
.zs_apple_tv_02{
  display: block;
}
.zs_web {
  display: block;
}
.zs_gridspace{
  margin: 35px auto;
  width: 85%;
}
.zs_forums{
  padding: 10px;
}
.zs_videos{
  width: 100%;
}
.zs_grid_blogs{
  display: none;
}
.zs_postspace{
  width: 80%;
}
.zs_SlideShow{
  display: block;
}
.zs_post_description {
  font-size: 18px;
  height: 50px;
  position: static;
}
.zs_mainpost_description{
  font-size: 18px;
  height: 50px;
}
.zs_slideShowBtn{
  display: block;
}
.zs_clickDot{
  display: block;
  text-align:center
}
.zs_title_design, .zs_title_announce, .zs_title_tips{
  font-size: 18px;
}
.zs_nav_icons {
  padding: 10px 20px;
}

}
@media screen and (max-width: 680px) {
.zs_leftSide{
  left: 3%;
  top: 125px;
}
.zs_rightSide{
  right: 3%;
  top: 125px;
}
.zs_sprite_name{
  font-size: 16px;
}
.zs_gridspace {
  margin: 10px auto 60px auto;
}
}
@media screen and (max-width: 650px) {
.zs_faq_title{
  font-size: 16px;
}
.zs_title_design, .zs_title_announce, .zs_title_tips{
  font-size: 18px;
}
.zs_sprite_name {
  font-size: 16px;
}
.zs_sprite_img {
  margin-top: 12px;
}
}

@media screen and (max-width: 580px) {
.zs_banner_title{
  font-size: 26px;
  padding: 0 30px;
}
.zs_banner_subtitle{
  padding: 0 30px;
  font-size: 14px;
}
.zs_community_forums {
  display: block;
  width: 90%;
}
.zs_forums {
  width: 80%;
  margin: 20px auto;
  padding: 10px 30px 40px 30px;
}
.zs_listspace{
  height: auto;
}
.zs_faq_grid{
  display: block;
}
.zs_faqs {
  width: 90%;
  padding: 20px 30px;
}
.zs_faq_title{
  font-size: 16px;
}
.zs_faqLinkspace {
  height: auto;
}
.zs_view_all{
  display: inline-block;
  padding-top: 10px;
}
.zs_connect{
  font-size: 16px;
}
.zs_join{
  font-size: 12px;
}
.zs_leftSide{
  left: 2.5%;
  top: 110px;
}
.zs_rightSide{
  right: 2.5%;
  top: 110px;
}
.zs_mainpost_description{
  font-size: 16px;
}
.zs_post_description{
  font-size: 16px;
}
.zs_sprite_name{
  font-size: 16px;
}
.zs_title_design, .zs_title_announce, .zs_title_tips{
  font-size: 18px;
}
.zs_grid_container {
  width: 98%;
}
.zs_sprite_img {
  height: 46px;
  width: 46px;
}
.zs_web_sprite{
  background-size: auto 46px;
  background-position: 0 0;
}
.zs_ios_sprite{
  background-size: auto 46px;
  background-position: -46px 0;
}
.zs_android_sprite{
  background-size: auto 46px;
  background-position: -92px 0;
}
.zs_chrome_sprite{
  background-size: auto 46px;
  background-position: -138px 0;
}
.zs_confluence_sprite{
  background-size: auto 46px;
  background-position: -184px 0;
}
.zs_icons {
  height: 40px;
  width: 65px;
}
.zs_icon_name{
  font-size: 11px;
}
.zs_nav_icons {
  padding: 10px 10px;
}
.zs_section{
  padding: 20px 0;
}

}
@media screen and (max-width: 520px) {
.zs_banner_text{
  padding-top: 60px;
}
.zs_community_forums {
  display: block;
  width: 94%;
}
.zs_forums {
  width: 94%;
}
.zs_videos{
  display: block;
}
.zs_feature_video {
  width: 75%;
  margin: 20px auto;
}
.zs_faqs {
  width: 90%;
  padding: 20px 0px;
}
.zs_section_top {
  margin-bottom: 0px;
}
.zs_leftSide{
  top: 90px;
}
.zs_rightSide{
  top: 90px;
}
}
@media screen and (max-width: 480px) {
.zs_gridspace{
  width: 95%;
}
.zs_main_content {
  padding: 10px 0;
}
.zs_connect{
  padding: 0 20px;
}
.zs_leftSide{
  left: 2%;
  top: 75px;
}
.zs_rightSide{
  right: 2%;
  top: 75px;
}
.zs_mainpost_description{
  height: 70px;
}
.zs_post_description{
  height: 70px;
}
.zs_icon_name{
  font-size: 10px;
}
.zs_icons {
  height: 35px;
  width: 70px;
}
.zs_nav_icons{
  padding: 15px 0px;
}
}
@media screen and (max-width: 420px) {
.zs_leftSide{
  left: 2%;
  top: 65px;
}
.zs_rightSide{
  right: 2%;
  top: 65px;
}
.zs_leftSide, .zs_rightSide{
  padding: 6px;
}
}
@media screen and (max-width: 380px) {
.zs_faq_contents {
  font-size: 16px;
}
.zs_faq_title{
  font-size: 15px;
}
}


/*Arabic starts*/
  .i18n-ar .zs_float_right{text-align: center;}
  .i18n-ar .zs_post_description{top: 0}
  .i18n-ar .zs_sprite_img{float: right;}

  @media screen and (max-width: 1180px){
      .i18n-ar .zs_float{float: none;text-align: center;}
      .i18n-ar .zs_view_all {left: 0;right: auto;text-align: left;}
      .i18n-ar .zs_community_forums .zs_float{text-align: left;}
      .i18n-ar .zs_readMore{right: auto;left: 0;}
  }
  @media screen and (max-width: 780px){
      .i18n-ar .zs_clickDot{text-align: center;}
  }
  /*Arabic ends*/