/* edit-image */
#filerobot-image-editor-root .guhxhT {
  width: 50%;
  height: 90%;
  margin: 0px auto 0px;
}
#filerobot-image-editor-root .ioVGXS {
  margin-top: 55px !important;
}
#filerobot-image-editor-root .kDdnfl {
  display: block !important;
  min-height: auto !important;
}
#filerobot-image-editor-root .gJohPa {
  height: 300 !important;
  margin-top: 20px !important;
  overflow-y: scroll;
  position: static;
}
#filerobot-image-editor-root .bkxGVH {
  width: 100% !important;
  bottom: 0px !important;
  position: absolute !important;
}
#filerobot-image-editor-root .kePPWF {
  position: absolute !important;
  bottom: 37px !important;
  width: 100% !important;
  background: rgb(38, 49, 56);
}
#filerobot-image-editor-root .eJVfRW {
  padding: 10px 10px !important;
  min-width: 0px !important;
  min-height: 0px !important;
}
#filerobot-image-editor-root .bzNiti {
  height: 79px;
  padding: 0px 25px;
  justify-content: space-between !important;
}
.sc-AxirZ eJVfRW {
  display: none !important;
}
/* #filerobot-image-editor-root .bkxGVH {
  width: 100% !important;
  bottom: 0px !important;
  position: absolute !important;
} */

/* .sc-fzpmMD.kePPWF {
  z-index: 9;
  bottom: 30px !important;
  position: absolute !important;
} */

@media (max-width: 575px) {
  #filerobot-image-editor-root .guhxhT {
    width: 100%;
    height: 90%;
    margin: 40px auto 0px;
  }
  #filerobot-image-editor-root .ioVGXS {
    margin-top: 0px !important;
  }
}

/* #filerobot-image-editor-cloudimage_filerobot-image-edit-box {
  width: 100% !important;
}
#filerobot-image-editor-root .cfDVVC {
  width: 100% !important;
} */
/* #filerobot-image-editor-root .CgzRa .filerobot-edit-canvas {
  width: 100% !important;
} */
/* #filerobot-image-editor-root .CgzRa {
  width: 100% !important;
} */

/* #filerobot-image-editor-root .dSaGSs {
  position: absolute !important;
  width: 100% !important;
  top: -560px !important;
} */

/* #filerobot-image-editor-root .eOyqGF {
  position: absolute !important;
  width: 100% !important;
  bottom: 30px !important;
} */

/* #filerobot-image-editor-root .bkxGVH {
  position: absolute !important;
  width: 100% !important;
  bottom: 0px !important;
  z-index: 1;
} */
/* #filerobot-image-editor-root .kDdnfl {
  position: unset !important;
} */

.post_txtBox {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0;
}
.profile__dp {
  width: 10%;
}
.profile__dp > div {
  width: 45px;
  height: 45px;
  background: #f6f6f6;
  border-radius: 50%;
}
.profile__dp > div img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.post__txtarea {
  width: 100%;
  display: flex;
}
.post__txtarea .editable__div {
  /* min-height: 40px; */
  height: auto;
  width: 100%;
  border: 0;
  background: #f6f6f6;
  border-radius: 25px;
  padding: 5px 20px;
  font-size: 14px;
  color: #555;
  font-weight: 500;
  position: relative;
  border: 1px solid #ccc;
}
.editable__div:empty:before {
  content: attr(data-placeholder);
  color: gray;
  position: absolute;
  top: 10;
  top: 50%;
  transform: translateY(-50%);
}
.emojis__block {
  padding: 10px 0;
}
.emojis__block ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding-left: 0px;
}
.content__ul li {
  display: block;
  text-align: center;
}
.content__ul li i {
  width: 100%;
}
.content__ul li span {
  font-size: 11px;
  font-weight: 600;
  color: #555;
}
.content__ul li:nth-child(1) i {
  color: red;
}

