/*********************************
*************global***************
*********************************/


/*******************************
*********main-section2**********
*******************************/
@media (max-width: 1235px) {
  .main-section2__main {
    padding: 5.18vw 0;
  }
  .main-section2__line {
    padding: 1.05vw 0;
    /*box-shadow: 0px 0.32vw 3.89vw rgba(254, 203, 0, 0.25);*/
  }
  .section2-main__page {
    font-size: 1.13vw;
    border-bottom: 0.0001vw solid rgba(24, 24, 25, 0.8);
  }
  .section2-main__container {
    gap: 0.81vw;  
  }
  .section2-main__arrow {
    font-size: 0.81vw;  
  }
}
@media (max-width: 767.9px) {
  .main-section2__main {
    padding: 10.18vw 0;
  }
  .section2-main__page {
    font-size: 3.13vw;
    line-height: 120%;
    border-bottom: 0.1vw solid rgba(24, 24, 25, 0.8);
  }
  .section2-main__arrow {
    font-size: 2vw;
  }
  .section2-main__arrow {
    font-size: 2vw;
  }
  .section2-main__container {
    gap: 1.81vw;
  }
  .main-section2__line {
    padding: 1.7vw 0;
    /*box-shadow: 0px 2.32vw 5.89vw rgba(254, 203, 0, 0.25);*/
  }
}
/***************************************************
*********************contact page*******************
***************************************************/



/*******************************
*******contact-section**********
*******************************/
@media (max-width: 1235px) {
  .contact-section {
    padding: 6.8vw 0 8.42vw 0;
  }
  .contact-item__icon-wrap {
    width: 5.18vw;
    height: 5.18vw;
  }
  .contact-item__title {
    font-size: 1.94vw;
  }
  .contact-section__right > *:not(:first-child) {
    margin-top: 2.83vw;
  }
  .contact-item__intro > *:not(:first-child) {
    margin-top: 1.13vw;
  }
  .contact-section__item-content > *:not(:first-child) {
    margin-top: 1.94vw;
  }
  .contact-item__contact {
    font-size: 1.46vw;
  }
  a.contact-item__contact {
    border-bottom: 0.08vw solid #fff;
  }
  .contact-item__contact._schedule {
    gap: 1.94vw;
  }
  .contact-section__item {
    padding: 0 2.91vw 2.91vw 2.91vw;
  }
  .contact-section__container {
    gap: 2.67vw;
  }
  .popup__intro-wrapper > *:not(:first-child) {
    margin-top: 1.13vw;
  }
  .popup__sub-text > *:not(:first-child) {
    margin-top: 0.65vw;
  }
  .popup__sub-text {
    font-size: 1.13vw;
  }
}

@media (max-width: 767.9px) {
  .contact-section__container {
    flex-direction: column;
    align-items: center;
  }
  .contact-section__right, .contact-section__left {
    width: max-content;
  }
  .popup__sub-text {
    font-size: 2.5vw;
  }
  .popup__intro-wrapper > *:not(:first-child) {
    margin-top: 2.13vw;
  }
  .popup__sub-text > *:not(:first-child) {
    margin-top: 1.2vw;
  }
  .contact-section__item {
    width: 84vw;
  }


  .contact-item__icon-wrap {
    width: 10.18vw;
    height: 10.18vw;
  }
  .contact-item__intro > *:not(:first-child) {
    margin-top: 3.13vw;
  }
  .contact-item__title {
    font-size: 4.2vw;
  }
  .contact-section__item-content > *:not(:first-child) {
    margin-top: 2.94vw;
  }
  .contact-item__contact {
    font-size: 3.3vw;
  }
  .contact-section__item {
    padding: 0 5.91vw 5.91vw 5.91vw;
  } 
  .contact-section__right > *:not(:first-child) {
    margin-top: 5.83vw;
  }
  .contact-section__container {
    gap: 6.67vw;
  }
  .contact-section {
    padding: 8.8vw 0 15.42vw 0;
  }
}

