/* ==============================
   Responsive Design, 1024, 766, 412
   ============================== */

@media screen and (min-width: 412px) and (max-width: 766px) {


  body {
    padding-top: 50px;
    padding-left: 12.5px;
    padding-right: 12.5px;
  }

    header{
    padding-left: 12.5px;
    padding-right: 12.5px;
    margin-top: -10px;
    height: 35px;
  }

  footer{
    padding-left: 12.5px;
    padding-right: 12.5px;

  }

  h1, p, a {
    font-size: 12.5px;
  }

  .my-name{
  margin-bottom: 0;
  }

  .my-name a {
    font-size: 15px;

    padding-bottom: 0px;
  }

  .mymenu-text a {
    font-size: 12.5px;
  }

  .mymenu-text {
    gap: 12.5px;
  }


  .mymenu{
    margin-left: -7.5px; /*adjust*/
    transform: translateY(+3.5px); /*adjust*/
    gap: 10px; /*▼*/
    align-items: baseline;
    justify-content: flex-start;
 }


  .time-switch{
  font-size: 7.5px;
  }


  .post-meta a,
  .post-title a,
  .page-numbers,
  .archive-years a,
  .category-list a,
  .single-post-info a,
  .single-post-title a,
  .post-each-item .writing-text p,
  .page-title,
  .page-content a {
  font-size: 12.5px;
  }

  .single-post-info{
  gap: 5px;
  }

   .images{
  gap: 20px;
  }


  .post-meta{
  margin-left: 10px;
  gap: 15px;
  }

  .post-meta a{
    margin: 0;
    padding: 0;
  }

  .post-meta .post-title h2{
    margin: 0;
    padding: 0;
  }



  .single-post .post-each-item .writing-text p{
  font-size: 12.5px;
  }


 .single-post .post-each-item .writing-text{
    margin-left: 10px;
}

.above-footer {
  padding-left: 0px; /*adjust*/
}

.archive-years {
  gap: 7.5px;}

  .category-list li {
  line-height: 1.25; 
}

.page-content p
{
  font-size: 10px;
}

.post-title{
padding-top: 0;
}

.single-post .post-each-item .writing-text p{
    font-size: 12.5px;
    line-height: 2;
}

.above-footer-archive{
  margin-left: 7.5px;
  margin-bottom: 15px;
}

.above-footer{
margin-bottom: 30px;
}

.cmark{
  margin-left: 7.5px;
  margin-top: 15px;
  
}

.cmark p{
  font-size: 12.5px;
  color: #999;
}

.single-post{
gap: 15px;
}

.post-item{
margin-bottom: 15px;
}

.nav-links .page-numbers{
  letter-spacing: 17.5px; 
  font-size: 10px;
}


.post-each-item-footer {
  margin-top: 0px;
}

.post-meta .page-content p,
.post-meta .page-content a{
font-size: 10px;
}

.writing-text .single-post-info .post-year {
margin: 0;
padding: 0;
}

.single-post-info{
  margin-left: 0;
}

.one-category-info {
  gap: 0px;
}

.one-category .one-category-info{
margin-left: 10px;
}

div.one-category div.one-category-info p{
  font-size: 10px;
  letter-spacing: 1.25px;
}

.one-category .one-category-info .one-category-title a{
font-size: 12.5px;
} 

.single-post{
gap: 10px;
}

.single-post-info .post-comment p{
  font-size: 10px;
  letter-spacing: 1.25px;
}

.post-meta-single{
gap:10.5px;
}

.page-numbers{
  letter-spacing: 20px; 
  font-size: 12.5px;
}

.category-list li {
  line-height: 1.5; 
}

.above-footer {
    margin-top: 15px;
}

.one-category-description{
  margin-top: 12.5px;
}

.post-meta-single{
  margin-bottom: 12.5px;
}

.post-comment{
margin-top: 0;
}


.above-footer-archive{
  gap: 10px;
}

.page-numbers a{
font-size: 12.5px;
}

.navigation.pagination .page-numbers{
font-size: 12.5px;
}

.navigation.pagination .nav-links{
gap: 10px;
}

.navigation.pagination .page-numbers,
.above-footer-archive .page-numbers 
{

  width: 20px;
  height: 20px;
  border-radius: 3px;
  letter-spacing: 0.06em;
}


}