@media screen and (max-width: 1200px){
.container{
  max-width: 1024px;
}

.first-screen img{
  max-width: 670px;
  
 
}
.phone-img{
  width: 130px;
}
.nom-block img{
  margin-right: 0px;
}
}
@media screen and (max-width: 1024px){
  .container{
    max-width: 768px;
  }
  .fs-caption{
    margin: 0px auto 410px auto;
  }
  .phone-img{
    display: none;
  }
  .nom-container{
    flex-direction: column;
  }
  .nom-block{
    width: 80%;
    margin: 30px auto;
  }

  .nom-block img {
    width: 135px;

  }
  .product-container{
    flex-direction: column;
  }
  .product-block{
    width: 50%;
    margin: 30px auto;
  }
  .prizes-container{
    justify-content: space-around;
  }
  .prizes-block{
    width: 45%;
    margin: 30px auto;
  }
  p{
    font-size: 16pt;
  }
  .prizes-container,
.prizes-block p,
.prizes-block img {
  display: initial;
}

/* Используем flex для выравнивания картинок по центру */
.prizes-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.prizes-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Если нужно добавить отступы между картинками, можно использовать margin, например:
.prizes-block:not(:last-child) {
  margin-bottom: 20px;
}
*/

/* Опционально: если нужно, чтобы текст тоже был выровнен по центру */
.prizes-block p {
  text-align: center;
}
}
@media screen and (max-width: 768px){
  .container{
    max-width: 425px;
  }
  .first-screen img{
    right: 0px;
    
  }
  
  .line p {

    margin-left: 2px;
    margin-bottom: 15px;
    position: inherit;
  }
  .my-list li{
  flex-direction: column;
  justify-content: center;
  text-align: center;
  }
  .my-list .number{
    margin: 0px auto 30px auto;
  }
  .my-list li span br{
    display: none;
  }
  .second-screen p{
    font-size: 16pt;
  }
  .examples-block{
    justify-content: center;
  }

  .header .container{
    justify-content: center;
  }
  .header .container p{
    margin-top: 10px;
  }

  .prizes-container{
    display: flex;
    flex-direction: column;
    align-items: center;
   
    }
    .prizes-container,
.prizes-block p,
.prizes-block img {
  display: initial;
}

/* Используем flex для выравнивания картинок по центру */
.prizes-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.prizes-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Если нужно добавить отступы между картинками, можно использовать margin, например:
.prizes-block:not(:last-child) {
  margin-bottom: 20px;
}
*/

/* Опционально: если нужно, чтобы текст тоже был выровнен по центру */
.prizes-block p {
  text-align: center;
}
}
@media screen and (max-width: 450px){
  .container{
    max-width: 380px;
  }
  
  .first-screen{
    height: 950px;}

  .first-screen img{
margin-bottom: -95px;

  }

 /* Обнуляем стили для flex, которые вы задали в предыдущем коде */
.prizes-container,
.prizes-block p,
.prizes-block img {
  display: initial;
}

/* Используем flex для выравнивания картинок по центру */
.prizes-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.prizes-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Если нужно добавить отступы между картинками, можно использовать margin, например:
.prizes-block:not(:last-child) {
  margin-bottom: 20px;
}
*/

/* Опционально: если нужно, чтобы текст тоже был выровнен по центру */
.prizes-block p {
  text-align: center;
}

.nom-block img {

  margin-top: -125px;
}





  
  

}