.modal-consultation, .consultation-form { @media (min-width: 0) { img { display: none; } h1 { margin-top: 0px; } .forms { padding-left: 0; } } @media (min-width: @screen-tablet) { img { display: block; float: left; width: 30%; margin-top: 60px; } .forms { padding-left: 35%; } } .forms { h3 { margin-top: 18px; } .help-text { margin-top: 10px; margin-bottom: 5px; } button { margin-top: 15px; } .form-success { margin-top: 20px; font-size: 22px; } } } .modal-consultation { .form_message { display: none; } .tabs-list { margin-left: -5px; margin-bottom: 5px; .active { font-weight: 600; } } input { font-size: 20px; width: 100%; } textarea { width: 100%; height: 60px; } #phone { width: 175px; } } .consultation { .btn-consultation:extend(.btn-default, .btn-xs) {} } .content, .consultation-person, .people-detail { .btn-consultation:extend(.btn-primary) { @media (min-width: 0) { .btn-xs; } @media (min-width: 760px) { .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @btn-border-radius-base); } } } .consultation-person { .consultation-person-description { font-size: 12px; @media (min-width: 0) { display: none; } @media (min-width: @screen-tablet) { display: block; } } .btn-consultation { margin-bottom: 10px; margin-right: -13px; } .plugin-people { margin-left: -36px; } } .people-detail { .btn-consultation { margin-bottom: 15px; } }