@-ms-viewport {
  width: device-width;
}

@media (max-width: 979px)   {}
@media (min-width: 980px)   {
    .main-fon { min-height: 315px; }
}
@media (min-width: 1200px)  {
    .system-auth-form .auth_link { margin: 0 0 0 35px; }
    .system-auth-form .my-btn { width: 70px; }
    .main-fon { min-height: 315px; }

    .modal { width: 700px; left: 48%; position: fixed; top: 100px; }
    .modal-form input[type="text"] { width: 400px; margin: 0;}
}
@media (max-width: 767px)   {
    .system-auth-form .my-btn {margin: 10px 0 0 0; }
    .main-fon { min-height: 230px; }
    .footer { padding: 10px; }

    h3 { line-height:30px; font-size:26px; text-align: left; }
    .text { font-size: 16px; }
    .content { padding: 10px; text-align: left; }
}

@media (min-width: 768px) and (max-width: 979px) {
    .main-fon { min-height: 315px; }
}

@media (max-width: 480px)   {
    .main-fon { min-height: 180px; }
    .main-text { margin-top: 40px !important; }

    h3 { line-height:30px; font-size:26px; text-align: left; }
    .text { font-size: 16px; }
    .content { padding: 10px; text-align: left; }

    .modal-form input[type="text"] { max-width: 100px; }

    .footer { padding: 10px; }
}