/* Tips CSS */
/* _setting CSS */
/* Smartphones (portrait and landscape) */
@media screen and (max-width: 780px) {
  .single .wrapper_inner {
    width: 100%;
  }
  .single .main {
    padding: 0 5.12821vw;
    margin-bottom: 20.51282vw;
  }
  .single .article_head .cats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 3.84615vw;
  }
  .single .article_head .cat {
    border: 0.25641vw solid #ec002d;
    font-size: 3.07692vw;
    color: #ec002d;
    padding: 1.28205vw 2.5641vw;
    margin-right: 2.5641vw;
    margin-bottom: 2.5641vw;
  }
  .single .article_head .date {
    display: block;
    font-size: 3.58974vw;
    margin-bottom: 2.5641vw;
  }
}
/* Desktops and laptops */
@media print, screen and (min-width: 781px) {
  .wrapper_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .single .main {
    width: 850px;
  }
  .single .article_head .cats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
  }
  .single .article_head .cat {
    border: 1px solid #ec002d;
    font-size: 1.4rem;
    color: #ec002d;
    padding: 3px 13px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .single .article_head .date {
    display: block;
    width: 85px;
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}