@media only screen and (min-width: 1000px){
  
    /*kebab menu for mobile device*/
    .kebab {
      cursor: pointer;
      position: relative;
      display: inline-block;
      box-sizing: border-box;
      /*padding: 0 16px;*/
      /* top: 22px; */
      }
      .title-tr{
        width: 460px;
      }
      .des-tr{
        width: 460px;
      }
      .feedback-btn{
        position: fixed;
        bottom: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='166' height='79' viewBox='0 0 166 79' fill='none'%3E%3Cg filter='url(%23filter0_d_1535_7765)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.5 12C22.9396 12 16 18.9396 16 27.5C16 36.0604 22.9396 43 31.5 43H34V58L49 43H134.5C143.06 43 150 36.0604 150 27.5C150 18.9396 143.06 12 134.5 12H31.5Z' fill='white'/%3E%3Cpath d='M34 43H34.5V42.5H34V43ZM34 58H33.5V59.2071L34.3536 58.3536L34 58ZM49 43V42.5H48.7929L48.6464 42.6464L49 43ZM16.5 27.5C16.5 19.2157 23.2157 12.5 31.5 12.5V11.5C22.6634 11.5 15.5 18.6634 15.5 27.5H16.5ZM31.5 42.5C23.2157 42.5 16.5 35.7843 16.5 27.5H15.5C15.5 36.3366 22.6634 43.5 31.5 43.5V42.5ZM34 42.5H31.5V43.5H34V42.5ZM34.5 58V43H33.5V58H34.5ZM48.6464 42.6464L33.6464 57.6464L34.3536 58.3536L49.3536 43.3536L48.6464 42.6464ZM134.5 42.5H49V43.5H134.5V42.5ZM149.5 27.5C149.5 35.7843 142.784 42.5 134.5 42.5V43.5C143.337 43.5 150.5 36.3366 150.5 27.5H149.5ZM134.5 12.5C142.784 12.5 149.5 19.2157 149.5 27.5H150.5C150.5 18.6634 143.337 11.5 134.5 11.5V12.5ZM31.5 12.5H134.5V11.5H31.5V12.5Z' fill='%23E4E4E4'/%3E%3C/g%3E%3C/svg%3E");
        padding: 16px !important;
        height: 62px !important;
        width: 144px !important;
        border-radius: 50px !important;
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: 4px;
        flex-wrap: nowrap !important;
      }
      .post_center{
          display: flex;
          align-items: center;
      }
      .min-height{
        height: 140px;
      }
      .kebab .keb_menu {
      width: 24px;
      height: 24px;
      border-radius: 5px;
      margin: 3px 0;
      z-index: 1000;
      }
      .q_edit {
      display: none;
      }
    .ul_hov:hover{
        background-color: #F6F6F6;
        color: #2E2E2E;
      }
      .ul_hov:active{
        background-color: #EDEDED;
        width: 96%;
      }
      .meta_input {
      height: 32px;
      padding: 24px !important;
      }
      .menu-ovlay{
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      z-index: 100;
      width: 100vw;
      visibility: hidden;
      }
      
  /* Side bar */

.side-bar{
  width: 163px;
}
.Parent-Flex{
  display: flex;
  gap: 8px;
}
.ul_hov:hover{
background-color: #F6F6F6;
color: #2E2E2E !important;
width: 96%;
}
.ul_hov:active{
  background-color: #EDEDED;
  width: 96%;
}
.sub-ul li{
  font-size: 14px;
}
.sub-ul:hover .li-img img{
  filter: brightness(0) saturate(100%) invert(28%) sepia(10%) saturate(0%) hue-rotate(146deg) brightness(96%) contrast(94%);
}
.sub-ul li:hover{
  color: #2E2E2E !important
}
  .Main,.Main2{
      width: 1024px;
      margin: 0 auto; 
  }
  .Main-ul{
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin-left: 10px;
      padding-left: 0;
      position: fixed;
      margin-top: 64px;
  }
  .sub-ul{
      display: flex;
      gap: 8px;
      align-items: center;
      background-color: #FEFEFE;
      padding-left: 0;
      padding:8px;
      border-radius: 4px;
      height: 32px;
      width: fit-content;
      cursor: pointer;
  }
  .inkSigma img{
      margin-top: 112px;
  }
  .gap-md-24{
      gap: 24px !important;
  }
  .btn-auto{
      margin-left: auto;
  }
  .des-none{
      display: none !important;
  }
  /*visitors page*/
  .w-1024{
      width: 1024px;
      margin: 0 auto;
  }
  /* Navbar */
  .nav-bar{
      border-radius: 8px;
      background: #FFF;
      /* box-shadow: 0px 4px 17px 0px #F1F1F1; */
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.07);
      padding: 12px 24px !important;
      width: 1024px;
      height: 66px;
      opacity: 1;
  }
  .magicLinkP{
      margin-top: 198px;
      margin-bottom: 32px;
  }
  #forgot-password{
      margin-top: 194px;
  }
  .forgot-password-txt{
      margin-bottom: 56px;
  }
  .create-publication{
      margin-top: 110px;
  }
  .footer_side_line{
      display: none;
  }

