@media (max-width: 1920px) {

.header-page-top-bg-content {
background: url('../images/bg-new-3.png') no-repeat top left;
}

.footer-page-content{
padding-top:0px;
}


}

@media (max-width: 1670px) {

.section-top-home-content-anim-b{
background:url('../images/bg-7-b.png') no-repeat center center;
}


.section-top-home-content-anim-c{
top:-41px;
}

.section-top-home-content-anim-d{
top:-31px;
}

.section-top-home-content-anim-e{
width: 123px;
    height: 107px;
    top: 94px;
    left: 41px;
}

.section-top-home-content-anim-f {
  width: 217px;
  height: 154px;
  top: 74px;
  right: -17px;
}  

.page-map-content-bg{
background-position:top right, 100% 0px, 0% 0px; 
}

}

@media (max-width: 1500px){


.section-projects-doc-content .tns-controls button:first-child
{
left:20px;
}

.section-projects-doc-content .tns-controls button:last-child
{
right:20px;
}

.menu-page{
position:absolute;
bottom:10px;
left:auto;
right:200px;
transform: translateX(0%); 
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
}

}


@media (max-width: 1300px) {

.section-top-home-content-up-block-left{
width:300px;
}

.section-top-home-content-up-block-left-bg{
width:267px;
}

.section-top-home-content-up-block-right{
width:calc(100% - 567px);
}

.section-top-home-content-up-block-right-text-item{
font-size:24px;
}

.footer-page{
padding-top:50px;
padding-bottom:150px;	
}

}



