/* Restored responsive grid for the existing site layout.
   Fixes narrowing/shift after previous optimization:
   - no extra padding on every grid column;
   - desktop grid starts from 990px as in the original file;
   - container stays full-width on large screens;
   - original responsive rules for menu/forms/cards are preserved. */
*, *:after, *:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[class*='grid-'] {
    float: left;
    width: 100%;
    min-height: 1px;
}

.clear-grid{
    clear:both;
    float:inherit;
}
.container {
    margin:0;
    width: 100%;
    max-width: 100%;
}
.container:after, .container:before {
    display: table;
    clear:both;
    content: " ";
}
.nest {
    margin:0 -10px;
    padding:0;
    width:auto;
}

.grid-m-12 { width: 100%; }
.grid-m-11 { width: 91.666663%; }
.grid-m-10 { width: 83.33%; }
.grid-m-9 { width: 74.999997%; }
.grid-m-8 { width: 66.66666664%; }
.grid-m-7 { width: 58.333%; }
.grid-m-6 { width: 50%; }
.grid-m-5 { width: 41.6665%; }
.grid-m-4 { width: 33.33%; }
.grid-m-3 { width: 24.99%; }
.grid-m-2 { width: 16.66666%; }
.grid-m-1 { width: 8.33%; }

/* Original desktop breakpoint for this site's layout */
@media (min-width: 990px) {
    .grid-12 { width: 100%; }
    .grid-11 { width: 91.666663%; }
    .grid-10 { width: 83.33%; }
    .grid-9 { width: 74.999997%; }
    .grid-8 { width: 66.66666664%; }
    .grid-7 { width: 58.333%; }
    .grid-6 { width: 50%; }
    .grid-5 { width: 41.6665%; }
    .grid-4 { width: 33.33%; }
    .grid-3 { width: 24.99%; }
    .grid-2 { width: 16.66666%; }
    .grid-1 { width: 8.33%; }

    .grid-t-12 { width: 100%; }
    .grid-t-11 { width: 91.666663%; }
    .grid-t-10 { width: 83.33%; }
    .grid-t-9 { width: 74.999997%; }
    .grid-t-8 { width: 66.66666664%; }
    .grid-t-7 { width: 58.333%; }
    .grid-t-6 { width: 50%; }
    .grid-t-5 { width: 41.6665%; }
    .grid-t-4 { width: 33.33%; }
    .grid-t-3 { width: 24.99%; }
    .grid-t-2 { width: 16.66666%; }
    .grid-t-1 { width: 8.33%; }
}

@media only screen and (min-width: 1024px) {
    .grid-tl-12 { width: 100%; }
    .grid-tl-11 { width: 91.666663%; }
    .grid-tl-10 { width: 83.33%; }
    .grid-tl-9 { width: 74.999997%; }
    .grid-tl-8 { width: 66.66666664%; }
    .grid-tl-7 { width: 58.333%; }
    .grid-tl-6 { width: 50%; }
    .grid-tl-5 { width: 41.6665%; }
    .grid-tl-4 { width: 33.33%; }
    .grid-tl-3 { width: 24.99%; }
    .grid-tl-2 { width: 16.66666%; }
    .grid-tl-1 { width: 8.33%; }
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width:100%;
        margin:0 auto;
    }
    .container-fluid {
        max-width:90%;
        margin:0 5%;
    }
    .grid-d-12 { width: 100%; }
    .grid-d-11 { width: 91.666663%; }
    .grid-d-10 { width: 83.33%; }
    .grid-d-9 { width: 74.999997%; }
    .grid-d-8 { width: 66.66666664%; }
    .grid-d-7 { width: 58.333%; }
    .grid-d-6 { width: 50%; }
    .grid-d-5 { width: 41.6665%; }
    .grid-d-4 { width: 33.33%; }
    .grid-d-3 { width: 24.99%; }
    .grid-d-2 { width: 16.66666%; }
    .grid-d-1 { width: 8.33%; }
}

