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

.ttop .info .mmenu{
        display: none;
}
.ttop .menu-btn {
        display: block;        
}

.ttop .info .lng{
        margin-left: -300px;
}
}


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

.products .list{
        width: 830px;
        height: 700px;
        margin: 30px auto 20px;
}

.products .list .d2, .products .list .d4{
        margin-left: 150px;
}

.products .list .d3, .products .list .d4{
        margin-top: 30px;

}

.products .list .d1{
       margin-left: 20px;

}

.about .blk1 {
        width: 30%;

}
.about .blk2 {
        width: calc(68% - 35px);
}

.news .list .itm{
        width: calc(50% - 20px);

}

}

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

.banners .blist{
        width: 830px;
        height: 860px;
        margin: 0px auto 0px;
        position: relative;
        left: 0;
        top: 150px;
}


.banners {
        height: 1130px;

}

.banners .blist .a2, .banners .blist .a4{
        margin-left: 150px;
}

.banners .blist .a3, .banners .blist .a4{
        margin-top: 30px;

}

.banners .blist .a1{
       margin-left: 30px;

}


.about .blk1 {
        width: 20%;

}
.about .blk2 {
        width: calc(78% - 35px);
}

.news {
        padding-left: 30px;
        padding-right: 30px;
}


.podval .info .blk1{
        width: 44%;
}


}


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


.podval .info .blk1{
        width: 99%;
        float: none;
        margin: 0px auto 0px;
}

.podval {
        height: 900px;
}

.podval .info{
        height: 900px;
}

.podval .info .feedback{
        width: 80%;
        float: none;
        margin: 0px auto 0px;
}

.podval .zvon, .podval .email {
		left: 50%;
}

.podval .email {
		transform: translateX(-50%);
		left: calc(50% - 150px);;
}

.podval .zvon {
		transform: translateX(-50%);
		left: calc(50% + 150px);;
}

.podval .blk1{
		text-align: center
}

.podval .geo {
        margin: 0px auto 0px;
        position: relative;
		width: 460px;
        text-align: left;
}

.podval .info .feedback input[type=text], .podval .info .feedback textarea{
        width: 98%;

}

.podval .logo {
        left: calc(50% - 140px);
		top: 60px;
}

.podval .tel {
        text-align: center;
		width: calc(100% - 60px);
}

/*

.podval .geo:before {
		content: attr(width);
}


*/


}

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

.news .list .itm{
        width: 98%;
/*
        width: calc(10% - 20px);
*/
        float: none;
}


.news .list{
        margin: 0 auto 0;
}



}



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

.about .blk1 {
        display: none;

}
.about .blk2 {
        width: calc(100% - 35px);
		padding-right: 15px;
		padding-left: 15px;
        height: 600px;
}

}
.about {        
        height: 600px;
}


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

.products {
        padding-left: 20px;
        padding-right: 20px;
}

.products .list{
        width: 700px;
        height: 700px;
        margin: 30px auto 0px;
}

.products .list .d2, .products .list .d4{
        margin-left: 20px;
        margin-right: 20px;
}


.banners .blist .a2, .banners .blist .a4{
        margin-left: 30px;
}

.banners .blist{
        width: 700px;
        height: 860px;
        margin: 0px auto 0px;
        position: absolute;
        position: relative;
        left: 0;
        top: 150px;
}

.about .blk2  div{
        height: 230px;
}

.about .blk2 div span{
        max-width: 45%;
        width: 45%;
}

.about {
        height: 650px;
}

}