html, body {margin:0;padding:0;}

.main {
        margin:20px auto; /* Центрируем блоки */
        width:100%; /* Задаем ширину 100%, чтобы сделать ее резиновой */
        max-width:1024px; /* Устанавливаем максимальную ширину */
    }
    .inline div {
        display:inline-block; /* Делаем блоки по горизонтали */
        display: -moz-inline-stack; /* Для FireFox 2, тот же самый, что и inline-block */
        vertical-align:top; /* Выравниваем их сверху */
        font-size:16px; /* Ставим дочкам размер шрифта, иначе примет значение родителя */
        /* Для IE 6 и IE 7, чтобы блоки были по горизонтали
        zoom: 1;
        *display: inline;
        */
    }
    div.inline {font-size:0;} /* Ставим родителю значение 0, чтобы убрать отступы у блоков*/
    .left-block {
        width:20%; /*Задаем ширину в процентах чтобы сделать ее резиновой*/
    }
    .content {
        width:60%;
    }
    .right-block {
        width:20%;
    }

label {
  font-weight: bold;
  margin-bottom: 5px;
}

input {
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #ccc;
  width: 100%;
}

input:focus {
  outline: none;
  border-color: #4c9aff;
}
input[type=tel] {
    width: calc(100% - 20px);
}

input[type=submit] {
        background: #48aee5;
        font-size: larger;
        color: #fff;
        border: none;
        border: 1px solid #48aee5;
        cursor: pointer;
        padding: 10px 20px;
        border-radius: 3px;
      }

        .bin__result {
            padding: 5px 0 25px;
            width: 100%;
        }
        .bin__result ul {
            list-style: none;
            padding-left: 0;
            margin: 16px 0;
            padding: 0 10px;
        }
        .b-bin__result-list {
            font-size: 16px;
        }
        .b-bin__result-list li {
            line-height: 1.8em;
            border-bottom: 1px solid #dcdcdc;
            margin-bottom: 10px;
            width: 100%;
            padding-bottom: 5px
        }
        .b-bin__result-list li p {
            width: 35%;
            display: inline-block;
            margin: 0;
        }
        .b-bin__result-list li strong {
            padding-left: 10px;
            display: inline-block;
            vertical-align: top;
            width: 50%;
        }


@media only screen and (max-width: 620px) {
    .main {
        width: 90%
    }
  .inline div {
        display:block; /* Делаем блоки “Блочными”, т.е. друг под другом */
        width:100%; /* Задаем на всю ширину экрана */
        height:100px;
    }
}
@media only screen and (max-width: 380px) {
    .b-bin__result-list {
        font-size: 12px;
    }
}