/* tablet 768px */
@media (width<1300px) {
   .header {
   background-color:#EDF2EC;
   width: 100vw;
   display: flex;
   justify-content: center;
   }
   .header__wrapper {
   width:100vw;
   padding: 50px 50px;
   display: flex;
   justify-content: space-between;
   }
   .header__logo {
      justify-content: space-between;
      align-items:flex-end;
      margin-top: -5px;
   }
   .logo__img {
      margin: 0;
   }
   .welcome__wrapper {
      width:100vw;
      display: flex;
      padding: 40px 50px 70px 50px;
      justify-content: space-between;
      flex-direction: row-reverse;
   }
   .welcome__title {
         font-size: 35px;
         line-height: 50px;
   }
   .welcome__text {
      max-width: 341px;
      margin-top: 0px;
   }
   .welcome__img {
         width: 280px;
         height: 254.15px;
   }
   .welcome__info {
      margin-top: 30px;
      padding-left: 5px;
      font-size: 16px;
      line-height: 25px;
   }
      .welcome__btn {
      margin-top: 33px;
      }
.about__wrapper {
   flex-direction: column;
   padding: 40px 50px 93px 50px;
   width:100vw;
}
.about__info {
   margin: 0 auto;
   max-width: 668px;
   font-size: 20px;
   line-height: 30px;
}
.about__title {
   font-size: 35px;
   line-height: 46px;
   max-width: 423px;
   margin: 0 auto;
   text-align: center;
}
.about__text {
   margin-top: 50px;
}
.about__img {
   margin: 0 auto;
   margin-top:69px ;

}
.about__icon {
   width: 250px;
   height: 258px;
}

.service__wrapper {
   margin: 0 auto;
   width:100vw;
   padding: 59px 50px 70px 50px;
   
}
.service__blok {
   flex-direction: column;
   align-items: flex-start;
}
.service__title {
   font-size: 35px;
   line-height: 46px;
}
.service__buttons {
   margin-top: 40px;
   padding-left: 0px;
}

.service__button:first-child {
   padding-right: 0px;
}
.service__button:not(:first-child) {
   margin-left: 34px;
}
.service__content {
   padding-top: 40px;
   grid-template-columns: repeat(2,1fr);
   grid-template-rows: repeat(3,1fr);
   gap: 38px 106px;
   place-items: center center;
}
.content__items {
   width: 281px;
}
.content__blok {
   text-align: center;
   width: 280px;
}
.content__items:not(:first-child){
   margin-left:0px;
}
.content__items:nth-child(4) {
   margin-left: -1px;
}
.img__shadow {
   filter: contrast(0.88);
}
.content__img {
   width: 280px;
   object-fit: cover;
}

.content__info {
   margin: 0 auto;
   margin-top: 10px;
   max-width: 201px;
}
.prices__wrapper {
   width:100vw;
   padding: 41px 50px 73px 50px;
}
.prices__col1,
.prices__col2 {
   display: flex;
   flex-direction: column;
}
.prices__title {
   font-size: 35px;
   line-height: 42px;
   padding-left: 13px;
}
.prices__accourdion {
   margin-top: 58px;
}
.accourdion__items {
   padding: 0;
   background: #EDF2EC;
   border-radius: 20px;
   display: flex;
   justify-content: space-between;
   align-items: inherit;
}
.accourdion__items:first-child {
   margin-top: -1px;
}
.accourdion__title {
   font-family: 'Inter';
   font-weight: 700;
   font-size: 20px;
   line-height: 20px;
   color: #000000;
}

.prices__col2 {
   align-items:flex-end;
   max-width: 352px;
}
.prices__text {
   margin-top: 99px;
   font-size: 25px;
   line-height: 35px;
}
.prices__button {
   margin-top: 29px;
}

.contacts__wrapper {
   margin: 0 auto;
   width:100vw;
   padding: 0 50px;
   display: flex;
   flex-direction: column;
   align-items:center;
}
.contacts__img {
   margin: 0;
   margin-left: 20px;
   padding-top: 250px;
   width: 200px;
      order: 3;
}
.contacts__title {
   margin: 0;
   order: 0;
   padding-top: 40px;
}
.contacts__blok {
   display: flex;
   justify-content:space-between;
}
.contacts__list {
   order: 2;
   margin-top: 100px;
}
.contacts__button {
   position: relative;
   width: 16px;
   height: 16px;
   background: #D9D9D9;
   border-radius: 50%;
}
.contacts__button::before {
   position: absolute;
   display: block;
   top: 50%;
   left: 45%;
   content:'';
   width: 2px;
   height: 0.5px;
   background-color: #fff;
   transform: rotate(-45deg);
   border-radius:5px;
}
.contacts__button::after {
   position: absolute;
   display: block;
   top: 50%;
   right: 50%;
   content:'';
   width: 2px;
   height: 0.5px;
   background-color: #fff;
   transform: rotate(45deg);
   border-radius:5px;
}
.contacts__items {
   margin-top: 0;
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 40px;
   letter-spacing: 0.05em;
   color: #717171;
}
.contacts__select {
   top: 0;
}
.contacts__info {
   top:80px
}

.footer__wrapper {
   margin: 0 auto;
   width:100vw;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items:center;
   padding: 20px 50px 28px 50px;
}
.footer__data {
   margin-left: -5px;
   gap: 19px;
}
.footer__git-hub {
   padding-left: 5px;
}
.footer__social {
   margin-top:12px;
   display: flex;
   gap: 28px;
   align-items:center;
}
.footer__school {
   margin-top: -10px;
   padding-left: 0px;
}

}

@media (width<760px) {
   .header__wrapper {
      padding:20px ;
   }
   .menu__list {
   gap: 25px;
}
   .service__wrapper {
   padding: 59px 10px 70px 10px;
   }
   .service__content {
   gap: 10px 10px;
   place-items: center center;
}
.welcome__img {
   display: none;
}
.service__wrapper {
   padding: 59px 10px 70px 10px;
}
.prices__wrapper {
   margin: 0 auto;
   width:100vw;
   padding: 24px 0 6px 0;
   display: flex;
   flex-direction: column;
}
.prices__col1,
.prices__col2 {
   display: flex;
   flex-direction: column;
}
.prices__title {
   font-size: 25px;
   line-height: 30px;
   padding-left: 0px;
   text-align: center;
}
.prices__accourdion {
   margin: 0 auto;
   margin-top: 38px;
   width: 224px;
   min-height: 235px;
   display: flex;
   flex-direction: column;
   gap: 14px;
   align-items:center;
   padding:29px 22px;
}
.accourdion__items {
   margin-top:0px;
   width: 180px;
   padding: 0;
}
.accourdion__items:not(:first-child) {
   margin-top: 0px;
}
.accourdion__title {
   font-size: 15px;
   line-height: 20px;
   padding: 16px 40px;
   align-self: normal;
}

.prices__col2 {
   align-items:flex-end;
   max-width: 230px;
   margin: 0 auto;

}
.prices__text {
   margin-top: 19px;
   font-size: 20px;
   line-height: 35px;
   text-align: center;
}
.prices__button {
   margin: 0 auto;
   margin-top: 20px;
   width: 121px;
   height: 35px;
   font-size: 15px;
line-height: 20px;
}
.prices__leaf {
   display: none;
}

}