#head_nav li a span
{
  display: inline-block;
  text-shadow: 1px 1px 1px #fff, 0 0 5px #aaa;
  color: #4e4e4e;
  z-index: 0;
}


@media (max-width: 1270px)
{
  #main_preview{
    font-size: 22px;
  }
  .post_preview
  {
    font-size: 17px;
  }
}


/* lg */
@media (max-width: 1111px)
{
  .grid_box
  {
    width: 98.5%;
    height: 197px;
  }
  .logo img
  {
    width: 77%;
    top: 3px;
  }
  #head_nav li a.active_section,#head_nav li a:hover
  {
    box-shadow: none;
  }
  
  #main_preview{
    font-size: 23.9px;
  }
  #moon{
    right: 1px;
  }
}


@media screen and (max-width:1020px)
{
  
  .bar_transform2
  {
    -webkit-transform: translateX(-250px);
    -moz-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    -o-transform: translateX(-250px);
    transform: translateX(-250px)
  }
  .bar_transform_open
  {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    transition: all 1s;
  }
  #content.cont_transform
  {
    padding: 5px 20px 20px
  }

  #main_preview{
    font-size: 20px;
  }
  .category_hide
  {
    display: block;
  }
  .flex
  {
    width: 102%;
  }
}



/* md */
@media (max-width: 900px)
{
  #head_nav li a
  {
    font-size: 1.3em;
    padding: 3px;
  }
  .transform
  {
    transform: scale(1,0.8);
  }
  .transform2
  {
    transform: scale(0.9);
  }
  .transform3
  {
    top: 3px;
  }
  #formAuth
  {
    width: 70%;
    left: 15%;
  }
  .flex *
  {
    font-size: 18px;
  }
  h1
  {
    font-size: 27px !important;
  }
  .date
  {
    font-size: 14px;
  }
  code[class*=language-] *,pre[class*=language-] *
  {
    font-size: 15px !important;
    line-height: 1 !important;
  }

}

/* sm */
@media (max-width: 800px)
{
  #head_nav ul
  {
    transform: scale(0.8);
    transform-origin: right;
  }
  .logo img
  {
    width: 65%;
    top: 8px;
  }
  #formAuth
  {
    width: 70%;
    left: 15%;
    transform: scale(1, 0.7);
  }
  .copyright
  {
    top: 2px;
  }
  .post_preview
  {
    font-size: 19px;
  }
  audio
  {
    width: 77%;
    height: 40px;
  }
}

/* xs */
@media (max-width: 700px)
{
  #head_nav li a
  {
    font-size: 1.1em;
  }
  .logo img
  {
    width: 50%;
    top: 3px;
  }
  #formAuth
  {
    width: 70%;
    left: 15%;
    transform: scale(1, 0.7);
  }

}

/* XS Portrait */
@media (max-width: 600px)
{
  #formAuth
  {
    width: 100%;
    left: 0%;
    transform: scale(1);
  }
  .category_hide
  {
    height: 44px;
  }
  #head_nav ul
  {
    transform: scale(0.65);
    transform-origin: right;
  }
  .logo img
  {
    width: 49%;
    top: 0px;
  }
  #head_nav li a
  {
    font-size: 1em;
    margin-left: -4px;
  }
  #contacts img
  {
    height: 55px;
  }
  #footer li *, .copyright
  {

    font-size: 1em !important;
  }
  .copyright
  {
    top: -1px;
  }
  .post_preview
  {
    font-size: 15px;
  }
  .post_title a
  {
    font-size: 20px;
  }
  .flex
  {
    padding-left: 0;
  }

}
@media (max-width: 500px)
{
  .grid_box
  {
    left: 0;
  }
  .audioWrap{
    width: 90%;
  }
  #moon{
    top: 9px;
  }
  #star{
    top: 11%;
  }
}
@media (max-width: 400px)
{
  #head_nav li a
  {
    font-size: 0.7em;
    margin-left: -4px;
  }
  .transform img
  {
    width: 100% !important;
  }
  .transform
  {
    margin-left: 3px;
  }
  #header .search_field
  {
    width: 86.5%;
  }
  #footer li
  {
    margin-left: 3px;
  }
  #footer li *, .copyright
  {
    font-size: 1.5em !important;
  }
  .copyright
  {
    top: 0px;
  }
  .post_preview
  {
    font-size: 11px;
  }
  .trans
  {
    transform: scale(1.4);
    left: -21px;
  }
  .left1
  {
    left: -25px;
  }
}