/********************************
***********contact-media*********
********************************/
@media (max-width: 1235px) {
  .contact-media .order__content {
    top: -4.29vw;
    padding: 2.91vw;
  }
  .contact-media .order__container {
    margin-bottom: -4.29vw;
  }
  .contact-media .order__title {
    font-size: 1.94vw;
  }
  .contact-media__link._icon-vk {
    font-size: 1.7vw;
  }
  .contact-media__link._icon-tg, .contact-media__link._icon-inst, 
  .contact-media__link._icon-whatsapp, .contact-media__link._icon-wiber {
    font-size: 2.35vw;
  }
  .contact-media__list {
    gap: 1.46vw;
  }
}

@media (max-width: 767.9px) {
  .contact-media .order__content {
    top: -11.29vw;
    padding: 6.1vw;
  }
  .contact-media .order__title {
    font-size: 4vw;
    line-height: 140%;
  } 
  .contact-media .order__intro > *:not(:first-child) {
    margin-top: 4.4vw;
  }
  .contact-media__list {
    gap: 3.46vw;
  }
  .contact-media .main-section__title {
    font-size: 5.3vw;
    word-spacing: 0.5vw;
  }
}


/***************************************************
******************portfolio page********************
***************************************************/
@media (max-width: 1235px) {
  .portfolio-section {
    padding: 5.18vw 0 13.85vw 0;
  }
  .portfolio-section__sidebar {
    padding: 2.91vw 1.94vw;
    box-shadow: 0px 0px 3.89vw rgba(0, 0, 0, 0.1);  
  }
  .portfolio-sidebar__pocket > * {
    margin-top: 2.91vw;
  }
  .portfolio-sidebar__title {
    font-size: 1.46vw;
  }
  .portfolio-sidebar__filter-txt span {
    width: 1.13vw;
    height: 1.13vw;
    font-size: 0.81vw;
  }
  .portfolio-sidebar__filters > *:not(:first-child) {
    margin-top: 1.94vw;
  }
  .portfolio-sidebar__filter-txt {
    gap: 0.49vw;
    font-size: 1.3vw;
  }
  .portfolio-section__container {
    gap: 2.43vw;
  }
  .portfolio-section__item {
    width: 21.86vw;
    height: 15.38vw;
  }
  .portfolio-section__item:before {
    box-shadow: 0px 0px 3.89vw rgba(254, 203, 0, 0.36);
  }
  .portfolio-item__img-wrapper {
    height: 12.79vw;
  }
  .portfolio-item__plush {
    height: 2.83vw;
  }
  .portfolio-item__plush span {
    border-bottom: 0.08vw solid transparent;
    font-size: 1.3vw;
  }
  .portfolio-section__body {
    gap: 2.02vw;
  }
}
@media (max-width: 1001px) {
  .portfolio-section__item {
    width: 21.7vw;
    height: 15.25vw;
  }
}
@media (max-width: 770px) {
  .portfolio-section__item {
    width: 21.65vw;
  }
}

@media (max-width: 767.9px) {
  .portfolio-section__container {
    flex-direction: column;
    align-items: center;
  }

  .portfolio-section__sidebar {
    width: 95.8%;
    padding: 3.91vw 3.94vw;
  }
  .portfolio-sidebar__title {
    font-size: 4.46vw;
  }
  .portfolio-sidebar__arrow {
    display: block;
    color: #fff;
    font-size: 4vw;
    transition: all 0.3s ease 0s;
    transform: rotate(90deg);
  } 
  .portfolio-section__sidebar._visible .portfolio-sidebar__arrow {
    transform: rotate(270deg);
  }
  .portfolio-sidebar__title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .portfolio-sidebar__pocket {
    display: none;
  }
  .portfolio-section__item {
    width: 43.6vw;
    height: 32.85vw;
  }
  .portfolio-section__body {
    gap: 4.7vw;
    width: 95%;
  }
  .portfolio-item__img-wrapper {
    height: 25.79vw;  
  }
  .portfolio-item__plush {
    height: 7.2vw;
  }
  .portfolio-item__plush span {
    border-bottom: 0.2vw solid transparent;
    font-size: 2.5vw;
  }
  .portfolio-section__container {
    gap: 5.43vw;
  }
  .portfolio-section {
    padding: 9.18vw 0 23.85vw 0;
  }


  .portfolio-sidebar__filter-txt {
    gap: 2.49vw;
    font-size: 3.3vw;
  }
  .portfolio-sidebar__filter-txt span {
    width: 2.83vw;
    height: 2.83vw;
    font-size: 2.21vw;
  }
  .portfolio-sidebar__filters > *:not(:first-child) {
    margin-top: 2.94vw;
  }
  .portfolio-sidebar__pocket > * {
    margin-top: 5.51vw;
  }
}



