@media screen and (max-width:1459px) {
    .container, .wide-container {
        margin: 0 50px;
        width: auto;
     }

    .header {
        padding: 20px 0;
    }

    .n-img {
        height: 290px; 
    }

    .n-title {
        margin: 60px 0 20px 0;
    }

    .n-date {
        /*position: absolute;
        top: -20px;*/
    }

    .map-container .wide-container {
        margin: 0;
    }

    .pc-item-wrap {
        width: 164px;
    }

    .pc-item {
        height: 280px;
        width: 320px;
    }

    .pc-logo > div {
        width: 120px;
        height: 90px;
    }

    a.pc-item .pc-overlay {
    font-size: 14px;
    padding: 70px 0;
    }

    .v1 .pc, .v1 .pc2 {
        margin-left: -164px;
    }

    .companies .margin-top-50 {
        margin-top: 40px
    }
	
	.error-page-in { margin: 0 50px }
	
}

@media screen and (max-width:1019px) {
    .container {
        margin: 0 40px;
    }

    .header {
        padding: 30px 0;
    }

    .n-img {
        height: 210px;
    }

    .m-hidden {
        display: none !important;
    }

    .menu-bars {
        display: block;
        cursor: pointer;
        position: relative;
        width: 20px;
        height: 13px;
        margin-left: 50px;
    }
    
    .menu-bars > div {
        height: 3px;
        width: 100%;
        background: #1c2674;
        position: absolute;
    }

    .menu-bars > div:last-child {
        bottom: 0;
    }

    .logo img {
        height: 34px;
    }

    .m-menu-container {
        position: absolute;
        width: 100%;
        background: #fff;
        border-top: 1px solid #c3d0e4;
        padding: 120px 0;
        transition: none;
        z-index: 99;
    }

    .m-menu-close > div:first-child {
        transform: rotate(45deg);
        margin-top: 5px;
    }

    .m-menu-close > div:last-child {
        transform: rotate(-45deg);
        margin-bottom: 5px;
    }

    .triangle, #map, .triangle-content {
        position: initial;
    }

    .triangle {
        background: #1c2674;
        padding: 50px 0;
    }

    .triangle-shape {
        display: none;
    }

    .triangle-content {
        align-items: center;
        text-align: center;
        width: 100%;
    }

    .map-container {
        height: auto;
    }

    #map {
        height: 590px;
    }

    .v1 .pc-item {
        height: 320px;
        width: 360px;
    }

    .v1 .pc-item-wrap {
        width: 184px;
    }

    .v1 .pc, .v1 .pc2 {
        margin-left: -184px;
    }

    .v2 .pc, .v2 .pc2 {
        flex-direction: column;
        padding-top: 0;
    }

   .v2 .pc-item-wrap, .v2 .pc-item {
        width: 100%;
    }

    .v2 .pc-item {
        clip-path: none !important;
        height: 140px;
        margin-bottom: 2px;
    }

    .v2 .pc-logo {
        top: 0 !important;
        bottom: 0 !important;
        align-items: center !important;
    }

    .v2 a.pc-item .pc-overlay {
        flex-direction: row !important;
        justify-content: space-around;
        padding: 0;
    }

    .triangle-content::before {
        display: none;
    }

    .description {
        padding: 80px 0 150px 0;
        flex-direction: column;
    }

    .col-2 > div:first-child {
        width: 100%;
        margin-right: 0;
        margin-bottom: 80px;
    }

    .people-img {
        width: 100px;
        height: 120px;
        margin-right: 20px;
    }

    .form {
        padding: 60px 40px 50px; overflow: hidden
    }

    .form > .row:last-child {
        flex-direction: column;
    }

    .form .row > input {
        width: 100%;
    }

    .form .row > input:first-child {
        margin-bottom: 40px;
    }
	
	.error-page-in { margin: 0 20px }
	
}