.content__ul li:nth-child(2) i {
  color: green;
}
.content__ul li:nth-child(3) i {
  color: yellowgreen;
}
.content__ul li:nth-child(4) i {
  color: burlywood;
}
.content__ul li:nth-child(5) i {
  color: orangered;
}
.content__ul li:nth-child(6) i {
  color: #555;
}
.content__ul li:nth-child(7) i {
  color: purple;
}
.content__ul li:nth-child(8) i {
  color: crimson;
}
.profile__name {
  display: flex;
  justify-content: space-between;
  /* padding: 10px 10px 0 10px; */
}
.name__pro {
  display: flex;
  align-items: center;
}
.name__pro > h6 {
  font-size: 14px;
  font-weight: 500;
  color: #555;
}
.felling__block {
  font-size: 14px;
  font-weight: 500;
  color: #555;
  display: flex;
  align-items: center;
}
.felling__block h6 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin-left: 6px;
}
.felling__block p {
  margin: 0;
}
.post__share__select {
  padding: 5px 10px;
  font-size: 12px;
  color: #000;
  background: #f6f6f6;
  border: 1px dashed #ccc;
  /* margin-left: 5px; */
  width: 112px;
  height: 30px;
}
.name__pro > div:nth-child(2) {
  margin-left: 10px;
}
.postType__hastag {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.hastag_block h6 {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  padding: 5px 10px;
  background: #f6f6f6;
  border-radius: 25px;
}
.hass__post {
  display: flex;
  align-items: center;
}
.hass__post > div {
  margin-left: 8px;
}
.share__btn button {
  background-image: linear-gradient(
    90deg,
    #e15314 0,
    #f08252 50%,
    #e15314 100%
  );
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
}
.whats__going__form {
  padding: 10px;
  /* overflow: hidden; */
}
.wg_overlay {
  overflow: hidden;
}
#schedulePostModal {
  z-index: 1070;
  background: #000000bd;
}

/* upload image grid css  */

.scroll_slider {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  gap: 0.4rem;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  cursor: grab;
  /* margin-top: 5rem; */
  padding-inline: 1rem;
}

.scroll_slider::-webkit-scrollbar {
  display: none;
}

.slide_block img {
  inline-size: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 0.2rem;
}

@media (max-width: 440px) {
  .scroll_slider {
    grid-auto-columns: 100%;
    padding-inline: unset;
  }
}

.slide_block {
  position: relative;
}

.preview_img_cross {
  position: absolute;
  top: 10px;
  right: 5px;
  color: #fff;
  background: #555;
  width: 30px;
  height: 30px;
  border: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.preview_img_cross:hover {
  /* position: relative; */
  cursor: pointer;
}

.occasion__close_btn {
  width: 30px;
  height: 30px;
  border: 2px dashed #fff !important;
  color: #fff !important;
  border-radius: 50%;
}
.select__option_occasion {
  margin-top: unset !important;
}
.all__feeling_emojies ul li {
  margin-bottom: 5px;
}

/* image grid css ends here  */

/* loader css start here  */

.loader_relative_div {
  position: relative;
  width: 100%;
  height: 100%;
}
.loader__wrapper p {
  color: #fff;
  margin-top: 90px;
  text-align: center;
  border-bottom: 1px solid #fff;
  padding-bottom: 14px;
}

.loader__wrapper {
  position: absolute;
  left: 50%;
  top: 33%;
  transform: translate(-50%, -50%);
  width: 128px;
  height: 70px;
}

#loadDot1,
#loadDot2,
#loadDot3,
#loadDot4,
#loadDot5,
#loadDot6,
#loadDot7,
#loadDot8,
#loadDot9,
#loadDot10 {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50px 50px;
  background: #fff;
  -webkit-animation: loadSpin 1.5s linear infinite;
  animation: loadSpin 1.5s linear infinite;
  transform-origin: center center;
}

#loadDot2 {
  -webkit-animation: loadSpin 1.5s -0.75s linear infinite;
  animation: loadSpin 1.5s -0.75s linear infinite;
}

