.banner-wrap .search-wrap {
  padding-bottom: 0;
}

.help-wrap
{
padding: 0 0 60px;
}
.help-wrap .col-block >span {
  background: url(/sites/zweb/images/help-new-icon-sprite-crm.png) left top no-repeat;
  background-size: 900px auto;
}
.help-wrap .col-block.dev-guide >span {
  background-position: -500px -50px;
}
.help-wrap .col-block.github  > span {
  background-position: -100px 0px;
}
.help-wrap .col-block.dev-community  > span {
  background-position: -450px -100px;
}
.help-wrap .col-block.become-part div > span {
background-position: -150px -149px;
}
.help-wrap .col-block.feedback  > span {
  background-position: -500px 0px;
}
.help-wrap .col-block.online-workshop  > span {
background-position: -850px 0;
}

.seperate{
display:none;
position:relative;
width: 100%;
margin: 0 3px 16px;
}

.three-col {
width: 100%;
}


.seperate-inner {
background: #fff;
border: 1px solid #cad6ed;
margin: 0 7px 16px;
padding: 40px 30px;
}
.seperate-inner:hover {
  box-shadow: 10px 10px 13px -2px rgb(0 0 0 / 5%);
}

.seperate-inner > span {
background: url(/sites/zweb/images/help-new-icon-sprite-crm.png) left top no-repeat;
background-size: 900px auto;
display: inline-block;
width: 50px;
height: 50px;
margin-bottom: 15px;
}

.seperate  .link {
  background: #f0483e;
  color: #fff;
  border: none;
  padding: 8px 30px;
  font-size: 18px;
  display: inline-block;
}

.seperate-inner p {
  max-width: 490px;
}

.seperate img {
position: absolute;
right: 8px;
top: 1px;
max-width: 50%;
}

.common-links
{
background: #fff;
}


@media screen and (min-width: 992px) and (max-width: 1199px)
{
  .seperate
  {
    width: 89%;
  }
}
@media only screen and  (max-width: 991px){
.seperate img {
  max-width: 35%;
}
.seperate
{
  width: 94%;
}
.write-us-wrap h3
{
  font-size: 26px;
}
}
@media only screen and  (max-width: 767px){
.seperate img {
 display:none;
}
.banner-wrap .search-wrap
{
  padding: 0;
}
.seperate
{
  width: 100%;
  margin: 0 0 16px;
}
.seperate-inner
{
  margin: 0;
}
.write-us-wrap h3
{
  font-size: 24px;
}
}