@media screen and (max-width: 1700px){
	.header .mod-menu > li{margin: 0 8px}
  .header .mod-menu a{font-size: 14px;}
  .wrapper-1620{max-width: 1480px}
  .main-counters .ttl.md{font-size: 28px;}
  .main-counters .column {width: 37%}
  .main-advan .wrapper {padding: 75px 25px}
  .page-about .team .text-box{width: calc(50% - 30px)}
  .page-develop .soc .ttl.sm{font-size: 18px; min-height: 110px}
  .articleBody .gal-slider{width: 70%}
  .direct .item .position {font-size: 18px}
  .page-tenders .items-flex{width: calc(100% + 10px); margin-left: -5px; margin-right: -5px}
  .page-tenders .items-flex .name{font-size: 16px}
  .page-tenders .items-flex .item{width: calc(14.28% - 10px);margin: 0 5px 10px;}
  .page-shareholders .cont{padding: 75px 20px}
  .page-shareholders .cont .item{width: calc(25% - 10px);padding: 25px 15px 15px;}
}
@media screen and (max-width: 1500px){
  .ttl.lg{font-size: 48px;}
  .ttl.md{font-size: 26px;}
  .wrapper-1620{max-width: 1280px}
  .header{padding: 12px 20px}
  .header .mod-menu a{font-size: 12px;}
  .footer .top{padding: 0 40px}
  .main-intro{padding-top: 6%}
  .main-intro .text-box{max-width: 1000px}
  .main-intro .text-wrap{padding: 30px}
  .main-intro .ttl.xlg{font-size: 80px}  
  .main-advan .wrapper {padding: 75px 40px}
  .main-about .text-box{width: 45%; margin: 0}
  .main-about .ttl.md {margin-bottom: 20px}
  .page-prices .price-list .info-box{padding: 25px 16px 30px}
  .page-develop .text-box .ttl.sm br{display: none;}
  .page-announce .wrapper{padding: 120px 0 80px}
  .page-sphere .advan-list .text-box{padding-right: 0}
  .page-plant .order-section .wrapper{padding: 0 80px}
  .page-plant .order-section .text-box{padding: 70px 0}
  .page-shareholders .cont .item .info-item{font-size: 15px}
}
@media screen and (max-width: 1408px){
  .main-intro{padding-top: 8.5%}  
  .page-develop .text-box{width: calc(50% - 16px);}
  .page-prices .price-list .item{width: calc(50% - 16px);}
  .page-prices .price-list .item.kolos{display: none;}
}
@media screen and (max-width: 1300px){
  .header .wrapper{justify-content: space-between;} 
	.header .mod-menu{display: none;}
	.header .btn{display: none;}
	.burger-menu{display: flex;}
  .footer-menu a{margin-bottom: 20px}
  .main-intro{height: auto;}
	.main-counters .column{width: 100%; max-width: 500px; text-align: center; margin: 0 auto;}
	.main-counters .column:first-child{text-align: center;}
	.main-counters .img-box{width: 100%; position: static; margin: 0 auto;}
  .main-advan .item{width: calc(50% - 8px); margin-bottom: 16px}
  .direct .item, .page-struct .direct .item{width: 100%; border-radius: 20px; margin-left: 0; margin-right: 0}
  .page-struct .direct .wrapper{padding-top: 70px; padding-bottom: 50px}
  .page-about .intro{padding-left: 6px; padding-right: 6px}
  .page-about .wrapper-1620, .direct .wrapper{padding-left: 6px; padding-right: 6px}
  .wrapper-1620{padding-left: 6px; padding-right: 6px}
  .page-struct .map-section .wrapper{border-radius: 20px}
  .page-contacts .text-box{padding: 50px 30px}
  .main-intro .ttl.xlg{font-size: 90px}
  .main-intro .text-wrap{padding: 30px 15px}
  .page-tenders .items-flex .item{width: calc(25% - 10px);}
  .page-shareholders .cont .item{width: calc(50% - 10px); margin-bottom: 20px}
  .page-careers .careers{padding: 50px 6px}
  .accordion .question{padding: 16px}
  .accordion .question .name {font-size: 18px}
  .accordion .question .company{font-size: 13px}
  .accordion .question .company:before{margin-right: 6px}
  .accordion .answer{padding: 0 6px 16px}
  .accordion .answer .info{padding: 20px 16px}
  .accordion .answer .info .link{font-size: 15px}
  .accordion .answer .info .link:before{margin-right: 6px}
}
@media screen and (max-width: 1200px){
  .mb140{margin-bottom: 100px;}
  .mb110{margin-bottom: 80px;}
  .mb80{margin-bottom: 55px;}
  .mb50{margin-bottom: 35px;}
  .mb40{margin-bottom: 30px;}
  .mb35{margin-bottom: 25px;}
  .mb30{margin-bottom: 20px;}
  .mb25{margin-bottom: 17px;}
  .mb20{margin-bottom: 15px;}
  .padding-section{padding: 100px 0}
  .padding-100{padding: 80px 0}
  .padding-80{padding: 60px 0}
  .page-about .intro .first{padding-right: 0}
  .page-about .intro .first .img-wrap{position: static; width: 100%; padding-bottom: 80%; margin-bottom: 20px}
  .page-about .intro .second .img-wrap{width: 100%; padding-bottom: 80%; margin-bottom: 40px}
  .page-about .intro .second .text-box{width: 100%; padding: 0}
  .page-about .team .text-box{width: 100%; margin-bottom: 20px}
  .page-about .team .img-wrap{width: 100%; padding-bottom: 80%}
  .page-develop .text-box{width: 100%; margin-bottom: 20px}
  .page-develop .soc .ttl.sm{min-height: 0}
  .page-develop .pay .text-wrap, .page-develop .grom .text-wrap{min-height: 0}
  .page-careers .intro .img-wrap{width: 100%; padding-bottom: 82%; margin-bottom: 20px}
  .page-careers .intro .text-box{width: 100%}

}
@media screen and (max-width: 1024px){
  .flex.hidden-scroll{flex-wrap: nowrap; justify-content: flex-start;}
  .hidden-scroll {overflow-x: scroll; -ms-overflow-style: none;}
  .hidden-scroll::-webkit-scrollbar{height: 1px;}
  .hidden-scroll::-webkit-scrollbar-thumb {background-color: transparent;}
  .hidden-scroll::-webkit-scrollbar-track {background: transparent;}
  .footer{padding-top: 70px}
  .footer .subttl{display: none;}
  .footer .top{padding: 0}
  .footer-request{width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 50px}
  .footer-request .ttl{margin-bottom: 20px}
  .footer-menu{width: calc(50% - 10px); padding: 0}
  .footer-contacts{width: calc(50% - 10px);}
  .news-card{width: calc(50% - 20px); margin-bottom: 40px}
  .articleBody .video-box{padding-bottom: 55%}
  .page-sphere .advan-section{padding: 50px 0 0}
  .page-sphere .advan-list li{flex-direction: column;}
  .page-sphere .advan-list .img-wrap{width: 100%; padding-bottom: 70%; margin-bottom: 50px}
  .page-sphere .advan-list .text-box{width: 100%; padding: 0 0 0 50px; }
  .page-sphere .advan-list .text-box:first-child{margin-bottom: 50px}
  .page-plant .advan-list li:first-child .img-wrap,
  .page-plant .advan-list li:nth-child(3) .img-wrap{order: 2; margin: 40px 0 0 }
  .main-about .text-box{display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; border-radius: 20px;}
  .main-about .img-wrap{position: static; width: 100%; height: 450px; border-radius: 20px; margin-bottom: 20px}
  .page-tenders .items-flex{}
  .page-tenders .items-flex .item{width: 211px; flex-shrink: 0}
}
@media screen and (max-width: 900px){

}
@media screen and (max-width: 768px){
  #preloader{background: url(/images/vid/start-new-m4.gif) no-repeat center / cover #fff;}
  #preloader .desk{display: none;}
  #preloader .mobile{display: block; pointer-events: auto;}
	#toTop {width: 40px; height: 40px}
	.ttl.lg{font-size: 36px}
  .news-page .ttl.lg{font-size: 23px}
  .news-page .subttl {font-size: 22px}
  .footer-menu{width: 100%; max-width: 250px; border-bottom: 1px solid rgba(49, 99, 122, 0.50); padding-bottom: 30px; margin: 0 auto 50px}
  .footer-menu a{text-align: center;}
  .footer-contacts{width: 100%; max-width: 250px; margin: 0 auto 30px}
  .footer-contacts a{margin-bottom: 20px}
  .main-intro{padding: 80px 0 180px}
  .main-intro .ttl.xlg{font-size: 60px}
  .main-intro .text-wrap{padding: 15px 15px 0}
  .main-intro .text-wrap .wrapper{flex-direction: column;}
  .main-intro .text-wrap a{text-align: center; margin: 0 0 15px}
	.main-counters .wrapper{background: linear-gradient(90deg, #31637A 0%, #10AC9E 100%); border-radius: 0 0 20px 20px; padding: 70px 10px 0}
	.main-counters .item{padding: 20px 16px}
	.main-counters .item .ttl.md{margin-bottom: 8px}
  .main-slider{width: 100%; overflow: hidden;}
  .gal-slider{width: calc(100% - 32px); border-radius: 10px; overflow: hidden;}
  .main-slider .img-wrap{padding-bottom: 128%}
  .gal-slider .img-wrap{padding-bottom: 140%; border-radius: 10px}
  .main-slider-nav, .gal-slider-nav{width: 140px; height: auto; top: auto; left: 0; right: 0; bottom: 12px; margin: 0 auto;}
  .slider-prev, .slider-next{width: 60px; height: 60px}
  .main-advan .wrapper{padding: 60px 15px 40px}  
  .main-spheres .item{width: 100%; border-radius: 20px; margin-bottom: 16px}
  .main-spheres .text-box{padding: 20px 16px 40px}
  .modal-wrapper{border-radius: 12px}
  #contactModal .modal-wrapper, #priceModal .modal-wrapper{background: #fff;}
  #contactModal .form-box, #priceModal .form-box{width: 100%; padding: 68px 20px 50px}
  #contactModal .btn, #priceModal .btn{width: 100%; max-width: 100%}
  .page-about .garant .img-wrap{width: 100%; padding-bottom: 80%}
  .page-about .garant .text-box{width: 100%; padding: 0 16px 40px}
  .ttl.grad{flex-direction: column; text-align: center; padding: 16px}
  .ttl.grad:before{margin: 0 0 10px}
  .page-prices .price-list .item{width: 100%; margin-bottom: 20px}
  .page-struct .intro-text .wrapper{text-align: left; padding-left: 6px; padding-right: 6px}
  .page-struct .map-section .img-wrap{width: 100%; padding-bottom: 110%}
  .page-struct .map-section .text-box{width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 16px 40px}
  .page-struct .gallery{padding: 70px 0}
  .page-struct .video-box{margin-top: 0}
  .page-announce .wrapper{padding: 80px 0 60px}
  .page-announce .intro-text p{font-size: 18px}
  .page-contacts .contact-box{width: 100%; margin-bottom: 20px}
  .news-card{width: calc(100% - 20px);}
  .news-card .name{min-height: 0}
  .articleBody .gal-slider{width: 100%}
  .page-sphere .intro{padding: 50px 0 50px}
  .page-plant .order-section .wrapper{padding: 0 16px}
  .page-plant .order-section .img-wrap{width: 100%; padding-bottom: 95%}
  .page-plant .order-section .text-box{width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 0 40px}
  .page-shareholders .intro .item{width: calc(33.3% - 3px); border-radius: 8px}
  .page-shareholders .cont{padding: 60px 10px}
  .page-shareholders .cont .item{width: 100%; margin-bottom: 15px}
  .page-shareholders .cont .item .company{min-height: 0; font-size: 22px}
  .page-shareholders .news-card{width: 100%}
}
@media screen and (max-width: 620px){

}
@media screen and (max-width: 576px){
  body, p{font-size: 16px}
  .mb240{margin-bottom: 80px}
  .mb200{margin-bottom: 80px;}
  .mb140{margin-bottom: 80px;}
  .mb110{margin-bottom: 70px;}
  .mb80{margin-bottom: 60px;}
  .mb60{margin-bottom: 40px;}
  .mb50{margin-bottom: 30px;}
  .mb40{margin-bottom: 20px;}
  .mb35{margin-bottom: 17px;}
  .mb30{margin-bottom: 15px;}
  .mb20{margin-bottom: 12px;}
  .mb15{margin-bottom: 8px;}
  .padding-section{padding: 70px 0}
  .header{padding: 12px 20px}
  .header .logo{width: 140px}
  .page-header .wrapper{border-radius: 0 0 20px 20px; padding: 50px 10px 20px}
  .page-header .ttl{font-size: 24px; margin-bottom: 12px}
  .breadcrumb,.breadcrumb li {font-size: 12px} 
  .main-advan .item{width: 100%;} 
  .page-about .video-block .wrapper{text-align: left; align-items: flex-start; padding-left: 6px; padding-right: 6px}
  .page-about .video-box:before{width: 60px; height: 60px}  
  .direct .item .img-box{padding-bottom: 87%}
  .direct .item .text-box{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px 16px}
  .direct .item .name{font-size: 26px}
  .direct .item .position{font-size: 18px; margin-bottom: 10px}
  .direct .item .icon-tel{width: 100%; justify-content: center; font-size: 18px; padding-top: 10px}
  .page-develop .ttl.sm{font-size: 18px}
  .page-develop .padding-section{padding: 40px 0}
  .page-develop .img-wrap{padding-bottom: 82%}
  .page-develop .intro{padding: 50px 0 40px}
  .page-develop .intro .ttl{font-size: 18px; line-height: 1.5; text-align: left;}
  .page-develop .intro .img-wrap{padding-bottom: 80%}
  .page-develop .soc .container, .page-develop .grom .container{padding: 0 6px}
  .page-develop .soc .wrapper-1620, .page-develop .grom .wrapper-1620{padding: 0 10px}
  .page-develop .soc .wrapper, .page-develop .grom .wrapper{padding: 40px 0 25px}
  .page-prices .wrapper{padding: 40px 0 50px}
  .page-prices .price-list .img-box{border-radius: 20px 20px 0 0; padding-bottom: 87%}
  .page-prices .price-list .info-box{flex-direction: column; border-radius: 0 0 20px 20px; padding: 20px 16px}
  .page-prices .price-list .price{font-size: 18px; margin: 0 0 12px}
  .page-prices .price-list .title {font-size: 22px}
  .page-struct .video-box:before{width: 60px; height: 60px}
  .page-announce .caption{text-align: center;}
  .page-announce .caption .ico{margin: 0 auto 15px;}
  .page-contacts .wrapper{margin: 80px 0 60px}
  .page-contacts .text-box{padding: 40px 15px}
  .articleBody p, .articleBody blockquote{font-size: 18px}
  .articleBody .caption{padding: 12px}
  .articleBody .caption img{width: 60px; height: 60px; margin-right: 12px}
  .articleBody .caption .text{font-size: 14px}
  .articleBody .video-box:before{width: 60px; height: 60px}
  .page-sphere .intro .default-list li{width: 100%; font-size: 18px; text-align: left;}
  .page-tenders br{display: none;}
  .page-tenders .criteria{padding: 60px 15px 40px}
  .page-tenders .criteria-flex .item{width: 100%; margin-bottom: 20px}
  .page-tenders .smart-img{padding: 30px 15px}
  .page-tenders .smart-img img{width: 100%}
  .page-tenders .frame iframe{height: 450px}
  .page-shareholders .intro .item{display: none;}
  .page-shareholders .intro .item:nth-child(2){display: block; width: 100%; margin: 0}
}
@media (max-width: 480px){
  .ttl.md{font-size: 24px; line-height: 1.4}
  .subttl {font-size: 24px}
  .fz22{font-size: 18px}
  .fz20 {font-size: 17px}
  .text-justify{text-align: left;}  
  .default-list li{margin-bottom: 15px}
  .main-intro .ttl.xlg{font-size: 42px}
  .main-advan .wrapper {padding: 60px 10px 40px}
  .main-advan .text{font-size: 16px; text-transform: none;}
  .page-about .intro .ttl.sm{font-size: 18px}
  .page-sphere .intro .ttl{text-align: left;}
  .page-sphere .intro .text-wrapper{text-align: left;}
  .page-plant .intro .ttl{font-size: 19px}
  .page-shareholders .intro .ttl.md{font-size: 20px}
  .page-tenders .criteria{padding: 30px 15px 40px}
  .page-tenders .criteria .ttl.md{font-size: 17px}
  .page-tenders .criteria .ttl.sm{font-size: 16px}
  .page-tenders .criteria .ttl.sm br{display: inline;}
  .page-tenders .smart .ttl.md{font-size: 20px}
  .page-tenders .frame .ttl.md{font-size: 19px}
}

@media screen and (max-width: 425px){

}
@media screen and (max-width: 365px){
  .ttl.lg{font-size: 24px;}
  .ttl.md{font-size: 22px;}
  .ttl.sm{font-size: 18px}
  .page-plant .intro .ttl{font-size: 16px} 
}