#loadDot3 {
  left: 30px;
  -webkit-animation: loadSpin 1.5s -1.3s linear infinite;
  animation: loadSpin 1.5s -1.3s linear infinite;
}

#loadDot4 {
  left: 30px;
  -webkit-animation: loadSpin 1.5s -0.55s linear infinite;
  animation: loadSpin 1.5s -0.55s linear infinite;
}

#loadDot5 {
  left: 60px;
  -webkit-animation: loadSpin 1.5s -1.1s linear infinite;
  animation: loadSpin 1.5s -1.1s linear infinite;
}

#loadDot6 {
  left: 60px;
  -webkit-animation: loadSpin 1.5s -0.35s linear infinite;
  animation: loadSpin 1.5s -0.35s linear infinite;
}

#loadDot7 {
  left: 90px;
  -webkit-animation: loadSpin 1.5s -0.9s linear infinite;
  animation: loadSpin 1.5s -0.9s linear infinite;
}

#loadDot8 {
  left: 90px;
  -webkit-animation: loadSpin 1.5s -0.15s linear infinite;
  animation: loadSpin 1.5s -0.15s linear infinite;
}

#loadDot9 {
  left: 120px;
  -webkit-animation: loadSpin 1.5s -0.7s linear infinite;
  animation: loadSpin 1.5s -0.7s linear infinite;
}

#loadDot10 {
  left: 120px;
  -webkit-animation: loadSpin 1.5s 0.05s linear infinite;
  animation: loadSpin 1.5s 0.05s linear infinite;
}

#loadBase1,
#loadBase2,
#loadBase3,
#loadBase4,
#loadBase5 {
  position: absolute;
  top: 30px;
  left: 5px;
  width: 1px;
  height: 10px;
  background: #fff;
  -webkit-animation: loadFlex 1.5s linear infinite;
  animation: loadFlex 1.5s linear infinite;
  transform-origin: center center;
}

#loadBase2 {
  left: 35px;
  -webkit-animation: loadFlex 1.5s -1.3s linear infinite;
  animation: loadFlex 1.5s -1.3s linear infinite;
}

#loadBase3 {
  left: 65px;
  -webkit-animation: loadFlex 1.5s -1.1s linear infinite;
  animation: loadFlex 1.5s -1.1s linear infinite;
}

#loadBase4 {
  left: 95px;
  -webkit-animation: loadFlex 1.5s -0.9s linear infinite;
  animation: loadFlex 1.5s -0.9s linear infinite;
}

#loadBase5 {
  left: 125px;
  -webkit-animation: loadFlex 1.5s -0.75s linear infinite;
  animation: loadFlex 1.5s -0.75s linear infinite;
}

@-webkit-keyframes loadSpin {
  0%,
  100% {
    transform: translateY(0px) scale(1);
  }

  25% {
    transform: translateY(30px) scale(2);
  }

  50% {
    transform: translateY(60px) scale(1);
  }

  75% {
    transform: translateY(30px) scale(0.3);
  }
}

@keyframes loadSpin {
  0%,
  100% {
    transform: translateY(0px) scale(1);
  }

  25% {
    transform: translateY(30px) scale(2);
  }

  50% {
    transform: translateY(60px) scale(1);
  }

  75% {
    transform: translateY(30px) scale(0.3);
  }
}

@-webkit-keyframes loadFlex {
  0%,
  100% {
    transform: scaleY(5);
  }

  25% {
    transform: scaleY(1);
  }

  50% {
    transform: scaleY(5);
  }

  75% {
    transform: scaleY(1);
  }
}

@keyframes loadFlex {
  0%,
  100% {
    transform: scaleY(5);
  }

  25% {
    transform: scaleY(1);
  }

  50% {
    transform: scaleY(5);
  }

  75% {
    transform: scaleY(1);
  }
}

/* loader css ends here  */

@media (max-width: 991px) {
  .schedule_abso_list {
    left: -100px !important;
  }
}

.post-img {
  width: 100%;

  height: 100%;
}