@media screen and (max-width:759px) {
    .container, .wide-container {
        margin: 0 20px;
    }

    .title {
        font-size: 24px;
        margin: 0 0 40px 0;
    }
    
    .n-title {
        font-size: 16px;
        margin: 20px 0;
    }

	.n-title a { font-size: 16px }

    .news p,
    .career p {
        line-height: 20px;
    }
    
    .news p ,
    .career p, 
    ul.menu li a {
        font-size: 12px;
    }

    .fs-14 {
        font-size: 10px; 
    }

    .header {
        padding: 13px 0;
    }

    .footer {
        padding: 35px 0;
    }

    .footer.flex-row {
        flex-direction: column;
    }

    .copyright {
        margin-bottom: 10px;
    }

    .n-img {
        height: 185px; 
    }

    .menu-bars {
        width: 16px;
        height: 12px;
        margin-left: 34px;
    }

    .menu-bars > div {
        height: 2px;
    }

    ul.m-menu li a {
        font-size: 18px;
    }

    .m-menu-container {
        padding: 60px 0;
    }

    .n-box {
        flex-direction: column;
    }

	.n-item { margin-bottom: 30px }

    .n-item:nth-child(odd) {
        margin-right: 0;
    }

    .block-link {
        font-size: 16px;
        padding: 15px 20px;
        margin-top: 10px; 
    }

    .block-link .arrow {
        height: 40px;
        width: 40px;
    }

    a.button {
        font-size: 10px;
        padding: 17px 39px;
    }

    .logo img {
        height: 21px;
    }

    ul.menu li {
        margin-right: 25px;
        padding: 10px 0;
    }

    .triangle-content, .triangle-content p {
        font-size: 11px;
        line-height: 20px;
    }

    #map {
        height: 320px;
    }

    .triangle {
        padding: 30px 0;
    }

    .margin-top-75 {
        margin-top: 35px;
    }

    .padding-90-0 {
        padding: 50px 0;
    }

    .v1 .pc-item {
        height: 140px;
        width: 150px;
    }

    .v1 .pc-item-wrap {
        width: 80px;
    }

    .v1 .pc-logo > div {
        width: 60px;
        height: 45px;
    }

    .v1 .pc .pc-item-wrap:nth-child(even) .pc-item .pc-logo, 
    .v1 .pc2 .pc-item-wrap:nth-child(odd) .pc-item .pc-logo {
        top: 20px;
    }

    .v1 .pc .pc-item-wrap:nth-child(odd) .pc-item .pc-logo, 
    .v1 .pc2 .pc-item-wrap:nth-child(even) .pc-item .pc-logo {
        bottom: 20px;
    }

    .v1 a.pc-item .pc-overlay {
        font-size: 12px;
        padding: 40px 0;
    }

    .v1 .pc, .v1 .pc2 {
        margin-left: -70px;
    }

    .v2 .pc-item {
        height: 78px;
    }

    .v2 .pc-logo > div {
        width: 80px;
        height: 50px;
    }

    .description {
        padding: 40px 0;
        font-size: 16px;
        line-height: 25px;
    }

    .col-2 > div:first-child {
        margin-bottom: 30px;
    }

    .col-2 > div:first-child > img {
        height: 25px;
    }

    .blocks > div {
        margin-bottom: 50px;
    }

    .block-list ul li, 
    .block-charts > div > div,
    .block-people > div > div {
        width: 100%;
    }

    .blocks ul li,
    .block-people,
    .blocks p {
        font-size: 11px;
        line-height: 20px;
    }

    .people-name, .contact-name {
        font-size: 14px;
    }

    .people-job, .contact-job {
        font-size: 10px;
        margin-bottom: 20px;
    }

    h3 {
        font-size: 18px;
        line-height: 30px;
        margin: 0 0 30px 0;
    }

    .block-client > div > div {
        width: calc(50% - 20px);
        margin-bottom: 30px;
    }

    .block-client .text,
    .contact-link a,
    .block-contact {
        font-size: 12px;
        line-height: 20px;
    }

    .form {
        padding: 40px 20px;
    }

    .menu-bottom ul.menu {
        flex-direction: column;
        align-items: center;
    }

    .menu-bottom ul.menu li {
        margin-right: 0;
    }

    .form .n-title {
        font-size: 18px;
        margin: 0 0 40px 0;
    }

    .form input, .form textarea {
        font-size: 11px;
    }

    .form form > *,
    .form .row > input:first-child,
    .form .capture {
        margin-bottom: 30px;
    }

    .form .row {
        flex-direction: column;
    }

    .form .button {
        font-size: 10px;
        padding: 17px 39px;
    }

    a.back-button {
        padding-left: 20px;
    }

    a.up-button {
        padding-right: 20px;
    }

    a.back-button,
    a.up-button {
        font-size: 12px;
    }

    a.back-button::before {
        top: 5px;
    }

    a.up-button::before {
        top: 1px;
    }

    a.next-button {
        font-size: 20px;
        line-height: 40px;
        border-top: 3px solid rgba(157, 50, 147, 0.5);
    }

    .next-company {
        height: 40px;
        width: 180px;
        margin-bottom: 60px;
    }

    .block-charts > div > div {
        margin-bottom: 30px;
    }

    .block-charts > div > div:last-child,
    .blocks ul li:last-child {
        margin-bottom: 0;
    }

    .blocks p {
        margin: 0 0 20px 0;
    }

    .block-list ul > li::before,
    .blocks ul > li::before {
        top: 10px;
    }

    .block-client .text {
        margin-top: 0;
    }
	
	.error-page-in { padding-bottom: 200px; }
	.error-page-text { font-size: 18px }
	.error-page:before { background-size: cover; height: 400px; width: 400px; right: -100px }
	
	.blocks table th { padding: 30px 15px; font-size: 14px }
	.blocks table td  { padding: 20px 15px; font-size: 14px }

	.check-list-add {
		font-size: 11px;
		line-height: 20px;
	}
	
}