@media (max-width: 1300px) {
    .МенюШапка li{ font-size: 0.9em; }
    .МенюШапка{ text-align: left; }
    .РамкаФорма{ width: 98%; margin-left: 0%; }
}
@media (max-width: 1200px) {
    .МенюШапка li{ font-size: 0.8em; }
}
@media (max-width: 1100px) {
    .МенюШапка li{ font-size: 0.75em; }
}
@media (max-width: 990px) {
    .ШапкаВерх{ text-align: center; }
    .ФотКОнОд{ width: 50%; float: left; }
    .МенюШапка li{ font-size: 1em; }
    .УслугаОдна{ padding: 8px; width: 50%; float: left; }
    .УслугаОднаМоб{ padding-left: 15%; width: 100%; }
    .ПозМ1{ display: block!important; }
    .ПозМ1 a{ background: #fff; color: #333; }
    .ЗаписатьсяНаОбучениеШ{ display: none!important; }
    .Футер .grid-3{ margin-bottom: 10px; }
    .КреЗакрытьМеню{ display: block; }
    .ФормаШапкаЗаголовок{ color: #fff; }
    .ФормаТел{ display: block; background: url('./img/f2.png'); }
    .РамкаФорма{ margin-top: 6px; }
    .ФормаТелКомп{ display: none; }
    .МобМенюИконка{ text-align: center; display: block; }
    .МобМенюИконка img{ width: 35px; cursor: pointer; }
    .МенюШапка{ padding: 6px 5px; }
    .МенюШапка li{ display: block; }
    .МенюШапка nav{
        position: fixed;
        top:0;
        left: -200%;
        width: 50%;
        z-index: 999;
        height: 100%;
        background: #333;
        box-shadow: 0 0 15px 0 #000;
    }
    .МенюШапка ul{ margin-top: 60px; background: #444; }
    .МенюШапка a{
        font-size: 1.1em;
        display: block;
        border-top: 1px solid #ccc;
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
    }
    .ПозМ{ display: block!important; }
    .ПозМ a{ background: #006634; }
    .ЛоготпШапка img{ float: none; }
    .ЛоготпШапка{ text-align: center; }
    .ИнформацияШапка{ text-align: center; }
    .ИнформацияШапка img{ width: 330px; float: none; margin-top: 6px; }
    .КонМобб{ width: 100%; float: left; }
    .КонтактыОдин{ width: 50%; float: left; }
    .ФормаЗа2к input{ width: 90%; margin-left: 5%; }
    .СтраховойСлучаи, .Квартира{ padding-right: 20px; padding-left: 20px; }
}

@media only screen and (max-width: 980px) {
    .ТелШ{ padding-right: 0px; }
    .ЗакзвШ{ padding-bottom: 15px; font-size: 0.9em; }
    .FormRem{ width: 60%; margin-left: 20%; }
    .messagesZv{ width: 60%; margin-left: 20%; }
}
@media only screen and (max-width: 700px) {
    .FormRem{ width: 80%; margin-left: 10%; }
    .messagesZv{ width: 80%; margin-left: 10%; }
}
@media only screen and (max-width: 600px) {
    .ДостГл{ font-size: 0.9em; }
    .ЛоготпШапка img{ width: 200px; }
    .sy-box:nth-child(1){ display: none; opacity: 0; }
    #demo2{ display: block; }
    #demo1{ display: none; opacity: 0; }
    .ТелС{ display: none; opacity: 0; }
    .ШапкаТел{ display: block; }
    #bg2{ background: none; height: 100%; }
    .МенюШапка nav{ width: 90%; }
    .ПриемуществаЗаголовок h6{ text-align: center; font-size:1.7em; }
    .УслугаОдна{ padding: 10px 30px; width: 100%; float: left; }
    .УслугаОднаМоб{ width: 100%; }
}
@media only screen and (max-width: 500px) {
    .КонМобб{ width: 100%; float: left; }
    .КонтактыОдин{ width: 100%; float: left; }
    .ЗаголовокЗвонок img{ width: 50%; }
    .FormRem{ width: 90%; margin-left: 5%; }
    .messagesZv{ width: 90%; margin-left: 5%; }
}

img{
    max-width: 100%;
    height: auto;
}
.oh{overflow: hidden;}
.pr{padding-right: 1em;}
.pl{padding-left: 1em;}
.cell{padding: 1em;}
.ml{margin-left: 2em;}
.mr{margin-right: 2em;}
.mr2{margin-right: 10em;}
.mt{margin-top: 1em;}
.mt2{margin-top: 2em;}
.mb{margin-bottom: 1em;}
.mb2{margin-bottom: 2em;}
.ac{text-align: center;}