@media (max-width: 1500px) {
   .products__section-inner {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media (max-width: 1420px) {
   .footer__inner {
      grid-template-columns: 1fr 1fr 1fr auto;
      justify-items: center;
      gap: 30px;
   }
   
   .price__price-inner {
      grid-template-columns: 1fr 1fr 1fr;
      grid-column-gap: 40px;
      grid-row-gap: 15px;
      margin-bottom: 15px;
   }

   .product-one-description-body-inner {
      grid-template-columns: 1fr;
   }

   .product-one-inner {
      align-items: flex-start;
   }

   .product-one-item {
      flex: 0 0 auto;
   }
}

@media (max-width: 1325px) {
   /* .header__info {
      display: none;
   } */
   .header__info {
      flex: 1 1 auto;
      justify-content: flex-end;
   }

   .header__info-link {
      display: none;
   }

   .header__menu {
      display: none;
   }

   .header__mobmenu-btn-wrapper {
      display: flex;
   }

   .header__mobmenu {
      display: flex;
   }
}

@media (max-width: 1300px) {
   .products__section-inner {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media (max-width: 1100px) {

   .footer__logo {
      display: flex;
      grid-column-start: 1;
      grid-column-end: 3;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      width: 100%;
   }

   .products__section-inner {
      grid-template-columns: repeat(2, 1fr);
   }

   .products__section-item-info {
      max-width: 95%;
   }

   .footer__inner {
      grid-template-columns: 1fr 1fr;
      justify-items: baseline;
      gap: 60px;
   }
}

@media (max-width: 1050px) {
   .price__price-inner {
      grid-template-columns: 1fr 1fr;
   }

   .price__price-item {
      font-size: 22px;
   }
}

@media (max-width: 1000px) {
   .products__category {
      grid-template-columns: 1fr 1fr;
      gap: 20px;
   }
   .products__section-title {
      font-size: 34px;
   }
} 

@media (max-width: 960px) {
   .product-one-inner {
      flex-direction: column;
   }

   .product-one-item {
      margin: 0 auto;
      max-width: 500px;
   }
}

@media (max-width: 900px) {
   .intro__title {
      font-size: 46px;
   }
   .intro__text {
      text-align: center;
   }

   .faq__item-title {
      font-size: 28px;
      line-height: 32px;
   }

   .faq__item-panel p {
      font-size: 18px;
      line-height: 22px;
   }

   .product-one-title {
      font-size: 26px;
      line-height: 30px;
   }
}

@media (max-width: 785px) {
   .products__section-inner {
      grid-template-columns: 1fr;
   }
   .products__section-item {
      max-width: 500px;
      margin: 0 auto;
   }
   .products__section-item-info {
      max-width: 95%;
   }

   .products__section-title {
      font-size: 30px;
   } 

   .faq__title,
   .price__title,
   .checkipv__title,
   .myorders__title,
   .terms__title,
   .rule__title,
   .politics__title {
      font-size: 46px;
   }

   .price__calculator-title, .myorders__products-title, .price__price-title {
      font-size: 42px;
      margin-bottom: 30px;
   }

   .content {
      padding: 60px 0px 80px;
   }

   .terms__section h2 {
      font-size: 28px;
      padding-left: 45px;
      line-height: 32px;
   }

   .politics__section h2 {
      font-size: 28px;
      line-height: 32px;
   }

   .terms__section h2::before {
      width: 15px;
      height: 15px;
   }

   .price__calculator-form {
      grid-template-columns: 1fr;
   }

   .price__calculator-form-period, .price__calculator-form-type {
      border-right: none;
      border-bottom: 2px solid var(--text-color);
   }

   .price__calculator-form:focus-within {
      transform: scale(1.02);
   }
}

@media (max-width: 710px) {
   .footer__inner {
      grid-template-columns: 1fr;
   }
   .footer__logo {
      grid-column-start: 1;
      grid-column-end: 2;
      align-items: flex-start;
   }

   .footer__bottom {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 650px) {
   .intro__title {
      font-size: 36px;
      margin-bottom: 30px;
   }
   .intro__btn {
      font-size: 22px;
   }
   .intro__text {
      padding: 15px 20px;
   }

   .products__category {
      grid-template-columns: 1fr;
   }

   .price__price-inner {
      grid-template-columns: 1fr;
   }

   .faq__title,
   .price__title,
   .checkipv__title,
   .myorders__title {
      font-size: 36px;
   }

   .terms__title, .rule__title, .politics__title {
      font-size: 32px;
   }

   .price__list-text {
      font-size: 18px;
      line-height: 22px;
   }

   .price__calculator-title, .myorders__products-title, .price__price-title {
      font-size: 32px;
   }

   .faq__item-title {
      font-size: 24px;
      line-height: 30px;
   }

   .checkipv__icon-text {
      font-size: 18px;
   }

   .price__calculator-output-item-title {
      font-size: 20px;
   }

   .price__price-more-text {
      font-size: 20px;
      line-height: 24px;
   }
}

@media (max-width: 580px) {
   .terms__section, .politics__section {
      font-size: 16px;
      line-height: 20px;
   }

   .rule__list-item {
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .rule__list-text {
      font-size: 16px;
      text-align: center;
      line-height: 20px;
   }

  

   .products__section-title-link {
      flex-direction: column;
      align-items: center;
      margin: 0 auto 40px;
   }
   .products__section-title {
      text-align: center;
      max-width: 420px;
      margin: 0 auto;
   }

   .price__list-text {
      font-size: 16px;
      line-height: 20px;
   }

   .faq__title,
   .price__title,
   .checkipv__title,
   .myorders__title {
      font-size: 32px;
   }

   .price__calculator-title, .myorders__products-title, .price__price-title {
      font-size: 28px;
      margin-bottom: 20px;
   }

   .faq__item-title {
      font-size: 20px;
      line-height: 24px;
   }

   .faq__item-accordion {
      gap: 40px;
   }

   .faq__item-accordion.open .faq__item-title {
      transform: translateX(20px);
   }

   .faq__item-accordion:hover .faq__item-title {
      transform: translateX(20px);
   }

   .faq__item-panel p {
      font-size: 16px;
      line-height: 20px;
   }
}

@media (max-width: 530px) {

   .product-one-title {
      font-size: 22px;
      line-height: 26px;
   }

   .price__calculator-output-item {
      flex-direction: column;
      align-items: flex-start;
   }

   .product-one-description-title {
      font-size: 24px;
   }

   .product-one-description-body-item-icon {
      max-width: 80px;
      font-size: 38px;
   }

   .product-one-description-body-item-text {
      font-size: 16px;
      line-height: 20px;
   }
   
   .modal__title {
      font-size: 32px;
   }

   .modal__form-product-title {
      font-size: 20px;
   }

   .modal__form-paybtn {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 520px) {
   .intro__title {
      font-size: 30px;
      margin-bottom: 20px;
   }

   .intro__text {
      font-size: 18px;
   }

   .intro__btn {
      font-size: 20px;
   }
   
   .products__section-item-buy-btn, .products__section-item-title, .myorders__form-button, .checkipv__form-btn {
      font-size: 22px;
      line-height: 26px;
   }

   .myorders__form-input:focus {
      transform: scale(1.02);
   }

   .checkipv__form-group:focus-within {
      transform: scale(1.02);
   }
}

@media (max-width: 490px) {

   .terms__section h2, .politics__section h2 {
      font-size: 24px;
      line-height: 28px;
   }

   .header__logo {
      max-width: 140px;
   }

   .faq__item-accordion {
      gap: 20px;
   }

   .faq__item-accordion.open .faq__item-title {
      transform: translateX(10px);
   }

   .faq__item-accordion:hover .faq__item-title {
      transform: translateX(10px);
   }

   .faq__item-icon {
      max-width: 40px;
   }

   .product-one-description-body-item {
      flex-direction: column;
   }

   .product-one-description-body-item-icon {
      border: none;
      border-bottom: 2px solid var(--text-color);
      max-width: 100%;
   }

   .terms__title, .rule__title, .politics__title {
      font-size: 28px;
   }

}

@media (max-width: 470px) {
   div.remodal {
      padding: 50px 20px 40px;
   }

   .modal__close img {
      max-width: 40px;
   }

   .modal__close {
      top: 10px;
      right: 10px;
   }
}

@media (max-width: 450px) {
   .modal__form-product-title {
      font-size: 18px;
   }
}

@media (max-width: 430px) {
   .product-one-title {
      font-size: 20px;
      line-height: 22px;
   }

   .intro__title {
      font-size: 28px;
   }

   .header__info-block-language-img {
      max-width: 25px;
   }
   .header__info-block {
      gap: 15px;
   }

   .header__mobmenu-btn-wrapper {
      max-width: 50px;
      height: 50px;
      padding: 4px;
   }

   .header__info {
      gap: 15px;
   }
}

@media (max-width: 410px) {
   .faq__title,
   .price__title,
   .checkipv__title,
   .myorders__title {
      font-size: 28px;
   }

   .price__calculator-title, .myorders__products-title, .price__price-title {
      font-size: 26px;
   }
}

@media (max-width: 390px) {
   .terms__title, .rule__title, .politics__title {
      font-size: 26px;
   }
}