.flag {
  /* width: 110px;
  height: 56px; */
  box-sizing: content-box;
  padding-top: 15px;
  position: relative;
  color: #7eb4e2;
  font-size: 11px;
  letter-spacing: 0.2em;
  position: absolute;
  /* top: 70%; */
  text-align: center;
  text-transform: uppercase;
  z-index: 99;

  &::after {
    content: '';
    position: absolute;
    top: -2%;
    left: 143px;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 40px solid red;
    border-left: 506px solid transparent;
    border-right: 506px solid transparent;

  }
}

.clsimgrspc {
  position: absolute;
  top: 100.6%;
  width: 100%;
  height: 70px;
}

@media only screen and (max-width: 600px) {
  .flag {
    /* width: 110px;
  height: 56px; */
    box-sizing: content-box;
    padding-top: 15px;
    position: relative;
    color: #7eb4e2;
    font-size: 11px;
    letter-spacing: 0.2em;
    position: absolute;
    /* top: 70%; */
    text-align: center;
    text-transform: uppercase;
    z-index: 99;

    &::after {
      content: '';
      position: absolute;
      /* top: -3%; */
      left: 25px;
      bottom: 0;
      width: 0;
      height: 0;
      border-top: 22px solid red;
      border-left: 150px solid transparent;
      border-right: 150px solid transparent;

    }
  }

  .clsimgrspc {
    position: absolute;
    top: 108.3%;
    width: 100%;
    height: 70px;
  }

}