@media (max-width: 1200px) {

.section-top-home-content-anim{
width:100%;
height:auto;
position:relative;
margin:76px auto 0px auto;
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.section-top-home-content-anim-a{
position:relative;
width: 184px
height:188px;
top:auto;
left:auto;
margin:0px calc((100% - 184px) / 2);
opacity:1;
animation-name:none;
}

.section-top-home-content-anim-b{
display:none;
}

.section-top-home-content-anim-c,
.section-top-home-content-anim-d,
.section-top-home-content-anim-e,
.section-top-home-content-anim-f,
.section-top-home-content-anim-g,
.section-top-home-content-anim-h{
width:calc(50% - 40px);
height:auto;
top:auto;
left:auto;
right:auto;
position:relative;
text-align:center;
opacity:1;
animation-name:none;
padding:40px 20px;	
}

.section-top-home-content-anim-c-block,
.section-top-home-content-anim-d-block,
.section-top-home-content-anim-e-block,
.section-top-home-content-anim-f-block,
.section-top-home-content-anim-g-block,
.section-top-home-content-anim-h-block{
width:100%;
height:auto;
top:auto;
left:auto;
position:relative;
}

.section-top-home-content-anim-img{
height:80px;
}

.section-blog-content-item-img{
height:350px;
}

.section-about-us-content-text-b{
width:20%;
}

.section-projects-doc-content-slider-item{
width:100%;
height:600px;
}

.header-page-top-bg-content-block-menu{
display:block;
position:absolute;
right:35px;
top:16px;
}

.header-page-top-bg-content-block-lang{
padding-right:70px;
width:calc(50% - 70px);
}

.menu-page{
position:fixed;
bottom:0px;
left:0px;
width:100%;
height:100%;
transform: translateX(0%); 
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
background:#fff;
overflow:auto;
display:none;
}

.menu-page.menu-page-open{
display:block;
}

.menu-page-block-link{
padding-top:70px;
}

.menu-page-block-link ul li{
padding:0px;
margin:10px 0px;
display:block;
text-align:center;
}

.menu-page-block-link ul li a{
color:#1b2841;
}

.menu-page-block-close{
display:block;
}


}


@media (max-width: 992px) {

.section-top-home-content-up{
width:100%;
height:auto;
border-top:5px solid #f5a11a;
background:transparent;
}

.section-top-home-content-up-block{
display:block;
}

.section-top-home-content-up-block-left{
width:100%;
height:auto;
background:transparent;
}

.section-top-home-content-up-block-left-bg{
display:none;
}

.section-top-home-content-up-block-right{
width:100%;
height:auto;
background:transparent;
display:block;
}

.section-top-home-content-up-block-left-header{
text-align:center;
font-size:36px;
padding-top:30px;
}

.section-top-home-content-up-block-right-text{
display:block;
height:auto;	
}

.section-top-home-content-up-block-right-text-item{
color:#fff;
font-size:32px;
text-align:center;	
}

.section-home-text-top-blocks-item{
width:calc(33.333333333333333% - 80px);
display:block;
}

.section-home-text-top-blocks-item-img{
width:100%;
height:70px;
text-align:center;
}

.section-home-text-top-blocks-item-text{
width:100%;
}


.page-map-content-bg{
position:absolute;
bottom:0px;
width:100%;
height:76px;
background-image:url('../images/bg-9.png');
background-position:top right; 
background-size:auto auto; 
background-repeat:no-repeat;
}

.footer-page-content-item{
width:calc(33.333333333333333% - 50px);
padding:0px 25px;
}



.section-projects-doc-content-slider-item{
width:100%;
height:500px;
}

.section-contact-note{
padding-top:50px;
}

.section-blog-content-item-two{
width:calc(50% - 34px);
margin:0px 17px 50px 17px;
}

.section-about-us-content-text{
position:relative;
top:auto;
left:auto;
width:100%;
padding:50px 0px;
}

.section-about-us-content-text-a-header{
width:100%;
color:#fff;
font-size:35px;
line-height:normal;
font-weight:400; 
padding-top:0px;
text-align:center;
}

.section-about-us-content-text-b{
position:relative;
top:auto;
right:auto;
width:100%;
position:relative;
bottom:auto;
left:auto;
width:auto;
}

.section-about-us-content-text-b-t{
padding-top:30px;
text-align:center;
}

.section-about-us-content-image {
  width: 100%;
  height:auto;
  background:transparent;
  position: relative;
}

.section-about-us-content-image-ob{
  position:relative;
  bottom:auto;
  left:auto;
  width: 100%;
  text-align:center;
}

.section-about-us-content-image-ob-block {
  width:100%;
  display:block;
  padding-top:40px;
}

.section-about-us-content-image-ob-block img {
  width: auto;
  height: auto;
  max-width:200px;
}

}


@media (max-width: 768px) {

.header-page-top-bg-content-block-menu{
width:80px;
}

.header-page-top-bg-content-block-logo{
width:50%;
text-align:left;
padding-top:16px;
}

.header-page-top-bg-content-block-logo img{
width:150px;
height:auto;
}

.header-page-top-bg-content-block-lang{
padding-top:16px;	
}

.header-page-top-bg-content-block-menu {
right:-18px;
top:16px;
}

.container-top{
padding:0px 15px 0px 15px;
width:calc(100% - 30px);
}

.container{
padding:0px 15px 0px 15px;
width:calc(100% - 30px);
}

.header-page-top-bg-content-block-lang-icon{
top:111px;
}

.section-home{
padding:70px 0px 0px 0px;
}

.section-home-text-top-blocks-item{
width:100%;
display:block;
margin:0px 0px 53px 0px;
}

.section-home-text-top-blocks-item-line::before{
display:none;
}

.section-home-text-top-blocks-item-text{
text-align:center;
}

.section-blog-content{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin:0px 0px;
}

.section-blog-content-item{
width:100%;
margin:0px 0px 50px 0px;
}

.section-blog{
padding-bottom:50px;
}

.footer-page-content-item{
width:calc(100% - 50px);
padding:0px 0px 50px 50px;
}



.section-project-block-content-text{
width:100%;
margin-bottom:40px;
}

.section-project-block-content-image{
width:100%;
margin-bottom:40px;
}

.section-projects-doc-content-slider-item{
width:100%;
height:400px;
}

.section-projects{
padding:70px 0px 50px 0px;
}

.section-contact-block-content-text{
width:100%;
margin-bottom:40px;
}

.section-contact-block-content-image{
width:100%;
margin-bottom:40px;
}

.section-contact{
padding:70px 0px 50px 0px;
}

.section-blog-content-two{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin:0px 0px;
}

.section-blog-content-item-two{
width:calc(50% - 20px);
margin:0px 10px 50px 10px;
}

}



@media (max-width: 610px){

.header-page-top-bg-content {
background: url('../images/bg-2.png') repeat-x top left;
}

}	


@media (max-width: 576px) {

.header-page-top-bg-two{
left:0%;
}

.header-page-top-bg-two-f{
left:0%;
}

.header-page-top-bg-one{
background:transparent;
}

.header-page-top-bg-tree{
display: none;
}

.header-page-top-bg-content-block-lang ul li{
margin-left:10px;
}


.section-top-home-content-anim-c,
.section-top-home-content-anim-d,
.section-top-home-content-anim-e,
.section-top-home-content-anim-f,
.section-top-home-content-anim-g,
.section-top-home-content-anim-h{
width:calc(100% - 40px);
}

.section-blog-content-item-two{
width:calc(100% - 20px);
margin:0px 10px 50px 10px;
}

}




@media (max-width: 350px) {

.header-page-top-bg-content-block {
  justify-content:space-between;
}

.header-page-top-bg-content-block-logo{
width:120px;
text-align:left;
padding-top:16px;
}

.header-page-top-bg-content-block-logo img{
width:120px;
height:auto;
}



}


@media (max-height: 860px){





}