.text-right li::marker{
color: #EA472F;
}

.picstext h2 {
margin-top:0px;
}

.pic_text{
position: relaitve;
}

.picstext {
display: flex;
justify-content: center;
}
.align_top{
align-items: top;
}
.align_center{
align-items: center;
}

.image-left{
flex: 0 50%;
}
.text-right{
flex: 0 50%;
  margin-left: 90px;;
}
.image-place {
width: 100%;
}

@media (max-width:800px) {
  .pic_text{
  padding: 30px 0 !important;
  }
  .image-left{
  order: 2;
  }
  .text-right{
  flex: 90% 0;
  padding: 0px
  }
  
  .picstext {
  flex-wrap: wrap;
    align-items: center;
    text-align: center;
  }
  .image-left{
  flex: 0 100%;
}
  .text-right {
  margin-left:0px;
  width: 100%;
  }
  
}
  .text-right h3{
  margin-top:-10px;
  font-size: 24px;  
  }
.withline_right {
border: 1px solid #EA472F;
  margin-top: -25px;
}
.noline_right {
display: none !important;
}

.image-left img {
height: 300px;
object-fit: cover;
}



---------bghex---------- 


.pic_text:nth-child(2n)  .hex_bg {
  position: absolute;
  top:20%;
  left: 40%;
  transform: scaleX(-1);
}


.corner1 {
    z-index: -1;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: -2;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.corner2 {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: -2;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.hex1{
    width: 150px;
    height: 86px;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: auto 173px;
    -moz-background-size: auto 173px;
    -ms-background-size: auto 173px;
    -o-background-size: auto 173px;
    position: absolute;
    zoom: 2;
    transform: rotate(30deg);
}
.hex2{
    width: 150px;
    height: 86px;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: auto 173px;
    -moz-background-size: auto 173px;
    -ms-background-size: auto 173px;
    -o-background-size: auto 173px;
    position: absolute;
    zoom: 2;
    transform: rotate(30deg);
    top: 80px;
    left: 140px;
}
.hex3{
    width: 150px;
    height: 86px;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: auto 173px;
    -moz-background-size: auto 173px;
    -ms-background-size: auto 173px;
    -o-background-size: auto 173px;
    position: absolute;
    zoom: 2;
    transform: rotate(30deg);
     top: 160px;
}
.hex_bg {
  position: absolute;
  top:20%;
  left: 60%;
  z-index: -2;
}

