/* header */

@media(max-width: 890px){
    header .header_label .header_wrapper{
        flex-direction: column;
        justify-content: center;
        height: 68px;
        gap: 2px;
    }
    header .header_label span{
        width: 100%;
        text-align: center;
    }
    .header_main{
        height: 100px;
    }
    .header_main li {
        margin: 12px;
    }
    .header_main li a {
        padding: 20px 20px;
        opacity: 1;
        font-weight: 700;
      }
      /* .header_main .menu {
          background: #000;
          flex-direction: column;
          padding: 20px;
          position: absolute;
          z-index: 2;
          height: calc(100vh - 145px);
          width: 100vw;
          right: -100vw;
          top: 150px;
          transition: 0.5s;
      }
      .header_main .menu-btn:checked ~ .menu {
        right: 0;
        transition: 0.5s;
    } */
    .header_main .menu {
        background: #000;
        flex-direction: column;
        padding: 0px;
        position: absolute;
        z-index: 2;
        height: calc(100vh - 145px);
        width: 0vw;
        overflow: hidden;
        right: -100vw;
        /*right: 0;*/
        top: 150px;
        transition: 1s;
        /* display: none; */
    }
    .header_main .menu-btn:checked ~ .menu {
      right: 0;
      width: 100vw;
      padding: 20px;
      transition: 1s;
      /* display: flex; */
  }
      .header_main .menu-icon {
          display: inline-block;
          margin-top: 10px;
      }
    .header_main .contact_button {
        margin-top: 12px;
    }
    .header_main li a::after{
        display: none;
    }
    .icon-phone {
        width: 25px !important;
    }
    header .header_label .social_links .icon {
        width: 35px;
    }
}

@media(max-width: 767px){
    footer .footer_contents {
        flex-direction: column;
    }
    footer .footer_contents .footer_logo{
        max-width: 85%;
        margin: 0 auto;
    }
    footer .working_hours{
        position: absolute;
        right: 20px;
        top: 0;
    }
    .copyright .copy_wrapper{
        flex-direction: column;
    }
    .copyright .social_links{
        margin-bottom: 5px;
    }
    .home-page .banner h2 {
        font-size: 32px;
    }
}

@media(max-width: 448px){
    footer .working_hours{
        position: relative;
        right: initial;
        left: 0;
        align-items: flex-start;
    }
    footer .footer_contents .footer_logo {
        align-items: flex-start;
        text-align: left;
        max-width: 100%;
        margin: initial;
    }
    footer .footer_contents{
        gap: 20px;
    }
    footer .working_hours h3 {
        margin-top: 5px;
    }
    .home-page .banner h2 {
        font-size: 28px;
    }
}