.time_set {
  position: relative;

  /* padding-right: 20px; */

  /* width: 65px; */
}

/* .glob_dropdown {

         position: absolute;

         top: 0;

         right: 0px;

      } */

.gif_post_comment_gif figure {
  width: 200px;
}

.activeaaaa {
  border: 1px solid #0000ff;

  padding: 4px;

  border-radius: 14px;

  color: #fff;

  background: #0000ff;

  font-size: 9px;
}

.hidee____post {
  opacity: 1;

  -webkit-transition: opacity 0.5s ease-in-out;

  -moz-transition: opacity 0.5s ease-in-out;

  transition: opacity 0.5s ease-in-out;
}

/* changes by pankaj sharma  */

.sliderImg_blck {
  width: 100%;
}

.sliderImg_blck img {
  width: 100%;
}

#main_slider {
  width: 100%;
}

.sliderTransition {
  transition: all 0s !important;
}

.sliderTransition div h5 {
  font-size: 20px;

  font-weight: 600;

  color: #fff;
}

.sliderTransition div h5 span {
  font-size: 23px;

  font-weight: 600;

  color: #e15314;
}

.chat_block {
  position: relative;

  margin-bottom: 14px;
}

.chat_block h4 {
  color: #fff;

  font-size: 16px;

  font-weight: 500;
}

.chat_block span {
  width: 10px;

  height: 10px;

  border-radius: 50%;

  background: green;

  position: absolute;

  top: -5px;

  right: -5px;
}

.navbar-list li > a > img {
  margin-bottom: 11px;
}

.chat_li {
  display: flex;

  align-items: center;
}

/* hamber sidebar */

/* .sidebar {

         height: 100%;

         width: 0;

         position: fixed;

         z-index: 1;

         top: 0;

         right: 0;

         background-color: #f6f6f6;

         overflow-x: hidden;

         transition: 0.5s;

         padding-top: 100px;

         z-index: 100;

      }



      .sidebar a {

         padding: 8px 8px 8px 32px;

         text-decoration: none;

         font-size: 20px;

         color: #fff;

         display: block;

         transition: 0.3s;

         font-weight: 600;

      }



      .sidebar a:hover {

         color: #f1f1f1;

      }



      .sidebar .closebtn {

         position: absolute;

         top: 50px;

         right: 4px;

         font-size: 36px;

         margin-left: 50px;

      }



      .openbtn {

         font-size: 23px;

         cursor: pointer;

         color: #fff;

         margin-right: 15px;

         border: none;

         margin-top: 1px;



      }

      .openbtn i {

         font-size: 39px;

      } */

.chat_grp {
  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 5px 10px;
}

.span_bg {
  padding: 8px 10px;

  width: 30px !important;

  border-radius: 50%;

  background: #ccc;

  display: inline-block;

  height: 30px;

  justify-content: center;

  text-align: center;
}

.product_info img {
  border-top-left-radius: 7px;

  border-top-right-radius: 7px;
}

.article_info img {
  border-top-left-radius: 7px;

  border-top-right-radius: 7px;
}

.follow-res-two {
  color: red;
}

/* new css  */

.car_pro_content h5 {
  color: red;
}

.post-img {
  border-top-right-radius: 8px;

  border-top-left-radius: 8px;
}

.listing_content {
  background: #f6f6f6;

  border-radius: 7px;
}

.slider_img_sec img {
  width: 150px;
}

.slider_img_sec h3 {
  font-size: 22px;

  color: #e35b1e;
}

.follow-res-two {
  line-height: 8px;
}

.event_slider {
  /* padding: 8px 0px; */

  background: #f6f6f6;
}

.suggested_group {
  /* padding: 15px; */

  background: #f6f6f6;
}

@media (max-width: 550px) {
  .pub_footer_upper > ul {
    flex-wrap: wrap;

    justify-content: center;
  }

  .pub_footer_upper > ul li {
    margin: 10px 0;
  }

  .pub_footer_upper > ul > li > a {
    margin: 0 9px !important;
  }
}

