/*
====================  разрешение 1312px
*/
@media screen and (max-width: 1312px)
{

 .top .mmenu {
        font-size: 18px;
 }

.top {
        height: 190px;
     }

.all {
        background: url('/img/top-fon-mobile.png') repeat-x left 117px;
     }

.slider .ttl{
        width: 40%;
        top: 90%;
        height: 140px;
        }

.podval .blck .menu{
        left: 220px;
        }

.podval .blck .tels{
        margin-left: -320px;
        }

.opis  {
        height: auto;
        padding-bottom: 50px;
        }

.opis .col {
        height: auto;
        }

.opis .col .l, .opis .col .r{
        float: none;
        width: 99%;
        }

.preim {
        background-color: #e9ecf3;
        height: auto;
        }

.preim .list {
        height: auto;
        }

.preim .list .itm {
        height: auto;
        min-height: 100px;
        font-size: 20px;
        }

.markeris {
        height: auto;
        }

.markeris .panel {
        height: auto;
        }

.markeris .lft {
        width: 33%;
        }
        
.markeris .rght {
        width: calc(100% - 580px);
        width: 60%;
        height: auto;
        }

}


/*
====================  разрешение 1249px
*/
@media screen and (max-width: 1249px)
{

.prog {
        height: auto;
 }

.prog .panel .itm span b{
        font-size: 30px;
        }

.prog .panel .itm {
        font-size: 18px;
        }


.all .katalog .panel {
        height: auto;
        text-align:center;
        }

.all .markeris {
        height: auto;
        text-align:center;
        }

.katalog .panel .itm, .markeris .panel2 .itm {
        width: 70%;
        float: none;
        min-height: 440px;
        height: auto;
        margin-bottom: 30px;

        display:inline-block;
        vertical-align: middle;
        }

.markeris .panel2 {
        height: auto;
        }
        
.katalog, .markeris {
        height: auto;
        }

}


/*
====================  разрешение 1202px
*/
@media screen and (max-width: 1202px)
{

.top .logo{
        left: 0px;
        }

.top .zaktel {
        margin-left: -220px;
        }

.top .pismo {
        margin-left: -220px;
        }

.top .komplex{
        left: 220px;
        margin-left: 0px;
        }

.top .tels{
/*
        border: 1px solid #000000;
*/
        }


.about2 .tovar{
        background-size: contain;
        }


.about2 .tovars2{
/*
        border: 1px solid #000000;
        height: auto;
*/
        }

.about2 .tovars2 .itm{
        width: 240px;
        margin-top: 30px;
        }

}

/*
====================  разрешение 1180px
*/
@media screen and (max-width: 1180px)
{

.podval {
        height: 550px;
        }

.podval .blck .conts{
        left: 320px;
        margin-left: 0;
        }

.podval .blck .logo{
        left: 5px;
        }

.podval .blck .menu{
        left: 5px;
        top: 150px;
        }
        
.preim {
        padding-left: 30px;
        padding-right: 30px;
        }

}


/*
====================  разрешение 1090px
*/
@media screen and (max-width: 1090px)
{
.about2 .tovars .tovar{
        padding-top: 220px;
        padding-left: 20px;
        padding-right: 20px;
        width: calc(50% - 80px);
        height: 130px;
        }

.prog .panel {
        text-align:center;
        height: auto;
        }
        
.prog .panel .itm {
        width: 60%;
        height: auto;
        margin-bottom: 20px;
        float: none;

        display:inline-block;
        vertical-align: middle;
        }

.prog {
        height: auto;
        }


.markeris .panel {
        text-align:center;
        }

.markeris .itm {
        display:inline-block;
        vertical-align: middle;
        }
        
.markeris .rght, .markeris .lft {
        width: 60%;
        float: none;
        margin-bottom: 20px;
        text-align: left;
        }

.katalog .panel .itm, .markeris .panel2 .itm{
        width: 96%;
        }

.katalog .panel .r, .markeris .panel2 .r{
        width: 60%;
        }

}


/*
====================  разрешение 1023px
*/
@media screen and (max-width: 1023px)
{
.top .tels{
        left: 480px;
        }

.slider .ttl{
        width: 40%;
        top: 100%;
        height: 150px;
        margin-top: -150px;
        font-size: 30px;
        }
}

/*
====================  разрешение 964px
*/
@media screen and (max-width: 964px)
{

.podval .blck .tels{
        left: 320px;
        margin-left: 0;
        top: 270px;
        }

.preim .list .itm {
        width: 50%;
        }

.prog .comp {
        background-size: contain;
        width: 90%;
        left: 5%;
        }

.prog .comp span{
        font-size: 20px;
        }


.markeris .rght, .markeris .lft {
        width: 80%;
        }

}

/*
====================  разрешение 932px
*/
@media screen and (max-width: 932px)
{

.top {
        height: 300px;
        }

.all {
        background: url('/img/top-fon-mobile.png') repeat-x left 230px;
        }

.top .mmenu {
        top: 240px;
        }

.top .tels{
        left: 0px;
        top: 120px;
        }

.top .zaktel {
        top: 120px;
        }

.top .pismo {
        top: 170px;
        }


.top .komplex{
        left: 100%;
        margin-left: -300px;
        }

.top .menu-btn {
        top: 234px;
        }

}

/*
====================  разрешение 829px
*/
@media screen and (max-width: 829px)
{

.about, .about2 {
        padding-left: 15px;
        padding-right: 15px;
        }

.top .menu-btn {
        display: block;
        }

.top .mmenu {
        display: none;
        }

.about2 .tovars{
        height: auto;
        text-align:center;
        }

.about2 .tovars .tovar{
        width: 60%;
        margin-top: 10px;
        display: inline-block;
        vertical-align: middle;
        }

.about2 .tovar1, .about2 .tovar2{
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        }

.opis {
        padding-left: 10px;
        padding-right: 10px;
        }

.prog {
        padding-left: 10px;
        padding-right: 10px;
        }
        
        
.markeris {
        padding-left: 10px;
        padding-right: 10px;
        }

.markeris .rght, .markeris .lft {
        width: 95%;
        }


.katalog {
        padding-left: 10px;
        padding-right: 10px;
        }

}