@media (min-width: 320px) and (max-width: 767px) {
  
.header-nav {
  background-color: white;
  width:100%;
  height:80px;
}




.header-nav__item--call,
.header-nav__item--chat,
.header-nav__item--profile,
.header-nav__item--divider-left {
  display:none;
}



.side-menu__slider {
  display:flex;
  position: relative;  
  overflow: auto;
  white-space: nowrap;
  padding-left:1.5em;
  
}



.side-menu__slider a:hover {
  border:2px solid #B8FFEC;
  border-radius:5px;
  }

.side-menu__slider a:nth-child(2)::after {
  content:"";
  position: absolute; 
  top: 0;
  right: 0;
  width: 24px; 
  height: 40px; 
  background: linear-gradient(270deg, #F8F8F8 16.84%, rgba(248, 248, 248, 0.0001) 100%);
  pointer-events: none;
}

.main-container {
  flex-direction: column;
}

.pic-container__img {
    width:320px;
    height:176px;
}

.about {
    height:170px;
    overflow:hidden;
    width: 100%;
}
.about__text {
  height:110px;
  overflow: hidden;
  width:85%;
  margin-left:1.5em;;
  padding-left:0;
}

.about__read-more {
  padding-top:10px;
  margin-left:1.2em;
}

.desktop-nav__button {
  display:none;
}
}

@media (min-width: 768px) and (max-width: 1119px) {
  

.header-nav {
  background-color: white;
  height:80px;
}



.side-menu__slider {
  display:flex;
  position: relative;  
  overflow: auto;
  white-space: nowrap;
  padding-left:1.5em;
  }



.side-menu__slider a:hover {
  border:2px solid #B8FFEC;
  border-radius:5px;
}


.side-menu__slider a:nth-child(2)::after {
  content:"";
  position: absolute; 
  top: 0;
  right: 0;
  width: 24px; 
  height: 40px; 
  background: linear-gradient(270deg, #F8F8F8 16.84%, rgba(248, 248, 248, 0.0001) 100%);
  pointer-events:none;
}


.pic-container__img {
    width:360px;
    height:208px;
    border-radius:10px;
}

.about {
  overflow:hidden;
  width: 50%;
}

.pic-container {
  width:50%;
}

.about__text {
  height:160px;
  overflow: hidden;
  width:80%;
  margin-left:1.5em;
  padding-left:0;
}

.about__read-more {
  padding-top:10px;
  margin-left:1.2em;
}

.desktop-nav__button {
  display:none;
}
}

@media (min-width: 1120px) {
  .header-nav {
    display:none;
  }

  .desktop-nav {
    display:flex;
    justify-content:space-between;
  }



  .side-menu__slider {
  display:flex;
  flex-wrap:wrap;
  white-space: nowrap;
  padding-left:1.5em;
  }

  .side-menu__item:hover {
  border:2px solid #B8FFEC;
  border-radius:5px;
  }

.pic-container__img {
    width:531.35px;
    height:307px;
    border-radius:10px;
}

.about__read-more {
  padding-top:10px;
  margin-left:1.2em;
}

.about__text {
  width:90%;
  margin-left:1.7em;
  padding-left:0;
}

.side-menu__item {
  padding:10px 20px;
  font-size:16px;
}
}