/* profile card css  */

.profile_grid {
  /*cursor: pointer;*/

  font-family: "Roboto", sans-serif;

  text-align: center;

  padding: 20px 10px;

  transition-duration: 0.4s;

  box-shadow: 0px 0px 10px 0px transparent;
}

/* .profile_grid:hover {

        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);

    } */

.profile_grid h3 {
  font-size: 16px;

  margin-bottom: 5px;
}

.profile_grid button {
  font-size: 13px;

  font-weight: 600;

  padding: 3px 25px;

  border-radius: 8px;

  margin: 5px 0;

  border: 1px solid #ccc;

  background: #fff;
}

.octagon_img img {
  width: 105px !important;

  height: 105px;

  position: relative;

  margin: 0 auto 6px;

  overflow: hidden;

  z-index: 555;

  border: 4px solid #6bd4c5;

  border-radius: 50%;

  background-color: #fff;

  padding: 4px;

  box-shadow: 2px 2px 11px #444;
}

.profile_grid h4 {
  margin: 0;

  color: #46cab7;

  font-size: 20px;
}

.profile_grid strong {
  font-style: italic;

  font-size: 15px;
}

.profile_grid ul {
  margin: 10px 0px;

  padding: 0;

  list-style-type: none;

  display: flex;

  align-items: center;

  justify-content: center;
}

.profile_grid ul li a {
  margin: 0 3px;

  color: #fff;

  width: 28px;

  height: 28px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 8px;

  text-decoration: none;

  font-size: 14px;

  transition-duration: 0.4s;
}

.change-custome-color1 ul li a {
  background-color: #46cab7;
}

.change-custome-color2 ul li a {
  background-color: #f34425;
}

.change-custome-color3 ul li a {
  background-color: #8ece54;
}

.change-custome-color4 ul li a {
  background-color: #fabf0d;
}

.change-custome-color5 ul li a {
  background-color: #457221;
}

.change-custome-color6 ul li a {
  background-color: #2a5051;
}

.profile_grid p {
  margin: 0 0 6px;

  font-size: 15px;

  color: #666;

  line-height: 16px;
}

.card .form-group.form-control {
  border-radius: 30px;

  cursor: pointer;
}

.member-item {
  cursor: pointer;
}

#following_slider .owl-nav button {
  width: 50px;

  height: 50px;

  background-color: #fff;

  position: absolute;

  top: 40%;

  border: 1px solid #ddd;

  border-radius: 50%;
}

#following_slider .owl-nav button.owl-prev {
  left: 0;
}

#following_slider .owl-nav button.owl-next {
  right: 0;
}

.content__ul > li:hover {
  cursor: pointer;

  background-color: #f6f6f6;
}

.all__feeling_emojies {
  width: 100%;

  padding: 10px 0;
}

.all__feeling_emojies ul {
  display: flex;

  flex-wrap: wrap;

  list-style: none;

  padding-left: 0px;

  justify-content: space-between;
}

.all__feeling_emojies ul li {
  width: 33%;

  text-align: center;

  padding: 10px 0;

  border: 1px dashed #ccc;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 8px;
}

.all__feeling_emojies ul li i {
  margin-right: 5px;
}

.all__feeling_emojies ul li p {
  margin: 0px;

  color: #555;

  font-size: 14px;

  font-weight: 600;
}

.all__feeling_emojies {
  display: flex;

  align-items: center;

  justify-content: space-around;

  list-style: none;

  text-align: center;
}

.all__feeling_emojies p {
  margin-bottom: 0px;
}

.user__mention {
  color: #e35b1e;

  cursor: pointer;
}

