#cnr-cloudzone-process {
	display: flex;
	min-height: 500px;
}
  @media (max-width: 992px) {
    #cnr-cloudzone-process {
      display: block; } }
  @media (min-width: 1200px) {
    #cnr-cloudzone-process {
      padding: 30px 0; } }
  @media (max-width: 1200px) {
    #cnr-cloudzone-process {
      margin-bottom: 160px; } }
  #cnr-cloudzone-process .cnr-process-item {
    width: 20%;
    flex-grow: 1;
    text-align: center; }
    #cnr-cloudzone-process .cnr-process-item .hexa-wrap {
      width: 120px;
      height: 100px;
      margin: 0 auto;
      position: relative; }
    #cnr-cloudzone-process .cnr-process-item .hexagon {
      width: 120px;
      height: 120px;
      padding: 0;
      background-color: white;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
      #cnr-cloudzone-process .cnr-process-item .hexagon img {
        width: 90px;
        height: 90px;
        margin: 15px; }
#cnr-cloudzone-process .cnr-process-item .cnr-content {
      position: relative;
      margin-top: 15px;
      text-align: center;
      padding: 0 10px;
}
#cnr-cloudzone-process .cnr-process-item .cnr-content h3 {
	text-align: center;
	margin: 30px 0 15px;
	color: #484848 !important;
	font-weight: 300;
	text-transform: uppercase;
}
    @media (max-width: 992px) {
      #cnr-cloudzone-process .cnr-process-item {
        width: 100%;
        margin-top: 100px; }
        #cnr-cloudzone-process .cnr-process-item .cnr-content {
          top: 0;
          width: 100%;
          padding: 0 30px;
          margin: 0; }
        #cnr-cloudzone-process .cnr-process-item .hexa-wrap {
          margin-bottom: 0; } }
    #cnr-cloudzone-process .cnr-process-item:nth-child(2),
    #cnr-cloudzone-process .cnr-process-item:nth-child(4) {
      position: relative;
      top: 150px; }
      @media (max-width: 992px) {
        #cnr-cloudzone-process .cnr-process-item:nth-child(2),
        #cnr-cloudzone-process .cnr-process-item:nth-child(4) {
          top: 0; } }
      #cnr-cloudzone-process .cnr-process-item:nth-child(2) .hexa-wrap:after,
      #cnr-cloudzone-process .cnr-process-item:nth-child(4) .hexa-wrap:after {
        z-index: -1;
        content: "";
        display: block;
        width: 300px;
        height: 1px;
        border-bottom: 4px solid rgba(196, 199, 199, 0.5);
        position: absolute;
        right: -205px;
        top: -38px;
        -webkit-transform: rotate(-36deg);
        -moz-transform: rotate(-36deg);
        -ms-transform: rotate(-36deg);
        transform: rotate(-36deg); }
        @media (max-width: 1200px) {
          #cnr-cloudzone-process .cnr-process-item:nth-child(2) .hexa-wrap:after,
          #cnr-cloudzone-process .cnr-process-item:nth-child(4) .hexa-wrap:after {
            display: none !important; } }
      @media (max-width: 768px) {
        #cnr-cloudzone-process .cnr-process-item:nth-child(2),
        #cnr-cloudzone-process .cnr-process-item:nth-child(4) {
          top: auto;
          margin-bottom: 30px; } }
    #cnr-cloudzone-process .cnr-process-item:nth-child(1) .hexa-wrap:after,
    #cnr-cloudzone-process .cnr-process-item:nth-child(3) .hexa-wrap:after {
      z-index: -1;
      content: "";
      display: block;
      width: 300px;
      height: 1px;
      border-bottom: 4px solid rgba(196, 199, 199, 0.5);
      position: absolute;
      left: 20px;
      top: 100px;
      -webkit-transform: rotate(36deg);
      -moz-transform: rotate(36deg);
      -ms-transform: rotate(36deg);
      transform: rotate(36deg); }
      @media (max-width: 1200px) {
        #cnr-cloudzone-process .cnr-process-item:nth-child(1) .hexa-wrap:after,
        #cnr-cloudzone-process .cnr-process-item:nth-child(3) .hexa-wrap:after {
          display: none !important; } }
    #cnr-cloudzone-process .cnr-process-item:nth-child(1) h3 {
      color: #f7bd38; }
    #cnr-cloudzone-process .cnr-process-item:nth-child(2) h3 {
      color: #3fc4e0; }
    #cnr-cloudzone-process .cnr-process-item:nth-child(3) h3 {
      color: #381c58; }
    #cnr-cloudzone-process .cnr-process-item:nth-child(4) h3 {
      color: #085689; }
    #cnr-cloudzone-process .cnr-process-item:nth-child(5) h3 {
      color: #f78938; }
@media (max-width: 768px) {
	#cnr-cloudzone-process .cnr-process-item .cnr-content h3 {
		margin: 20px 0 15px;
	}
	#cnr-cloudzone-process {
		margin-bottom: 30px;
	}
}