@media screen and (max-width:1200px) {
  .site-h-in {
    width: 100%;
    padding: 0 5% 0 0;
  }

  .h-logo {
    left: 5%;
  }

  #cont {
    width: 100%;
  }

  .top-i {
    /* height: 60rem; */
    overflow: hidden;
  }

  .top-i img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    /* transform: translate(-50%, -50%); */
  }

}

@media screen and (max-width:1200px) {

  body.page .sc,
  body.single .sc {
    width: 90%;
  }
}

@media screen and (max-width:1000px) {
  .site-f-in {
    width: 80%;
  }

  .site-f-in-l {
    width: 28rem;
  }

  .site-f-in-r {
    width: calc(100% - 28rem);
  }

  .site-f-in-r li {
    width: 100%;
  }
}

@media screen and (max-width:640px) {
  #hp .sc {
    padding: 10rem 5%;
  }

  body.page .sc,
  body.single .sc {
    padding: 5rem 5%;
  }

  .site-f-in-l,
  .site-f-in-r {
    width: 100%;
  }

  .site-f-in-r {
    display: none;
  }

  .f-logo {
    text-align: center;
  }

  .covaks-f-info {
    text-align: center;
  }

  .copy-right {
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
  }
}