@media (max-width: 1190px) {
  .main-page .right_side .right_side--content {
    display: none;
  }
  .main-page .right_side::after {
    display: none;
  }
  .main-page {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 70px;
  }
  .main-page .left_side {
    flex-basis: 100%;
    background-color: white;
    padding: 0 70px;
  }
  .main-page .right_side {
    flex-basis: 100%;
    position: absolute;
    z-index: -1;
    top: 103px;
  }

  .main-page .left_side header .logo {
    margin-top: 50px;
  }
  .main-page .right_side .right_side--image {
    height: unset;
    width: 100%;
  }
  .main-page .left_side #step1 .form form {
    padding-bottom: 53px;
  }
  .main-page .left_side #step2 .square_container,
  .main-page .left_side #step4 .square_container {
    display: flex;
    justify-content: flex-end;
    padding: 30px 20px;
  }
  .main-page .left_side #step4 .square_container {
    padding-bottom: 154px;
  }
  .main-page .left_side #step2 .square,
  .main-page .left_side #step4 .square {
    display: flex;
  }
}
@media (max-width: 791px) {
  .main-page {
    margin-top: 56px;
  }
  .main-page .right_side .right_side--image {
    width: 100%;
    height: 1000px;
    object-fit: cover;
  }
  .main-page .left_side #step4 .thanks--sub {
    width: 450px;
  }
}
@media (max-width: 602px) {
  .tooltip{
    /* display: none; */
  } 

  .tooltip:hover .tooltiptext{
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
    bottom: unset;
  }

  .tooltip .tooltiptext::after {
    top: calc(50% - 5px);
    right: -10px;
    left: unset;
    transform: rotate(270deg);
  }
  
  .godziny_od_container .tooltip:hover .tooltiptext{
    top: unset;
    bottom: 150%;
    left: calc(50% + 30px);
    transform: translate(-50%, 0px);
  }

  .godziny_od_container .tooltip .tooltiptext::after {
    right: unset;
    transform: unset;
    top: 100%;
    left: calc(50% - 30px);
  }

  #form1 select{
    width: 100%;
  }

  .main-page .left_side #step1 .form form .form_flex-container{
    gap: 5px;
  }
  .main-page .left_side #step1 .form form .form_flex-container div{
    width: 50%;
    margin-right: 0;
  }

  .main-page .left_side #step1 .form form .form_flex-container{
    width: 100%;
  }

  .main-page .left_side #step1 .form form .has-tooltip > input{
    width: (100% - 43px);
  }

  .main-page .left_side #step1 .form form > div > div > input,
  .main-page .left_side #step1 .form form > div > input{
    width: calc(100% - 42px);
  }

  .main-page .left_side #step1 .form form input{
    width: calc(100% - 11px);
  }

  .main-page .left_side #step1 .form form label{
    width: 100%;
  }

  .energia_bierna_container > div{
    display: flex;
    flex-wrap: wrap;
  }

  .has-tooltip{
    display: flex;
  }
  .main-page .left_side #step1 .form form input.date-placeholder,
   .main-page .left_side #step1 .form form .form_flex-container div input[type=date]{
    width: calc(100% - 11px);
  }

  #form1 > div{
    width: 100%;
  }
  .main-page .left_side #step1 .form form label,
  .main-page .left_side #step2 .form form label {
    font-size: 17px;
  }
  .main-page .left_side {
    padding: 0 40px;
  }
  .main-page .right_side .right_side--image {
    height: 923px;
  }
  .main-page .left_side #step1 .form form .btn,
  .main-page .left_side #step2 .form form .btn {
    align-self: flex-end;
    margin-left: unset;
    margin-right: 20px;
  }
  .main-page .left_side header .logo {
    width: unset;
  }
  .main-page .left_side header .logo img {
    height: 120px;
  }
  .main-page .left_side header .logo .subtitle {
    left: 54px;

    font-size: 11px;
  }
  .main-page .left_side #step4 .thanks--sub {
    width: 400px;
  }

  .main-page .left_side #step1 .form form {
    width: 100%;
    align-items: center;
    overflow: hidden;
  }
}
@media (max-width: 486px) {
  /* .main-page .left_side #step1 .form form label,
  .main-page .left_side #step2 .form form label {
    font-size: 16px;
  }
  .main-page .left_side {
    padding: 0 20px;
  }
  .main-page .left_side #step1 .form form input,
  .main-page .left_side #step1 .form form select,
  .main-page .left_side #step2 .form form input,
  .main-page .left_side #step2 .result input {
    width: 344px;
  }
  .main-page .right_side .right_side--image {
    height: 905px;
  }
  .main-page .left_side #step1 .form form .form_flex-container div {
    width: 144px;
  } */
}

@media (max-width: 440px) {
  .main-page .left_side {
    padding: 0 0px;
    width: 100%;
  }
  .grid {
    padding: 0 0px;
  }
  .main-page .left_side #step1 .form,
  .main-page .left_side #step2 .form,
  .main-page .left_side #step2 .result,
  .main-page .left_side #step4 .thanks {
    margin-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 382px) {
  .main-page .left_side #step1 .form form input,
  .main-page .left_side #step1 .form form select,
  .main-page .left_side #step2 .form form input,
  .main-page .left_side #step2 .result input {
    /* width: calc(100% - 42px); */
  }
  .main-page .left_side #step4 .thanks--sub {
    width: 100%;
  }
}