html, body {
      height: 100%;
    }

    body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    background-color: #f0f0f0;
    }

    .container {
      display: flex;
      flex-direction: column;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 15px;
      text-align: center;
      height: 100%;
    }

    .ghjk {
  	  flex: 1 0 auto;
      background-image: url('../image/13039a47.png'); 
      background-color: #ffffff;
      padding: 5px 0px;
      width: 800px;
      margin: 0 auto;
      text-align: left;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .footer {
      flex-shrink: 0;
      padding: 6px;
      font-size: 10px;
    }

  .rectangle2 {
      width: 500px;
      border: 1px solid Gray;
      border-radius: 10px;
      text-align: center;
      font-size: 14px;
      margin: 0px auto;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      background-image: linear-gradient(to bottom, #ffffff 0%,#def0f8 100%);
  }

  .header1 {
      width: 500px;
      border-bottom: 1px solid Gray;
      border-radius: 0px;
      text-align: center;
      font-size: 14px;
      margin: 0px auto;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      background-image: linear-gradient(to bottom, #def0f8 0%,#ffffff 100%);
  }
  
    .knopk2 {
      width: 500px;
      margin: 0px auto;
    }

	a {
      text-decoration: none;
      color: black;
    }
  
    .inv1 {
      flex: 10%;
    }

    .inv2 {
      flex: 75%;
      font-size: 24px;
      text-align: center;
    }

    .inv3 {
      flex: 15%;
      font-size: 14px;
      font-weight: 600;
    }
  
    .in1 {
      flex: 10%;
    }

    .in2 {
      flex: 80%;
      font-size: 24px;
      text-align: center;
    }

    .in3 {
      flex: 10%;
      font-size: 14px;
      font-weight: 600;
    }
   
   .pic {
      padding: 0px 0px;
      border-radius: 10px;
   }
   
   .pic-left {
      margin: 0px 0px 0px 10px;
      border-radius: 10px;
   }
   
   .pic-right {
      margin: 0px 10px 0px 0px;
      border-radius: 10px;
   }
   
   .pic-left2 {
      margin: 0px 0px 0px 0px;
      border-radius: 10px;
   }
   
   .pic-right2 {
      margin: 0px 0px 0px 0px;
      border-radius: 10px;
   }
  
    .say0 {
      font-size: 10px;
    }
  
    .say1 {
      font-size: 16px;
      font-weight: 600;
      color: maroon;
    }
  
    .say2 {
      font-size: 10px;
    }
  
    .say3 {
      font-size: 10px;
    }
  
    .say4 {
      font-size: 10px;
      text-align: center;
      font-weight: 600;
    }
  
    .say5 {
      font-size: 18px;
      text-align: center;
      font-weight: 600;
      margin: 5px 0px;
    }
  
    .say51 {
      font-size: 24px;
      text-align: center;
      font-weight: 600;
      line-height: 0.9em;
      margin: 5px 0px;
    }
  
    .say6 {
      font-size: 12px;
      text-align: center;
      font-weight: 600;
    }
  
    .zag1 {
      text-align: center;
      margin: 10px 0px;
    }
  
    .tex1 {
      font-size: 14px;
    }
  
    .tex2 {
      font-size: 14px;
      font-weight: 600;
    }
  
    .tex3 {
      font-size: 14px;
    }

					/*Мастера список*/


  .master-min {
      width: 500px;
      margin: 0px auto;
  }

  .mast1 {
      width: 500px;
      border: 1px solid Gray;
      border-radius: 10px;
      text-align: center;
      font-size: 14px;
      margin: 0px auto;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      background-image: linear-gradient(to bottom, #ffffff 0%,#def0f8 100%);
  }

  .mast2 {
      width: 500px;
      border-radius: 10px;
      text-align: center;
      font-size: 14px;
      margin: 0px auto;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      background-image: linear-gradient(to bottom, #ffffff 0%,#def0f8 100%);
  }

  .master-max {
      width: 500px;
      border: 1px solid Gray;
      border-radius: 10px;
      text-align: center;
      font-size: 14px;
      margin: 0px auto;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      background-image: linear-gradient(to bottom, #ffffff 0%,#def0f8 100%);
  }
   
   .pic-leftm {
      margin: 0px 0px 0px 5px;
      border-radius: 10px;
   }
   
   .pic-rightm {
      margin: 0px 0px 0px 0px;
      border-radius: 10px;
   }

    .in31 {
      flex: 15%;
      padding: 10px 0px;
      margin: 0px 5px 0px 0px;
      font-size: 12px;
      font-weight: 600;
      border: 1px solid Gray;
      border-radius: 10px;
      background-color: #ffffff;
      cursor: pointer;
    }
  
    .tex6 {
      font-size: 14px;
      text-align: left;
      margin: 10px;
    }

    .say7 {
      font-size: 16px;
      font-weight: 600;
    }
  
    .say8 {
      font-size: 14px;
    }
  
    .say9 {
      margin: 10px;
      padding: 2px 0px;
      font-size: 14px;
      font-weight: 600;
      color: #000000;
      border-radius: 10px;
      background-color: #ffffff;
      cursor: pointer;
    }
  
    .galerey {
     margin-left: 5%; 
     margin-right: 5%;
    }

					/*форма ввода*/


    .form-container {
      background-color: #ffffff;
      width: 360px;
      margin: 4px auto;
      text-align: center;
      border-radius: .5em;
    }

    .form-container form {
      display: flex;
      flex-direction: column;
    }

    .form-container form input {
      padding: 5px;
      border: 1px solid #000;
      border-radius: .5em;
      font-size: 1rem;
    }
    
    .form-container form input[type="submit"] {
      background-color: #007BFF;
      color: #ffffff;
      border: none;
      cursor: pointer;
    }

    .form-container form input[type="submit"]:hover {
      background-color: #0056b3;
    }

    .select-css2 { 
    display: block; 
    font-size: 16px; 
    font-family: sans-serif; 
    font-weight: 700; 
    color: #444; 
    line-height: 1.3; 
    width: 100%; 
    box-sizing: border-box; 
    border: 1px solid #000;
     box-shadow: 0 1px 0 1px rgba(0,0,0,.04); 
    border-radius: .5em;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     background-color: #fff; 
     background-image: linear-gradient(to bottom, #ffffff 0%,#def0f8 100%); 
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%; 
    } 
     .select-css2::-ms-expand { display: none; } 
     .select-css2:hover { border-color: #888; } 
     .select-css2:focus { border-color: #aaa; 
     box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
     box-shadow: 0 0 0 3px -moz-mac-focusring; 
    color: #222;
     outline: none; 
    } 
     .select-css2 option { font-weight:normal; } 
     *[dir="rtl"] .select-css2, :root:lang(ar) .select-css2, :root:lang(iw) .select-css2 { 
    background-position: left .7em top 50%, 0 0; 
    padding: .6em .8em .5em 1.4em; 
    }   
 
      .select-css4 { 
      font-size: 16px; 
      font-family: sans-serif; 
      font-weight: 700; 
      color: #444; 
      padding: 5px;
      line-height: 1.3; 
      box-sizing: border-box; 
      border: 1px solid #000;
      width: 100%; 
       box-shadow: 0 1px 0 1px rgba(0,0,0,.04); 
      border-radius: .5em;
       -moz-appearance: none;
       -webkit-appearance: none;
       appearance: none;
       background-color: #fff; 
      background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#def0f8 100%); 
      background-repeat: no-repeat, repeat;
      background-position: right .7em top 50%, 0 0;
      background-size: .65em auto, 100%; 
      } 
       .select-css4::-ms-expand { display: none; } 
       .select-css4:hover { border-color: #888; } 
       .select-css4:focus { border-color: #aaa; 
       box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
       box-shadow: 0 0 0 3px -moz-mac-focusring; 
      color: #222;
       outline: none; 
      } 
       .select-css4 option { font-weight:normal; } 
       *[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css { 
      background-position: left .7em top 50%, 0 0; 
      padding: .6em .8em .5em 1.4em; 
      }

    
    .ghjk7 {
      background-color: #fff; 
      background-image: linear-gradient(to bottom, #ffffff 0%,#def0f8 100%); 
      padding: 10px;
      width: 340px;
      margin: 0px auto;
      text-align: left;
      border-radius: .5em;
      border: 1px solid #000;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .mw1 {
      max-width: 90%; 
      margin: 0px 5%; 
      padding: 5px;
    } 










  @media (max-width: 767px) {
    
  .container {
    padding: 0 0px;
  }

    .ghjk {
      width: 96%;
    } 
    
    .ghjk4 {
      width: 310px;
      padding: 5px 0px;
    }   
    
    .rectangle {
      width: 310px;
      padding: 0px 0px;
      font-size: 14px;
}
    
    .rectangle2 {
      width: 94%;
      padding: 2px 0px 0px 0px;
      font-size: 14px;
}
    
    .header1 {
      width: 100%;
      padding: 2px 0px 0px 0px;
      font-size: 14px;
}
  
    .knopk2 {
      width: 100%;
    }
    
    .mast1 {
      width: 94%;
      padding: 2px 0px 0px 0px;
      font-size: 14px;
}
    
    .mast2 {
      width: 100%;
      padding: 2px 0px 0px 0px;
      font-size: 14px;
}

  .master-min {
      width: 100%;
  }
    
    .master-max {
      width: 94%;
      font-size: 14px;
}

  .content1 {
      height: 46px;
  }

    .st1 {
      flex: 0%;
      font-size: 24px;
    }

    .st2 {
      font-size: 24px;
    }

    .st3 {
      font-size: 26px;
      font-weight: 600;
      color: maroon;
    }
  
    .inner1 {
      flex: 10%;
      font-size: 20px;
      padding: 0px 0px 0px 6px;
    }

    .inner2 {
      flex: 75%;
      font-size: 16px;
    }

    .inner3 {
      flex: 15%;
    }

    .inv1 {
      flex: 21%;
      padding: 0px 0px;
    }

    .inv2 {
      flex: 60%;
      padding: 0px 0px;
    }

    .inv3 {
      flex: 15%;
      padding: 3px 0px;
      font-size: 12px;
    }

    .in1 {
      flex: 20%;
      padding: 0px 0px;
    }

    .in2 {
      flex: 60%;
      padding: 0px 0px;
    }

    .in3 {
      flex: 20%;
      padding: 3px 0px;
      font-size: 12px;
    }

    .in31 {
      flex: 20%;
      padding: 10px 0px;
    }

  .inner-left {
      width: 150px;
      border-right: 1px solid Silver;
  }

  .inner-right {
      width: 150px;
      border-left: 1px solid Silver;
  }
   
   .pic {
      margin-left: 0px;
   }
   
   .pic1 {
      padding: 0px 0px;
      width: 148px;
   }

	.video1 {
       width: 148px;
   }
    .form-container {
      width: 92%;
    }
    
    }