.uploaded_img_grid {
  display: grid;

  grid-gap: 10px;

  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.uploaded_img_div {
  width: 100%;
}

.uploaded_img_div img {
  width: 100%;
}

.upload_imgs_grid {
  overflow-x: scroll;
  overflow-y: hidden;

  /* Styling */
  background-color: #fff;
  height: 200px;
}

.upload_img_block {
  width: auto;
  white-space: nowrap;

  /* Styling */
  /* background-color: blue; */
  height: 200px;
}

.img_object {
  display: inline-block;

  /* Styling */
  background-color: red;
  border: 1px solid white;
  width: 200px;
  height: 200px;
}

.img_object img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .scroll_slider {
         display: grid;
         grid-auto-flow: column;
         grid-auto-columns: 22%;
         gap: .3rem;
         overflow-x: auto;
         -ms-overflow-style: none;
         scrollbar-width: none;
         cursor: grab;
         padding-inline: 1rem;
      }

      .scroll_slider::-webkit-scrollbar {
         display: none;
      }

      .slide_block img {
         inline-size: 100%;
         aspect-ratio: 4 / 3;
         object-fit: cover;
         border-radius: .2rem;
      }

      @media (max-width: 440px) {

         .scroll_slider {
            grid-auto-columns: 40%;
         }
      }

      .slide_block {
         position: relative;
      }

      .preview_img_cross {
         position: absolute;
         top: 10px;
         right: 10px;
         color: #fff;
         background: #555;
         width: 30px;
         height: 30px;
         border: 50%;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 20px;
      }

      .preview_img_cross:hover {
         cursor: pointer;
      } */

#progress__bar {
  background-color: rgba(0, 0, 0);
  /* Black background with opacity */
  opacity: 0;
  transition: 3s;
}
.fancybox__container {
  z-index: 999999 !important;
}

/* css for schedule buttons  */

#share_schedule {
  position: relative;
}
.schedule_abso_list {
  position: absolute;
  top: 30px;
  left: 0px;
  border: 1px dashed #000;
  background: #fff;
  color: #000;
  padding: 10px;
  border-radius: 7px;
  display: none;
}
#schedulePostModal {
  margin-top: 50px;
}

.wg_overlay_nc {
  width: 0% !important;
}

.my-post-privacy-status {
  font-size: 10px;
}

.User_identity {
  line-height: 14px;
  font-size: 12px;
  /* display: inline; */
}
.glob_dropdown {
  line-height: 10px;
}
.toggle__comment__icon {
  display: flex;
  align-items: center;
}

.occasion__footer button{
  opacity: 1;
  padding: 4px 14px !important;
}

@media (max-width: 767px) {
  .precentage_res .value {
    font-size: 25px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
  }
  .votes-wrapper h6 {
    font-size: 18px !important;
    font-weight: 600 !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    /* display: inline-block; */
    width: 70px !important;
    height: 70px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }
  .votes-wrapper h5 {
    margin-top: 10px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
  }
  .comments__grid > ul > li > a {
    display: block;
  }
  .comments__grid > ul > li > a .lss_text {
    width: 100%;
  }
  .comment_show > a {
    font-size: 10px;
  }
  .toggle__comment__icon {
    font-size: 10px;
  }
  .User_identity {
    line-height: 10px;
    font-size: 8px;
  }
  .my-post-update-time {
    font-size: 9px !important;
  }
  .my-post-privacy-status {
    font-size: 9px;
    align-items: center;
    display: flex;
  }
  .my-post-privacy-status i {
    margin-right: 4px;
  }
}

@media only screen and (max-width: 575px) {
  .mq_padding {
    padding: 10px !important;
  }
  /* .comments__grid > ul > li > a .lss_text{
            display: none;
         } */
  .que_poll_inner i {
    font-size: 16px;
  }
  .ans___text {
    font-size: 13px;
  }
  .my-post-poll-mcq-option-per {
    font-size: 13px;
  }

  .question_poll_prev h4 {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
  }
}

.editable__div{
  overflow: inherit;
  height: 100px !important;
}
#product__form, #event__form, #article__form{
  height: 220px;
  overflow: scroll;
}
@media only screen and (max-width: 575px) {
  .editable__div{
    max-height: 110px;
    font-size: 10px!important;
  }
}