@media screen and (max-width: 4200px) {
#boxf {width: 20%; }
#boxs1 {width: 30%;  margin: 150px 5px 5px 5px;  }/*  Размеры бокса */
#txt-z1 {font-size: 35px;} 
#txt-z2 {font-size: 28px;} 
#txt-z3 {font-size: 30px;} 
#txt-z4 {font-size: 28px;} 
#box_FAQ {width: 40%;  }/*  Размеры бокса */
}

@media screen and (max-width: 3200px) {
#boxf {width: 25%; }
#boxs1 {width: 40%;   margin: 100px 5px 5px 5px; }/*  Размеры бокса */
#txt-z1 {font-size: 35px;} 
#txt-z2 {font-size: 28px;} 
#txt-z3 {font-size: 30px;} 
#txt-z4 {font-size: 28px;} 
#box_FAQ {width: 40%;  }/*  Размеры бокса */
}

@media screen and (max-width: 2800px) {
#boxf {width: 30%; }
#boxs1 {width: 40%;  margin: 100px 5px 5px 5px;  }/*  Размеры бокса */
#txt-z1 {font-size: 35px;} 
#txt-z2 {font-size: 28px;} 
#txt-z3 {font-size: 30px;} 
#txt-z4 {font-size: 28px;} 
#box_FAQ {width: 40%;  }/*  Размеры бокса */
}

@media screen and (max-width: 2200px) {
  #boxf {width: 35%; }
#boxs1 {width: 45%;  margin: 100px 5px 5px 5px;  }/*  Размеры бокса */
#txt-z1 {font-size: 35px;} 
#txt-z2 {font-size: 28px;} 
#txt-z3 {font-size: 30px;} 
#txt-z4 {font-size: 28px;} 
#box_FAQ {width: 40%;  }/*  Размеры бокса */
}

@media screen and (max-width: 1199px) {
#boxf {width: 40%; }
#boxs1 {width: 70%;   margin: 50px 5px 5px 5px; }/*  Размеры бокса */
#txt-z1 {font-size: 35px;} 
#txt-z2 {font-size: 25px;} 
#txt-z3 {font-size: 30px;} 
#txt-z4 {font-size: 25px;} 
#box_FAQ {width: 50%;  }/*  Размеры бокса */
}
 

@media screen and (max-width: 991px) {
#boxf {width: 80%; }
#boxs1 {width: 80%;   margin: 50px 5px 5px 5px; }/*  Размеры бокса */
#txt-z1 {font-size: 35px;} 
#txt-z2 {font-size: 22px;} 
#txt-z3 {font-size: 30px;} 
#txt-z4 {font-size: 22px;} 
#box_FAQ {width: 60%;  }/*  Размеры бокса */
}

@media screen and (max-width: 767px) {
#boxs1 {width: 95%; margin: 50px 5px 5px 5px;  }/*  Размеры бокса */
#bask {width: 15%;  }/*  Размеры бокса */
#txt-z1 {font-size: 35px;} 
#txt-z2 {font-size: 21px;} 
#txt-z3 {font-size: 30px;} 
#txt-z4 {font-size: 21px;} 
#box_FAQ {width: 70%;  }/*  Размеры бокса */
}

@media screen and (max-width: 575px) {
#boxs1 {width: 95%; margin: 20px 5px 5px 5px;  }/*  Размеры бокса */
#bask {width: 20%;  }/*  Размеры бокса */
#txt-z1 {font-size: 28px;} 
#txt-z2 {font-size: 20px;} 
#txt-z3 {font-size: 25px;} 
#txt-z4 {font-size: 20px;} 
#box_FAQ {width: 80%;  }/*  Размеры бокса */
}

@media screen and (max-width: 450px) {
#boxs1 {width: 95%;  margin: 10px 2px 2px 2px; }/*  Размеры бокса */
#bask {width: 20%;  }/*  Размеры бокса */
#txt-z1 {font-size: 25px;} 
#txt-z2 {font-size: 18px;} 
#txt-z3 {font-size: 20px;} 
#txt-z4 {font-size: 18px;} 
#box_FAQ {width: 95%;  }/*  Размеры бокса */
}

@media screen and (max-width: 376px) {
#boxs1 {width: 95%;  margin: 10px 2px 2px 2px; }/*  Размеры бокса */
#bask {width: 20%;  }/*  Размеры бокса */
#txt-z1 {font-size: 23px;} 
#txt-z2 {font-size: 14px;} 
#txt-z3 {font-size: 16px;} 
#txt-z4 {font-size: 14px;} 
#box_FAQ {width: 95%;  }/*  Размеры бокса */
}


@media screen and (max-width: 325px) {
#boxs1 {width: 95%;  margin: 10px 2px 2px 2px; }/*  Размеры бокса */
#bask {width: 20%;  }/*  Размеры бокса */
#txt-z1 {font-size: 22px;} 
#txt-z2 {font-size: 13px;} 
#txt-z3 {font-size: 15px;} 
#txt-z4 {font-size: 13px;} 
#box_FAQ {width: 100%;  }/*  Размеры бокса */
}


#boxs1 {
  background: #d2f0b9 url(img/fon/fon_1.png);        /* Фон бокса */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
   border-radius: 10px;
 

    overflow: hidden;


   border: 2px solid #062d1f; /* Параметры рамки */
}



#boxs2 {                                /*  Бокс для столовых сортов */
    

  width: 100%; /*  Размеры бокса */
  
    background: #243514 url(img/fon/fon_title1.png); 
  white-space: nowrap;
    overflow: hidden;}



#boxs3 {
  
  background: #674411 url(img/fon/fon_cloce.png);        /* Фон бокса */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   border-radius: 5px;
     overflow: hidden;
  border: 2px solid #243514; /* Параметры рамки */
  width: 92%;
  margin: 8px 8px 8px 8px;              /* Настройка отступов */
}



#txt-z1 { color: white; text-align: center;  line-height: 0.8;  margin: 10px 10px 10px 10px;    } 
#txt-z2 { text-align: center;  line-height: 1,1; margin: 5px;} 
#txt-z3 { color: white; text-align: center;  line-height: 0.8;  margin: 5px 5px 5px 5px;    } 
#txt-z4 { color: black; text-align: left;  line-height: 1,1;  margin: 15px;    } 
.popup .content {
    max-height: 10%;
    overflow: auto;
}

#overlay {
   width: 100%; /*  Размеры бокса */
  height: 100%;/*  Размеры бокса */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px); /* Размытие фона */
}



#c-red {
 color: #ff0000;}
#c-elo {
 color: #556B2F;}
#c-ori {
 color: #FFD700;}










  #box_FAQ {                                /*  Бокс для текста */
    background: #d2f0b9 url(img/fon/fon_1.png);        /* Фон бокса */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin: 5px 5px 5px 5px;              /* Настройка отступов */
    display: inline-block;
    box-shadow: 7px 7px 10px rgba(0,0,0,0.6);  /* Настройка теней */


  }






#i1 {
    background-size: cover;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;