/******************************************************
********************project page***********************
******************************************************/

@media (max-width: 1235px) {
  ._page_project .main-section2__main {
    padding: 7.29vw 0;
  }
}

@media (max-width: 767.9px) {
  ._page_project .main-section2__main {
    padding: 14.29vw 0;
  }
}
/****************************************
***************project*******************
****************************************/

@media (max-width: 1235px) {
  .project {
    padding: 5.18vw 0 18.3vw 0;
  }
  .project__info {
    gap: 2.43vw;
  }
  .project__info-content {
    padding: 0 2.91vw 2.91vw 2.91vw;
  }
  .project__info-content > *:not(:first-child) {
    margin-top: 1.13vw;
  }
  .project__title {
    font-size: 1.94vw;
  }
  .project__icon {
    width: 5.18vw;
    height: 5.18vw;
  }
  .project__txt, .project__service-txt {
    font-size: 1.46vw;
  }
  .project__services-list > li {
    gap: 0.49vw;
  }
  .project__services-list > li:before {
    width: 0.73vw;
    height: 0.73vw;
  }
  .project__services-list > li:not(:first-child) {
    margin-top: 1.13vw;
  }
  .project__slider-nav {
    gap: 0.49vw;
  }
  .project__intro-right {
    gap: 1.94vw;
  }
  .project__site {
    font-size: 1.3vw;
    gap: 0.49vw;
  }
  .project__site-icon {
    font-size: 1.78vw;
  }
  .project__container > *:not(:first-child) {
    margin-top: 5.59vw;
  }
  .project__page > *:not(:first-child) {
    margin-top: 3.89vw;
  } 
}

@media (max-width: 767.9px) {
  .project__info {
    flex-direction: column;
    align-items: center;
  }
  .project__service, .project__task {
    width: 100%;
  }
  .project__icon {
    width: 12.18vw;
    height: 12.18vw;
  } 
  .project__info-content > *:not(:first-child) {
    margin-top: 1.9vw;
  }
  .project__title {
    font-size: 4.5vw;
  }
  .project__txt, .project__service-txt {
    font-size: 3vw;
  }
  .project__info-content {
    padding: 0 3.91vw 3.91vw 3.91vw;
  } 
  .project__services-list > li:before {
    width: 1.3vw;
    height: 1.3vw;
  }
  .project__services-list > li {
    gap: 1.49vw;
  }
  .project__services-list > li:not(:first-child) {
    margin-top: 1.5vw;
  }
  .project__intro-right {
    flex-direction: column-reverse;
  }
  .project__slider-nav {
    gap: 2vw;
  }
  .project__intro-right {
    gap: 2.94vw;
  }
  .project__site {
    font-size: 3.3vw;
    gap: 1.49vw;
  }
  .project__site-icon {
    font-size: 2.78vw;
  }
  .project {
    padding: 7.18vw 0 22.3vw 0;
  }
  .project__container > *:not(:first-child) {
    margin-top: 9.59vw;
  }
  .project__page > *:not(:first-child) {
    margin-top: 5.89vw;
  }
}