@media screen and (max-width: 790px) {

div h1 {
  font-size: 24px;
  /*line-height: 1.4;*/
    }

.logo {
  min-width: 100%;
      }
div .kontakt {
  min-width: 100%;
             }

div .del {
 display:none;
}

#pokaz {
 display: block;
 /*width: 100%;*/
 text-align: right;
 }
.select_menu {
 width: 35%;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 border: 1px solid #58544C;
   background: linear-gradient(to bottom, #B8B8B8, #FAF9F9);
 box-sizing: border-box;
 padding: 10px 3px;
}

/* ------ новые блоки ----------*/
  .pair-row {
   flex-direction: row; /* Горизонтально */
  }
  .block-2-2,
  .block-2-3 {
    width: 100%;
    flex: none;
  }
/* ------ Конец новые блоки ----------*/

.knopka {
  min-width: 90%;
  max-width: 96%;
  margin: 1rem auto;
}

.tablitsa {
 min-width: 98%; 
}

.pravoe_minu {
 min-width: 98%;
}


}



@media print {
 .pechat {
  display:none;
  }
 div .pechat {
  display:none;
  }
 div {
  min-width: 100%;
 }
div h1 {
  font-size: 20px;
    }
}



   /*------обычный вид-----*/

html, body {
  margin: 0px;
  padding: 0px;
  background-image: url("../_index/gaz_fon3.jpg");
   font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
   line-height: 1.5;
    }

a {
  color: black;
  text-decoration: none;
}

h1 {
  color: #242424;
  text-shadow: 1px 1px 2px #898989;
  font-size: 32px;
    }

.konteiner {
  width: 96%;
  max-width: 1440px;
  margin: 0 auto;
  clear: both;
  /*border: 1px solid #000000;*/
}
.logo {
 float: left;
 width: 65%;
 padding: 0 0 0 10px;
 /*border: 1px solid red;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kontakt {
 float: left;
 width: 35%;
 padding: 0;
 /*border: 1px solid blue;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.menu_mobil {
 display:none;
}

.tablitsa {
 display: block;
 float: left;
 width: 75%; 
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 /*border: 1px solid red;*/
}

.pravoe_minu {
 display: block;
 float: left;
 width: 25%; 
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 /*border: 1px solid blue;*/
}


/* ------ новые блоки ----------*/

        .pair-row {
            display: flex;
            gap: 8px;
            width: 100%;
        }

        .block-2-2 {
            /*flex: 1;  ~1/3 от ширины блока 2 */
            width: 15%;
            padding: 0px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .block-2-3 {
            /*flex: 2; ~2/3 от ширины блока 2 */
            width: 85%;
            padding: 6px;
            display: flex;
            /*align-items: center;*/
            /*justify-content: center;*/
        }

       .bloc_ikonka {
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: space-between; /* прижимает элементы к краям */
        align-items: center;            /* центрирует по вертикали */
        box-sizing: border-box;
        }

/* ------ Конец новые блоки ----------*/


.menu_mobil {
 display:none;
 }

img {
  max-width: 100%;
  height: auto;
}

.bloc_pustota {
 display: flex;
 justify-content: center; 
/*display: grid;*/
 clear: both;
 padding: 0px;
 margin: 0px;
 width: 100%;
}

.menu_verh {
 display: flex;
 justify-content: center;
 clear: both;
 margin: 0px;
 width: 100%;
   padding: 10px;
   background: linear-gradient(to bottom, #B8B8B8, #FAF9F9);
}

.menu_stroka {
  display: inline-block;
  margin: 0 20px;
}

.center {
  text-align: center;
  align: center;
}

.ikonka {
        display: flex;
  box-sizing: border-box;
  /*padding: 8px;*/
  width: 48px;
  height: 48px;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

  background: linear-gradient(to bottom, #B8B8B8, #FAF9F9);
  border: 1px solid #E8E8E8;
  box-shadow: 0px 2px 5px 0px #000000;
}

.ikonka:hover {
  background: linear-gradient(to bottom, #959494, #EBE9E9);
  box-shadow: 0px 4px 10px 0px #000000;
}

.ikonka:active {
  background: linear-gradient(to bottom, #797979, #ffffff);
  box-shadow: 0px -1px 1px 0px #000000;
}





/* ---- кнопки ---- */

.knopka {
  display: inline-block;
  width: 200px;
  padding: 11px 14px;
  margin: 0 0 16px 0;
  clear: both;
  text-align: center;
  /*font-weight: bold;*/
  /*text-decoration: none;*/
  /*color: black;*/

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

  background: linear-gradient(to bottom, #B8B8B8, #FAF9F9);
  border: 1px solid #E8E8E8;
  box-shadow: 0px 2px 5px 0px #000000;
}

.knopka:hover {
  background: linear-gradient(to bottom, #959494, #EBE9E9);
  box-shadow: 0px 4px 10px 0px #000000;
}

.knopka:active {
  background: linear-gradient(to bottom, #797979, #ffffff);
  box-shadow: 0px -1px 1px 0px #000000;
}


                   /* ---- обратная связь ---- */
.obr_svyaz {
  padding: 3% 3%;
  margin: 30px 10px;
  width: 100%;
  border-radius: 10px;
  background: #DCDCDC;
  box-shadow: 4px 4px 5px #666666;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

input[type=text], textarea {
   width: 90%;
}
input[type=number] {
   width: 12%;
}


/* ------ Модальное окно ----------*/

.modalemail {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
   background: rgba(0,0,0,0.5);
 z-index: 99999;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 display: none;
 pointer-events: none;
overflow-y: auto;
}

.modalemail:target {
 display: block;
 pointer-events: auto;
}
 
.modalemail > div {
 width: 76%;
 height: 88%;

 position: relative;
 margin: 2% auto;
 padding: 15px 20px 15px 20px;
 border-radius: 10px;
 background: #fff;
 background: -moz-linear-gradient(#fff, #999);
 background: -webkit-linear-gradient(#fff, #999);
 background: -o-linear-gradient(#fff, #999);
}

.close {
 background: #606061;
 color: #FFFFFF;
 line-height: 25px;
 position: absolute;
 right: -12px;
 text-align: center;
 top: -10px;
 width: 24px;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -moz-box-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 1px 1px 3px #000;
 box-shadow: 1px 1px 3px #000;
}
 
.close:hover { background: #00d9ff; }

/* ------ Конец Модальное окно  ----------*/