@media only screen and (min-width: 581px) and (max-width: 998px){
  .Main2{
      padding: 0px 40px;
  }
  .publication-intro {
      padding: 24px 84px !important;
  }
  .publication-intro p
  {
      line-height: 20px;
  }
  .nav_sec {
      position: fixed;
      width: 100%;
      padding: 0px 0px;
  }
  .grid-col-2 {
      grid-template-columns: 1fr 1fr;
  }
}
}
@media only screen and (max-width: 999px){
  .Main, .Main2 {
      width: 100% !important;
      /* width: 696px; */
      margin: 0 auto;
  }
   .copyright{
      margin-bottom: 88px;

  }
  .ul_hov {
    margin-top: 0px !important;
}
  .w-1024{
      width: 100%;
  }
  .pub-footer{
      display: none;
  }

  .nav-bar{
      border-radius: 8px;
      background: #FFF;
      box-shadow:none;
      border-bottom: 1px solid var(--dividers, #EDEDED);
      border-radius: 0px;
      padding: 12px 24px !important;
      /* width: 696px; */
      height: 66px;
      margin-top: 20px;
  }
  .dt_bg{
      margin-top: 20px;
  }

  .nav_sec {
      position: fixed;
      width: 100%;
  }
 
  .demo_txt1 {
      width: 100%;
      padding: 24px 16px;
  }
  .dt_tit_parent{
      display: none !important;
  }
  .view_btn{
    position: fixed !important;
    bottom: 99px !important;
    /* left: -4px !important; */
    right: 18px !important;
    border-top: none !important;
    background-color: none !important;
    z-index: 9999;
}
    .dt_tit_parent_1{
      visibility: hidden;
  }
  .footer_side_margin_right{
      margin-right: 10px;
  }
  .m-flex{
      display: flex;
      width: 100%;
      gap: 0px;
    }
    /* Login */
    .inkSigma img{
      margin-top: 112px;
  }
  .form-title{
      margin-top: 0;
  }
  .dt_gbk{
      margin-bottom: 211px;
  }
  .dt_gbw{
      margin-bottom: 275px !important;
  }
  .magic-link .dt_gbk{
      margin-bottom: 436px;
  }
  .magicLinkP{
      margin-top: 284px;
      margin-bottom: 24px;
  }
  #forgot-password{
      margin-top: 312px;
  }
 
  .ul_hov li{
      display: flex !important;
  }
  .side-bar {
      width: 100% !important;
      margin-bottom: 20px;
      margin-top: 15px;
  }
  
  .Main-ul {
      display: flex;
      flex-direction: row;
      /* gap: 4px; */
      /* padding-left: 0; */
      position: relative !important;
      margin-top: 0px;
      justify-content: center;
  }
  .vertical-line{
      display: none;
  }
  .sub-ul{
      display: block;
      padding: 0px !important;
      width: 90px;
      margin-bottom: 10px;
  }
  .sub-ul li {
      justify-content: center;
      font-size: 14px;
      padding-top: 4px;
      color : #B0B0B0;
  }
  .side-nav-both img {
      width: 20px;
      height:20px;
      margin: 0 auto;
  }
  .ver-line-md{
      display: block;
      margin-top: 12px;
  }
  .side-nav-both{
      padding: 8px !important;
      overflow-y: hidden;
  }
  .d-none-md{
      display: none;
  }
  ::-webkit-scrollbar {
      width: 1px;
      border: none;
    }
    
    ::-webkit-scrollbar-track {
      border-radius: 0;
      background: #fff;
    }
    
    ::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #fff;
    }
    /* .select_btn {
      display: none;
   } */
   .side-nav-both .Parent-Flex{
      display: flex;
      overflow-x: scroll;
   }
  .side-nav-both{
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   border-top: 1px solid var(--dividers, #EDEDED);
   background: var(--backround, #FEFEFE);
  z-index: 9999;
  /* Shadow big */
  box-shadow: 10px 9px 48px 0px rgba(4, 32, 52, 0.10);
  padding: 24px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  
  }
  .side-nav-both a{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 2px;
  }
  .side-nav-both img{
   width: 20px;
  }
  .side-nav-both p{
   font-size: 14px;
   color: #B0B0B0;
   word-wrap: normal;
   text-align: center;
  }
  .justify-center-md{
      justify-content: center;
  }
  .footer_side_line{
      display: block;
      width: 0px;
  }

}
@media only screen and (max-width: 740px){
  /*kebab*/
.hidden {
  display: none !important;
}
.little-list {
  display: block;
  border-radius: 8px;
  border: 1px solid var(--card-card-stroke, #EDEDED);
  background: var(--backround, #FEFEFE);
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.07);
  z-index: 1000;
  color: black;
  padding: 12px 12px;
  /* padding: 8px 8px; */
  transition: opacity 0.2s, margin-top 0.2s;
  opacity: 1;
  text-decoration: none;
  text-align: left;
  margin-top: 8px;
  width: 160px;
  line-height: 2;
  left: -131px;
  position: absolute;
  list-style-type: none;
}
/*kebab menu for mobile device*/
.kebab {
cursor: pointer;
position: relative;
display: inline-block;
box-sizing: border-box;
/*padding: 0 16px;*/
top: 22px;
}
.kebab .keb_menu {
  display: block !important;
width: 24px;
height: 24px;
border-radius: 5px;
margin: 3px 0;
z-index: 1000;
}
.little-list .center-btn{
  display: block; /*for mobile device */
  margin-top: 0px;
}
.little-list .icon_bg img{
  border:  none;
  height: 28px;
  width: 28px;
}
.pop-text-md{
  display: block;
  font-size: 12px;
  align-items: center;
  margin-top: 2px;
  color: #2E2E2E;
}
.nav{
  transform: translate(0px, -25px);
  padding-left: 0px;
}
}
@media only screen and (max-width: 580px){
  .Main, .Main2 {
      /* width: 100% !important; */
      width: 580px;
      margin: 0 auto;
  }
  .edit-md img{
    height: 26px !important;
    width: 26px !important;
    padding: 6px !important;
  }
  .nav-bar ul{
    margin-top: 24px;
  }
  .d-columns{
      display: flex;
      flex-direction: column;
  }
  .dt_bg{
      margin-top: 0;
  }
  .demo_txt1 {
      width: 100%;
  }
  .inkSigma img{
      margin-top: 52px;
      width: 80px;
  }
  .form-title{
      margin-top: 0;
      font-size: 14px;
  }
  .label_txt{
      font-size: 12px;
  }
  input::placeholder{
      font-size: 12px;
  }
  .show-hide-txt{
      font-size: 12px;
  }
  .footer_side_margin_left{
      margin-left: 80px;
  }
  .footer_side_margin_right{
      margin-right: 10px;
  }
  .fp_txt{
      color: #a4a4a4;
      font-size: 12px;
  }
  .primary-btn{
      /* margin-top: 30px; */
      font-size: 12px;
  }
  .save .primary-btn{
      box-shadow: none !important;
  }
  .btn-secondary{
      font-size: 12px;
  }
  .secondary-btn{
      font-size: 12px;
  }
  .new_txt{
      margin-top: 16px;
      font-size: 12px;
  }
  .or_txt{
      margin-top: 16px;
      margin-bottom: 16px;
      font-size: 12px;
  }
  .create_acct{
      font-size: 12px;
  }
  .dt_gbk{
      margin-top: 24px;
      font-size: 12px;
  }
  .forgot{
      margin-top: 150px;
      font-size: 12px;
  }
  #forgot-password{
      margin-bottom: 40px;
      margin-top: 150px;
  }
  .forgot-password-txt{
      font-size: 12px;
      margin-bottom: 40px;
  }
  .send-mail-btn{
      font-size: 12px;
  }
  .dt_gbw{
      margin-bottom: 124px !important;
   }
 
  .copyright p{
      font-size: 8px;
  }
  .magicLinkP {
      margin-top: 140px;
      margin-bottom: 32px;
  }
  .magic-link{
      margin-bottom: 24px;
  }
  
  .blogPost-btn{
      margin-top: 0px !important; 
  }
  .save{
      display: flex;
      flex-direction: column;
  }
  .footer_side_line div{
      display: block;
      width: 0px;
  }
}

@media only screen and (max-width: 580px){
  .nav-bar{
      margin-top: 0;
      width: 100%;
  }
  /* .side-bar{
      display: none;
  } */
  /* .nav-bar{
      display: none;
      width: 100%;
  } */
  .mob-nav{
      width: 100%;
      display: flex;

  }
  .mob-nav ul{
      width: 100%;
      justify-content: space-between;
  }
  .profile label{
      font-size: 12px;
  }
  .user-settings{
      width: 130px;
      border-bottom: 2px solid black;
      margin: 0 auto;
      padding: 10px;
      font-size: 14px;
      display: block;

  }
  .label_txt{
      font-size: 12px;
  }
  .inp{
      font-size: 12px;
      font-weight: 400;
  }
.save{
  padding: 16px 10px;
  /* box-shadow: 0px -2px 17px 0px rgba(0, 0, 0, 0.12); */
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 0;
  /* margin-top:100px; */
  }
.save button{
  margin-top: 0;
  margin-bottom: 0;
  /* width: 270px; */
}
.dt_bg{
  display: flex;
  flex-direction: column;
}
.verified_btn {
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 10px;
}
.p_tit{
  margin-top: 32PX;
}
.blog_border{
  margin: 16px;
  padding: 16px;
}
.blog_dec {
  width: 100%;
}
.d-none-md{
  display: none;
}
.center_btn{
  margin-top: 0px;
}
.published_badge {
  width: fit-content;
  margin-top: 8px;
  font-size: 10px;
}
.icon_bg img {
  border-radius: 4px;
  height: 26px !important;
  width: 26px !important;
}
.blog_title {
  font-size: 12px;
}
.blog_dec{
  font-size: 12px;
}
.cat_badge span{
  font-size: 10px;
}
.blog_border .gap-16{
  gap: 8px;
}
.user-profile{
  gap: 0px;
}
.user-name, .dropdownn-button img {
  display: none;
}
.dropdownn-menu {
  right: 0px;
}
.des-none{
  margin-top: -24px;
}
.dropdownn-menu li{
  font-size: 12px;
}
.zem-title-input{
  color: var(--text-text-primary, #2E2E2E);
  font-family: Public Sans;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 800;
}
.create-publication h2 {
  margin-top: 40px;
  font-size: 14px;
font-style: normal;
font-weight: 700;
}
.create-publication .setup {
  font-size: 12px;
}
.com {
  font-size: 12px;
}
.copyright{
  color: #B0B0B0; 
  font-size: 10px; 
}
.start-writing input{
  font-size: 12px;
}
.publication-intro {
  padding: 24px !important;
}
.publication-intro h1 {
  font-size: 14px !important;
}
.publication-intro p
{
  font-size: 12px !important;
  line-height: 1.4;
  margin-top: 18px;
}
.p-40-md{
  padding: 0px 24px;
}
.pb_txt {
  margin-top: 24px;
}
.p_tit{
  margin-top: 4px !important;
}
.p_tit img {
  margin-top: -2px;
  width: 100%;
  height: auto;
}
.p_tit .art_des{
  font-size: 12px;
  line-height: 1.5;
  margin-top: 12px;
}
.p_tit h1 {
  font-size: 14px;
}
.art_bd{
  padding: 24px;
}
.gr-one{
  grid-template-columns: 1fr !important;
}
.thumb-text{
  display: none;
}
.t-img {
 margin-right: 0px !important;
}
.choose-category{
  margin-bottom: 0px;
}
.ul_hov li{
  display: flex !important;
}
.side-bar {
  width: 100% !important;
}
.Main-ul {
  display: flex;
  flex-direction: row;
  /* gap: 4px; */
  /* padding-left: 0; */
  position: relative !important;
  margin-top: 0px;
  justify-content: flex-start;
}
.vertical-line{
  display: none;
}
.sub-ul{
  display: block;
  padding: 0px !important;
  width: 90px;
  margin-bottom: -6px;
}
.sub-ul li {
  justify-content: center;
  font-size: 12px;
  padding-top: 4px;
  color: #B0B0B0;
}
.side-nav-both img {
  width: 16px;
  margin: 0 auto;
}
.ver-line-md{
  display: block;
  margin-top: 12px;
}
.side-nav-both{
  padding: 8px !important;
  overflow-y: hidden;
}
.d-none-md{
  display: none;
}
::-webkit-scrollbar {
  width: 1px;
  border: none;
}

::-webkit-scrollbar-track {
  border-radius: 0;
  background: #fff;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #fff;
}
/* .select_btn {
  display: none;
} */
.side-nav-both .Parent-Flex{
  display: flex;
  overflow-x: scroll;
}
.side-nav-both{
position: fixed;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid var(--dividers, #EDEDED);
background: var(--backround, #FEFEFE);
z-index: 9999;
/* Shadow big */
box-shadow: 10px 9px 48px 0px rgba(4, 32, 52, 0.10);
padding: 24px;
align-items: center;
justify-content: center;
gap: 32px;

}
.side-nav-both a{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
}
.side-nav-both img{
width: 12px;
}
.side-nav-both p{
font-size: 12px;
color: #B0B0B0;
word-wrap: normal;
text-align: center;
}
.justify-center-md{
  justify-content: center;
}
.av_auto{
  margin: auto;
}
.alert-txt , .alert-span{
  font-size: 12px;
}
.alert-restore{
  font-size: 14px;
}
.modal__content{
  width: 100%;
  margin: 32px;
}
.w-sec {
  width: 90px;
}
.w-prim {
  width: 120px;
}
.title-tr {
  
  transform: translate(0px, -2px);
  line-height: 18px;
}
    input[type="checkbox"], input[type="radio"] {
      cursor: pointer;
      content: "";
      width: 14px;
      height: 14px;
      border: 1px solid var(--neutrals-grey-50, #808080);
      background: #fff;
      line-height: 1.1;
      border-radius: 4px;
      margin-right: 4px;
      transform: translate(0px, 0px);
  }
  input[type="checkbox"]:after {
      content: "";
      position: absolute;
      margin-right: 4px;
      border-radius: 4px;
      display: block;
      width: 14px;
      height: 14px;
      border: 1px solid var(--neutrals-grey-50, #808080);
      /* background: #F8F8F8 !important; */
      line-height: 1.1;
  }
  .md-btn-24{
      margin-top: 8px;
  }
  .prof_img {
      height: 48px;
      width: 48px;
  }
  .dash_txt .gap-24{
      gap: 12px;
  }
  .p_tit .r_tit{
      margin-top: 24px;
  }
  .ml-md-24{
      margin-left: 24px;
  }
  .side-bar {
      width: 100% !important;
      margin-bottom: 16px;
      margin-top: 8px;
  }
  .footer_side_margin_left {
      margin-left: 0px;
  }
  .mt-md-40 h1{
      margin-top: 40px;
  }
  .pub_das span{
      font-size: 14px; 
  }
  .nav_sec {
      position: fixed;
      padding-top: 0px;
  }
  .ul_hov{
      margin-top: 0px !important;
  }
  .postlist_center{
      align-items: start;
      gap: 4px;
     }
  .dt_gbk , .fp_txt{
      font-size: 12px !important;
  }
  .pub_db_txt{
      font-size: 14px;
  }
  .pub_db_des{
      font-size: 12px; color: #a4a4a4;
  }
  .pub_img , .pub_img_pt{
      height: 48px;
      width: 48px;
  }
  .p_tit .art_des{
      padding-bottom: 12px;
  }
  .blog_dec{
      padding-top: 4px;
  }
  .side-nav-both img {
      width: 16px !important;
  }
  .reset-password {
    font-size: 12px;
  }
  .icon_bg_warn img {
    border: none;
    background: none;
    height: 28px;
    width: 28px;
  }
  .options label {
    font-size: 12px;
    color: #2e2e2e;
}
.mt-md-0{
  margin-top: 0px;
}
.dropdownn-button {
  display: none;
}
.feedback_modal label {
  font-size: 12px;
}
.options{
  margin-left: -183px;
  width: fit-content;
}
.zem-write-title .Draft{
  position: static !important;
  transform: translate(0px, 0px) !important;
}
.zem-write-title .Published{
  position: static !important;
  transform: translate(0px, 0px) !important;
}
.Draft {
  position: absolute;
  left: 16px !important;
  /* background: aquamarine; */
  /* color: #267F24;
  border-radius: 8px 0px;
  background: var(--tint-green-tint, #D5F2D4); */
  transform: translate(0px, -56px) !important;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.Trash , .Published{
  position: absolute;
  left: 16px !important;
  transform: translate(0px, -56px) !important;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.fl-col-md{
  display: flex;
  flex-direction: column;
}
.pre_tl{
  padding: 12px 0px 0px 0px;
  align-items: start !important;
}
.feedback-link{
    font-size: 12px;
}
.feed-p{
  font-size: 12px;
}
.feed-title{
  font-size: 14px;
  margin-bottom: 8px;
}
.feed-sub{
  font-size: 12px;
  margin-bottom: 4px;
}
.blog_border .cat_badge {
  margin-left: 0px;
}
}