@media screen and (max-width:1100px) {
	
	.news-img { height: 210px; width: 320px; float: left; background-size: cover; margin: 5px 40px 0 0 } 
	.text-content blockquote { padding-left: 35px }
	.text-content blockquote:before { left: 0; width: 20px; height: 22px }
	
	.news-carousel-option { margin: 0 50px 40px 50px }
	.news-carousel img { height: 400px }
	
}

@media screen and (max-width:860px) {
	
	.row-buttons.apart { margin-bottom: 35px; }
	.row-buttons.apart .up-button { position: relative; top: 0; right: 0; }
	.site-path h1 { font-size: 24px; }
	.news-menu-item { font-size: 20px; margin-right: 30px }
	.news-img { float: none; display: block; width: 100%; margin-bottom: 28px; height: 185px }
	.news-title { font-size: 16px }
	.news-text, .news-date { font-size: 12px }
	
	.pager-list { padding: 0 50px 50px 50px }
	.pager-list a { font-size: 16px; margin: 0 8px; padding: 0 3px 5px 3px; }
	.pager-list a.selected { border-bottom: 3px solid #ce98c9 }	
	.pager-list a.next { font-size: 0; top: 5px }
	.pager-list a.next:after { content: ''; display: inline-block; width: 16px; height: 10px; margin-left: 0; background: url(../img/arrow-w.png) no-repeat 0 0; }
	
	.text-content { padding: 40px 0 50px 0 }  
	.text-content p, .text-content.news-one p { font-size: 16px; line-height: 1.4em }
	.text-content ul { font-size: 14px }
	
	.path a, .path span { font-size: 14px; }
	.path span { margin-left: 40px }
	.text-padd { padding: 15px 0 0 0 }
	.form .checkbox label, .form .file label { font-size: 14px }
	.form .checkbox label:before { top: -2px }
	
	.text-content p small { font-size: 12px }
	.map-container.inner-page { margin-bottom: 50px }
	
	.title a.alink { top: 10px; font-size: 12px; }
	.text-content blockquote { font-size: 18px; }
	
	.socnets { padding-bottom: 40px }
	.socnets span { font-size: 14px; }
	
	.news-carousel-option { margin: 0 20px 40px 20px }
	.news-carousel img { height: 301px }
	
	.index-news-menu .news-menu-item { font-size: 30px; } 
	.disclaimer { top: 20px }
	.disclaimer-in:before { left: 170px }
	
}

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

	.form-message { width: 300px; padding: 20px 80px 30px 20px; font-size: 13px; }
	.form-message-title { font-size: 18px; padding-bottom: 15px; line-height: 1.3em }
	.form-message-text { line-height: 1.6em; }
	.form-message-close.command-plus { top: 30px; right: 25px; }		
	
	.blocks .help p, .disclaimer-in { font-size: 12px; line-height: 16px }
}

@media screen and (max-width:400px) { 
	.index-news-menu .news-menu-item { font-size: 20px; } 
	
	.v1.inlist .pc-item {
        height: 110px;
        width: 110px;
    }

    .v1.inlist .pc-item-wrap {
        width: 60px;
    }

    .v1.inlist .pc-logo > div {
        width: 55px;
        height: 45px;
    }

    .v1.inlist .pc .pc-item-wrap:nth-child(even) .pc-item .pc-logo, 
    .v1.inlist.pc2 .pc-item-wrap:nth-child(odd) .pc-item .pc-logo {
        top: 20px;
    }

    .v1.inlist .pc .pc-item-wrap:nth-child(odd) .pc-item .pc-logo, 
    .v1.inlist .pc2 .pc-item-wrap:nth-child(even) .pc-item .pc-logo {
        bottom: 20px;
    }

    .v1.inlist a.pc-item .pc-overlay {
        font-size: 8px;
        padding: 20px 0;
    }

    .v1.inlist .pc, .v1.inlist .pc2 {
        margin-left: -55px;
    }

   
	.error-page-text { font-size: 12px }	
	.error-page:before { right: -160px }
	
	.blocks table th { padding: 20px 5px; font-size: 12px }
	.blocks table td  { padding: 10px 5px; font-size: 11px }
	
	.block-client > div > div {
        width: 100%;
        margin-bottom: 30px;
		margin-right: 0
    }

	
}






























