@media screen and (max-width: 1280px){
    .namepage{font-size: 26px!important; line-height: 28px;}
    .menu-wrap{width: 95%;}
}
@media screen and (max-width: 1024px){
    #video{height: 100vh; width: 100%; object-fit: cover;}
    .menu-wrap {flex-wrap: wrap;} .menu-wrap div {width: 50%;}
    .nextpagename {font-size: 40px; line-height: 42px;}
    .views {margin-left: 50px;} .slidesvgrow{flex-wrap: wrap;}
    .svgitem{width: 50%; margin: auto; margin-top: 50px;}
    .banner{margin-top: 30px;} .nextpagename{font-size: 32px; line-height: 34px;}
    .nawprogress{font-size: 22px;} .pagemiddle{width: 60%;}
    .leftimages{width: 35%;} .leftright:last-child{margin-left: 5px;}
    .right__ombud{width: 65%; margin-left: 50px;} .inicon{width: 30%;}
    .chlenstvo:before{display: none;} .key{left: 80px;}
}
@media screen and (max-width: 768px){
    .banner{margin-top: 50px;} .slidehead{font-size: 26px;} .formatpdf{font-size: 12px;}
    .svgitem{display: flex; justify-content: center;} .namepage{font-size: 18px!important; line-height: 20px;}
    .nextpagename{font-size: 22px; line-height: 24px;} .fz30{font-size: 22px; line-height: 24px;}
    .soviet{margin-top: 40px;} .leftimages{width: 46%;} .pagemiddle{width: 50%;}
    .mackets{flex-direction: column;} .diags{width: 100%;} .rightsext{width: 100%; margin-top: 20px;}
    .bluetableflex{flex-direction: column;} .bluetables{width: 100%;}
    .right-blocks{width: 100%; margin-top: 20px; display: flex; justify-content: space-between;}
    .informa{width: 58%;} .bolee{width: 40%;} .mission{margin-top: 70px;} .prohead{font-size: 18px;line-height: 20px;}
    .linebold{font-size: 16px; line-height: 18px;} .otvbold2{line-height: 21px;} .newins{width: 60%;}
    .otvbold{font-size: 18px;} .sxema{margin-top: 80px;} .dia{height: 900px; margin-top: 45px;}
    .august{top: 37%;} .jule{top: 39%;} .december{top: 79%;}
    .october:after, .yanvar:after, .mart:after, .august:after,.dia:before {display: none;}
    .quotes:before{width: 86%;} .control__left{width: 60%;} .right__flex{flex-direction: column;}
    .right__principle {margin-top: 20px;} .valueshead{font-size: 18px; line-height: 20px;}
    .mechanism__flex{display: block;} .left__mechanism{width: 100%;}
    .right__mechanism{width: 100%; margin-left: 0; margin-top: 20px;}
    .interaction__flex {flex-direction: column;} .left__interaction{width: 100%; margin-right: 0;}
    .method__title:after{opacity: 0;}
    .theme__flex{flex-direction: column;} .theme__img{width: 100%;} .left__theme{width: 100%;}
    .right__theme{width: 100%; margin-left: 0; margin-top: 20px;} .initiative__title:after{display: none;}
    .supflex{flex-direction: column;} .supleft{width: 100%; margin-right: 0;}
    .supsvg{margin-top: 30px; width: 100%;} .ao{flex-direction: column;} .aotext{width: 100%; margin-right: 0;}
    .qq{width: 100%; margin-top: 20px;} .koef{flex-direction: column;} .conflex{flex-direction: column;}
}
@media screen and (max-width: 480px){
    .main__title{font-size: 40px; line-height: 42px;} .main__text{font-size: 16px; padding-top: 20px;}
    .pdf{padding: 16px 35px;} .language{right: 175px;} .menu-wrap div{width: 100%;}
    .banner{height: 20vh;} .banner img{width: 100%; height: 100%; object-fit: cover;}
    .views{flex-direction: column; margin-left: 0;} .formatpdf{margin-right: 0;}
    .posmotret{margin-right: 0; margin-top: 10px;} .slidehead{font-size: 18px; line-height: 21px;}
    .slidenumber{display: none;} .svgitem{width: 100%;} .slidesvgrow{margin-top: 0;}
    .basement{margin-top: 30px; height: 50vh;} .basement img{width: 100%; height: 100%; object-fit: cover;}
    .nextpage{font-size: 16px;} .abouts{flex-direction: column; margin-top: 90px;}
    .textright{width: 100%;} .headblueline{font-size: 18px; line-height: 21px;} .aboutimage{width: 100%;}
    .table1{margin-top: 50px;} .headblueline:before{width: 100px; height: 2px; bottom: 5px;}
    .soviet{flex-direction: column;} .predsed{width: 100%;} .predsed img{width: 100%;}
    .sovietext{width: 100%; margin-left: 0; margin-top: 50px;}
    .disflexs, .resbody2, .resbody, .numflex, .missfirst, .right-blocks,
    .sostavflex, .insflex, .sovflex, .okompflex{flex-direction: column;}
    .yanvar{width: 100%; margin-bottom: 20px;} .inspect a{font-size: 10px;}
    .mart{position: relative; width: 100%; top: unset; right: unset;}
    .august{width: 100%; margin-top: 20px; position: relative; top: unset;}
    .jule{position: relative; width: 100%; margin-top: 20px; right: unset; top: unset;}
    .december{position: relative; left: unset; width: 100%; margin-top: 20px; top: unset;}
    .october{position: relative; top: unset; right: unset; width: 100%; margin-top: 20px;}
    .year{position: relative; top: unset; right: unset; width: 100%; margin-top: 20px;}
    .dia{height: auto;} .transfo{margin-top: 50px;} .quotes:before{width: 80%;}
    .leftimages{width: 100%;} .okompflex{margin-top: 30px;} .leftblock1 img{width: 100%;}
    .leftunder img{width: 100%;} .pagemiddle{width: 100%; margin-left: 0; margin-top: 30px;}
    .hrs:after{width: 75%;} .proizvod{margin-top: 80px;} .prohead{font-size: 16px;}
    .informa{width: 100%;} .bolee{width: 100%;} .missitem:first-child{width: 100%;}
    .missitem:last-child{width: 100%; margin-top: 20px;} .numitems{width: 100%; margin-top: 20px;}
    .numflex{margin-top: 0;} .reshead{font-size: 18px;} .rightbody{margin-left: 0;} .reshead2{font-size: 16px;}
    .resitem2:last-child{margin-left: 0;} .resitem2{width: 100%;} .corp{margin-top: 70px;} 
    .struct{width: 100%;} .linebold{padding: 10px;} .rassmotr{width: 100%; margin-top: 10px;}
    .otvetst{margin-top: 30px;} .otvbold{font-size: 16px; line-height: 18px;} .firstsov{width: 100%;}
    .sosright{width: 100%;} .widthblock{width: 100%;} .newins{width: 100%; margin-top: 20px;}
    .posmotret span{font-size: 14px;} .control__flex{flex-direction: column; margin-top: 30px;}
    .control__left{width: 100%;} .right__pictures{width: 100%; display: flex; flex-wrap: wrap;}
    .right__pictures img{width: 46%; margin-right: 0; margin: 10px auto;}
    .result__flex{flex-direction: column; margin-top: 50px;} .control__ESG{flex-direction: column;}
    .ethics__flex{flex-direction: column; margin-top: 30px;} .mechanism__hotline{width: 100%;}
    .mechanism__info{width: 100%; margin: 10px 0;} .mechanism__garant{width: 100%;}
    .mechanism__message{width: 100%;} .ombud__flex{flex-direction: column;}
    .control__ESG p a{font-size: 12px;} .otchet{width: 100%; flex-direction: column;}
    .packs{flex-direction: column;} .tenblock{width: 48%;} .initemflex{flex-direction: column;}
    .iblockflex{flex-direction: column;} .namepage{margin-right: 190px;}
    .control__right{width: 100%; margin-left: 0; margin-top: 20px;} .control__result{width: 100%;}
    .control__system{width: 100%;} .ESG__img{width: 100%;} .ESG__text{width: 100%; margin-left: 0; margin-top: 20px;}
    .control__ethics{margin-top: 50px;} .values__title{width: 100%;} .ethics__principle{width: 100%;}
    .leftright:last-child{margin-left: 0;} .control__ombud{margin-top: 50px;} .left__ombud{width: 100%;}
    .right__ombud{margin-left: 0; margin-top: 20px; width: 100%;} .control__interaction{margin-top: 50px;}
    .inicon{width: 100%; margin-right: 0; margin-bottom: 20px;} .intext{width: 100%;} .iblock{width: 100%; margin-top: 10px;}
    .progflex{flex-direction: column;} .svgblock svg{width: 100%;} .progbody{margin-left: 0; margin-top: 10px;}
    .progflex{flex-direction: column;} .proghead{width: 73%;} .progbody{margin-top: 20px; margin-left: 0;}
    .svgblock{width: 73%;} .celi{padding: 50px;} .pravlenie{padding: 50px;}
    .itextflex, .cdpflex, .polezflex, .fotoflex, .otflex, .dangflex, .pkopflex, .v2019, .sootflex, .ispflex, .dinamic, .readflx,
    .ste, .gsflex, .xzxz, .npz, .birds, .tulens, .gorflex, .oxflex, .keyflexs .mapflex{flex-direction: column;}
    .namepage{font-size: 18px!important; line-height: 23px!important;}
    .portret{position: unset; top: unset;left: unset;} .prav{margin-top: 30px;}
    .keyflexs{flex-direction: column;} .keysblock{width: 100%; margin-right: 0;} .oxpaha{margin-top: 60px;}
    .advancehead{font-size: 20px;} .qqs{width: 100%; margin-top: 20px;} .asgsb{margin-top: 20px;}
    .foto{width: 100%; margin-top: 20px;} .readys:before{opacity: 0;} .din, .rig{width: 100%;}
    .amic{width: 100%; margin-top: 20px;} .ste{width: 100%; margin-right: 0;} .gs{width: 100%; margin-top: 20px;}
    .plushead{font-size: 18px;} .obshi{width: 100%; margin-right: 0;} .leftabs{width: 100%;}
    .middled{width: 100%; margin-left: 0; margin-top: 30px;} .imgbird{width: 100%;}
    .birdtext{width: 100%; margin-left: 0; margin-top: 20px;} .tultext{width: 100%; margin-left: 0; margin-top: 20px;}
    .gortext{width: 100%; margin-left: 0; margin-top: 20px;} .yast{flex-direction: column;} .yastfoto img{width: 100%;}
    .yasttext{width: 100%; margin-left: 0; margin-top: 20px;} .filin{flex-direction: column;} .filinimg img{width: 100%;}
    .filtext{width: 100%; margin-left: 0; margin-top: 20px;} .prostext{width: 100%;} .iiiblocks{width: 100%; margin-left: 0;}
    .nizko{margin-top: 60px;} .cdpleft{width: 100%; margin-right: 0;}
    .spinfoto{position: unset; top: unset; left: unset; padding-top: 50px; padding-left: 50px;}
    .spintext{padding: 50px;} .cdpright{width: 100%; margin-top: 30px;} .atmosflex{flex-direction: column;}
    .leftexts{width: 100%; margin-right: 0;} .kaspimg{position: unset; top: unset; left: unset; padding-top: 30px; padding-left: 50px;}
    .kaspi{flex-direction: column;} .rightspol{width: 100%; margin-right: 0;} .dang{width: 100%; margin: 10px 0;}
    .leftsss img{width: 100%; margin-top: 20px;} .otright{width: 100%; margin-right: 0;} .leftkop{width: 100%; margin-right: 0;}
    .lefimg img{width: 100%; margin: 10px 0;} .rigs{width: 100%; margin-right: 0;} .lifs{margin-top: 30px;}
    .sootrig{width: 100%; margin-right: 0;} .sootlef{width: 100%; margin-top: 30px;} .sootlef img{width: 100%;}
    .mapflex{flex-direction: column;} .righsmap{width: 100%;} .onlymap{width: 100%; margin-top: 30px;}
    .leniflex{flex-direction: column;} .concept{flex-direction: column;} .conright{width: 100%; margin-left: 0;}
    .grflx{flex-direction: column;} .leftgru{width: 100%;margin-right: 0;} .dolya{margin-bottom: 10px;}
    .yells{flex-direction: column;} .vozr{width: 100%; margin-right: 0;} .yellows{margin-top: 20px;}
    .vnovflex{flex-direction: column;} .col-vo{width: 100%;} .gody{margin-top: 20px;} .central{flex-direction: column;}
    .centralss{width: 100%; margin: 10px 0;} .centr{width: 100%; margin-top: 20px;} .naweheads{font-size: 20px; line-height: 22px;}
    .podxod{margin-top: 60px;} .rabotnikiflex{flex-direction: column;} .peop:nth-child(2){margin-left: 0;}
    .peop{margin: 20px 0;} .jccp{flex-direction: column;} .jc{width: 100%;} .jctext{width: 100%; margin-left: 0; margin-top: 20px;}
    .diflex{flex-direction: column;} .di:nth-child(2){margin-left: 0; margin-top: 20px;} .krugsfl{flex-direction: column;}
    .kgitem:nth-child(2){margin-left: 0; margin-top: 20px;} .fondflex{flex-direction: column;} .fondd{width: 100%; margin-right: 0;}
    .iiiblock{width: 100%; margin-top: 20px;} .beaut{flex-direction: column;} .bea{width: 100%; margin-right: 0;}
    .beautiful img{width: 100%;} .rest{flex-direction: column;} .res{width: 100%;} .tradic{width: 100%; margin-top: 20px; margin-left: 0;}
    .docs__link a{font-size: 14px;} .contitle{margin-top: 100px; font-size: 30px;} .conflex{margin-top: 10px;}
    .formapp{font-size: 14px; line-height: 17px;} .contcolumn{height: auto;}
}
@media screen and (max-width: 414px){
    .logo img{width: 85%;} .logo{margin-top: 0px;} .main__title{font-size: 30px; line-height: 32px;} .main__text{font-size: 14px; line-height: 17px;}
    .pdf{padding: 16px 25px;} .language{right: 140px;} .qitem{flex-direction: column;} .qtext{padding-right: 0; margin-bottom: 20px;}
    .textright{padding-right: 0;} .inspect a{font-size: 8px;} .proghead{width: 85%; font-size: 20px;} .svgblock{width: 85%;}
    .progflex{margin-top: 30px;} .purpshead{font-size: 20px; line-height: 22px;} .purpshead:before{top: 2px;}
    .protivo{margin-top: 60px;} .nextpagename{font-size: 18px;line-height: 21px;} .pageinfo{width: 90%;}
    .advancehead{font-size: 18px; line-height: 25px;} .logo img{width: 65%;} .key{left: 40px;} .inspect a{font-size: 4px;}
    .inspect a{font-size: 4px;} .borderblock{padding: 30px 30px 30px 100px;} .informa a{font-size: 10px;}
}
@media screen and (max-width: 375px){
    .svgblock{width: 95%;} .proghead{width: 95%;} .namepage{font-size: 16px!important; line-height: 18px!important;}
    .namepage{font-size: 16px!important; line-height: 18px!important;} .bodyheadprog{font-size: 20px; line-height: 23px;}
    .advancehead{font-size: 16px; line-height: 22px;} .pravlenie{padding: 20px;} .formapp{margin: 10px 0;}
}
@media screen and (max-width: 360px){
    .proghead{width: 100%;} .svgblock{width: 100%;}
}