.head-mod {
   /* display: none; */
   position: fixed;
   top: 0;
   left: 110vw;
   right: -110vw;
   bottom: 0;
   background: rgba(0, 0, 0, 0.7);
   z-index: 2;
}
.head-mod__container {
   position: absolute;
   width: 400px;
   top: 0;
   right: -400px;
   bottom: 0;
   background: #fff;
   padding: 24px;
   display: flex;
   flex-direction: column;
   justify-content: end;
   transition: 0.3s;
}
.head-mod__btn-block {
   display: flex;
   width: 100%;
   justify-content: center;
}
.head-mod__btn {
   padding: 20px 40px;
   background: #0099ff;
   color: #fff;
   font-weight: 500;
   border-radius: 50px;
}
.head-mod__ul {
   margin-bottom: 30px;
}
.head-mob__link {
   display: block;
   width: 100%;
   padding: 16px 0;
   font-weight: 500;
   border-bottom: 1px solid #ccc;
}
.head-mod__phone-block {
   text-align: center;
   margin-bottom: 30px;
}
.head-mod__phone {
   font-weight: 500;
}
.head-mod__soc-ul {
   display: flex;
   justify-content: center;
   margin-bottom: 30px;
}
.head-mod__soc-li {
   margin-right: 10px;
}
.head-mod__logo-block {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: auto;
   font-weight: 700;
   font-size: 18px;
   text-transform: uppercase;
   font-style: italic;
}
.head-mod__logo {
   display: block;
   width: 24px;
   margin-right: 5px;
}
.head-mod__logo-span {
   text-transform: none;
   font-weight: 300;
   font-size: 18px;
   color: rgb(102, 102, 102);
}
.head-mod__close-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   left: -40px;
   bottom: 20px;
   width: 30px;
   height: 30px;
   background: #fff;
}
.head-mod__close-btn .bx {
   font-size: 36px;
}

@media (max-width: 500px) {
   .head-mod__container {
      width: 300px;
      padding: 20px;
   }
   .head-mod__btn {
      padding: 12px 32px;
   }
   .head-mod__ul {
      margin-bottom: 20px;
   }
   .head-mob__link {
      padding: 12px 0;
   }
   .head-mod__phone-block {
      margin-bottom: 20px;
   }
   .head-mod__soc-ul {
      margin-bottom: 20px;
   }
}