@media only screen and (max-width: 1280px) {
.title-section {margin-bottom:3%; top:40px;}
}

@media only screen and (max-width: 1259px) {
.body, .title-section h1 span, .title-section h2 span { width:92%;}
.text-new, .video-container  { padding-bottom:2rem}

.development article { width:100%;}
.inner-dev .single-icon a { margin-bottom:1rem}
.inner-dev .single-icon a.active {border-bottom:7px hidden #ffffff;}
header .body { width:100%;}

.title-section {margin-bottom:3%; top:40px;}
}

@media only screen and (max-width: 1199px) {
nav { float:left; position:relative; width:100%; clear:both; padding-left:0; background:#1d1d1f; height:auto; font-size:0.929rem;}
nav ul { padding-left:1rem}
.logo { width:100%; padding-left:2rem}

.title-section {margin-bottom:8%; top:100px;}
}

@media only screen and (max-width: 1152px) {
.development article { width:100%;}
.top-home { min-height:70vh}
.main-content article { width:65%; float:left; padding:0 4% 2rem 0}
.main-content aside { width:35%; float:left; margin:1rem 0 2rem;}
.button-article a.more {padding:.5rem 2rem; font-size:1rem}
.text-article img { max-height:150px; margin-right:1rem}
.info { width:100%; padding-right:0;}
.data { width:100%;}
.toggle + label { bottom:6px;}
#video-container {margin:5.5% 0 0 0;}
#video-container .video-content {top:33em;}
#video-container .video-content .inner {width:96%;}
.title-section {margin-bottom:5%; top:60px;}
}

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

nav { position: absolute; left:0; top:-90vh; width: 100%; height: 90vh; padding:0; transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); overflow: auto;  background:#1d1d1f; border-bottom:1px solid #ffffff; overflow:auto}
#nav_open {position:absolute; appearance:none; cursor:pointer; left:-100%; top:-100%;}

#nav_open + label {position:fixed; cursor:pointer; background: url(../img/open.svg) no-repeat center center; -webkit-font-smoothing: antialiased; margin:0; transition:all 500ms ease; right:0; width:60px; height:60px; z-index:100}
#nav_open + label:after { content:"";}

.container {transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}

#nav_open:checked ~ nav { top: 0;}
#nav_open:checked ~ .container { margin-top:90vh;}
#nav_open:checked + label { background: url(../img/close.svg) no-repeat center center;}
#nav_open:checked + label:after { content:""}
#nav_open:checked ~ .container header { position:absolute}

nav ul { padding-left:0}
nav ul li { display:block; width:100%; float:left; padding:0 !important; text-align:left !important; height:auto !important; font-size:1rem !important;  border-bottom:1px solid #ffffff; }
nav ul li br { display:none;}
nav ul li a {padding:1rem 2rem !important; display:block; width:100%;}
nav ul li.black a {border-left:0px solid #444443;}
nav ul li a img { float:right;}
nav ul li a.img { width:auto !important; float:right; padding:1rem 1rem !important;}
nav ul li a.img:first-of-type { padding-right:2rem !important}
nav ul li a.cc { width: 50% !important; float:left}

.menu1 {position: relative; display: block; width:100%;}
nav ul li > .menu1 li {border-bottom:1px solid rgba(255,255,255,.3);}
nav ul li > .menu1 li:last-of-type { border-bottom:none;}
nav ul li > .menu1 li a { display:inline-block; border-left:0px solid #444443; padding:10px 3.5rem !important; color:#ffffff; text-decoration:none; width:100%;}
nav ul li > .menu1 li a:before { display:block; float:left; content:'→'; font-size:.857rem; padding-right:.5rem}

.menu2 {position: relative; display: block; width:100%;}
nav ul li > .menu2 li {border-bottom:1px solid rgba(255,255,255,.3);}
nav ul li > .menu2 li:last-of-type { border-bottom:none;}
nav ul li > .menu2 li a { display:inline-block; border-left:0px solid #444443; padding:10px 3.5rem !important; color:#ffffff; text-decoration:none; width:100%;}
nav ul li > .menu2 li a:before { display:block; float:left; content:'→'; font-size:.857rem; padding-right:.5rem}

nav ul li.orange a.edu:hover:after  {background:rgba(255,255,255,0);}

.mega-menu {position: relative; display: block; width:100%; height:auto !important; padding:2rem}
nav ul li > .mega-menu li {border-bottom:0px solid rgba(255,255,255,.3);}
nav ul li > .mega-menu li:last-of-type { border-bottom:none;}
nav ul li > .mega-menu li a { display:inline-block; border-left:0px solid #444443; padding:.3rem 0 !important; color:#ffffff; text-decoration:none; width:100%;}
nav ul li > .mega-menu li a:before { display:block; float:left; content:''; font-size:.857rem; padding-right:.5rem}
.mega-menu div {border-right:1px dotted rgba(0,0,0,0) !important}
nav ul li > .mega-menu div:nth-of-type(4), nav ul li > .mega-menu div:nth-of-type(5), nav ul li > .mega-menu div:nth-of-type(6) {border-bottom:1px dotted rgba(0,0,0,.5)}
nav ul li > .mega-menu div:nth-of-type(6) {border-bottom:1px dotted rgba(0,0,0,0)}

nav ul li > .mega-menu ul li { width:100%; float:left; padding:.3rem 0 !important; color:#1d1d1f; text-transform:uppercase; text-align:left;}
nav ul li > .mega-menu ul li ul li { width:100%; float:left; padding:.3rem 0 .8rem !important; color:#1d1d1f; text-transform:none; font-size:.857rem !important; font-weight:700; text-align:left;}
nav ul li > .mega-menu ul li ul li ul li { width:100%; float:left; padding:0 !important; color:#1d1d1f; text-transform:none;  font-size:.857rem !important; font-weight:400; text-align:left;}

.title-section {margin-bottom:5%; top:60px;}
}

@media only screen and (max-width: 1024px) {
#video-container .video-content {top:26.5em;}
}

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

.single-icon { width:180px;}

.top-home { min-height:50vh; padding-bottom:2rem;}
.top-home h1 { padding-bottom:2rem;}
.abs-line { position: relative; width:100%; bottom:auto; float:left; clear:both; margin-top:2rem;}
#video-container .video-content .inner {width:94%; margin:0 auto;}
.desc p { padding:5px 0 0; margin:0; font-size:0.820rem;}
.box { width:47.5%;}
.box:nth-of-type(4n+1) { margin-left:2%; clear:none;}
.box:nth-of-type(2n+1) { margin-left:0; clear:left;}
.filter form div.col { width:50%}
.filter form div.col:nth-of-type(2n+1) { clear:left}

.title-section {margin-bottom:5%; top:60px;}
}

@media only screen and (max-width: 959px) {
.text-new, .video-container  { width:100%}
.video-container { padding:1rem; padding-bottom:0}
#video-container .video-content .inner {display:none;}
.development article { padding-right:0}
.main-content article { width:100%; float:left; padding:0 4% 2rem 0}
.main-content aside { width:100%; float:left; margin:1rem 0 2rem;}
.form-col { width:100%; margin-left:0;}
.form-col:last-of-type input.f1 { margin-top:0; width:100%}
.text-article { width:100%; padding-right:0}
.text-article img { margin-bottom:1rem}
.button-article { width:100%; float:left; padding-top:1rem; text-align:right;}
.main-content article .list-article1 h4, .main-content article .list-article1 p { padding-left:1.5rem;  padding-right:1.5rem;}
.tool a, .tool a:hover {padding:25px 15px;}

.rounded-buttons a { width:18.4%;}
.rounded-buttons a:nth-of-type(7n+1) { margin-left:2%}
.rounded-buttons a:nth-of-type(5n+1) { margin-left:0}

.title-section {margin-bottom:6%; top:60px;}
}

@media only screen and (max-width: 800px) {
#video-container  {position: relative; width: 100%; height:400px; overflow: hidden; background:#000;}
.video-text{top:35%; left:10%; width:80%;}
.text{font-size:3em;}
}

@media only screen and (max-width: 767px) {
.home-section article, .home-section aside { width:100%; padding-right:0; padding-bottom:0; margin-bottom:2rem; margin-top:0}
.top-image h3 { bottom:1rem; font-size:2rem}
.text-new h2, .blog h2, .title-section h1 {font-size:2rem}
#video-container {display:none;}
.text-new a.more { font-size:1.429rem;}
.top-home h1 { font-size:2.857rem;}
.top-home h1 span { width:100%; text-align:center;}
table.docs-list tr td:first-of-type { width:35px; padding:0 0}
.title-section h1 { padding:1rem 0}
video.video-home{display:none;}
.video-image-mobile {display:block; padding:0; margin:4em 0 0 0; width:100%; float:left;}
.video-text{display:none;}
video.video-resurs{display:block;}
article .team-logo { max-width:200px;}
.list-article2 img { max-width:180px;}
.row table tr td a { width:47%;}
.row table tr td:first-of-type { width:30%;}
.list-article2 div { width:100%; float:left;}
nav ul li > .mega-menu div { width:100%;}
.home-carousel {padding:0;}
.title-section {margin-bottom:8%; top:60px;}
}

@media only screen and (max-width: 599px) {
footer span { clear:both; display:block;}
footer img { margin-bottom:1rem;}
.blog-post { width:100%; margin-left:0; padding-bottom:1.5rem}
.top-image h3 { bottom:1rem; font-size:1.643rem; letter-spacing:-1px}
.top-home h1 { font-size:2rem;}
.box.team { width:100%; margin:0; clear:both;}

article .team-logo { max-width:600px;}
.list-article2 img { max-width:600px; margin-bottom:2rem}
.text-article img { float:left; max-height:600px; width:100%; margin-right:0}
.rounded-buttons a { width:32%;}
.rounded-buttons a:nth-of-type(7n+1) { margin-left:2%}
.rounded-buttons a:nth-of-type(5n+1) { margin-left:2%}
.rounded-buttons a:nth-of-type(3n+1) { margin-left:0}
.row table tr td a { width:97%;}
.form-data ul li { width:100%;}
.filter form div.col { width:100%}
.pages { font-size:1rem}
.image-news { width:100%; padding-bottom:1rem}
.text-news { width:100%; padding-left:0; }

.title-section {margin-bottom:9%; top:60px;}
}

@media only screen and (max-width: 568px) {
.video-text{top:35%; left:10%; width:80%;}
.text{font-size:2em;}
.list-article2 img { max-width:330px; margin-bottom:2rem}
}

@media only screen and (max-width: 320px) {
.list-article2 img { max-width:280px; margin-bottom:2rem}
}