.text-content iframe {
max-width: 100%;
max-height: 45vh;
}
.article-info {
max-width: 100%;
}
#contacts-map {
max-width: 100%;
}
#contacts-feedback input,
#contacts-feedback textarea {
max-width: calc(100% - 170px);
}
#adv1 td span {
white-space: nowrap;
}

.search-header input[type="text"] {
max-width: 100%;
box-sizing: border-box;
margin-bottom: 10px;
}

@media (max-width: 980px) {

.utl-mobile .uptl_container-share {
display: none !important;
}
#sticky_block > div:first-child {
display: none !important;
}


#wrap {
width: auto;
}
#header {
height: auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
#header-logo, #header-contacts, #iso-logo, #groups-top, #header-language, #header-login, #header-search {
position: relative;
top: 0;
left: 0;
}

#main-menu {
width: 100%;
display: flex;
position: relative;
padding: 0;
height: auto;
flex-wrap: wrap;
justify-content: center;
}
#main-menu > li {
margin: 0;
}
#main-menu li a {
padding: 10px;
font-size: 12px;
}
#header-contacts {
background: none;
height: 100px;
padding: 10px;
}

#banner1 {
width: auto;
}
#banner1 img {
max-width: 100%;
height: auto;
}

#header-logo {
max-width: 45%;
box-sizing: border-box;
background-size: contain;
background-position: center;
margin-left: 10px;
}
#header-2ndrow {
display: flex;
align-items: center;
}

#header > div {
max-width: 100%;
}
#header-2ndrow div {
margin-left: 10px;
height: auto;
}
#header-search {
display: flex;
padding: 0 10px;
margin: 20px 0;
}
#header-contacts .orange-button {
left: 10px;
width: 150px;
}

#index-block1 {
width: 100%;
box-sizing: border-box;
background-size: cover;
height: auto;
}

#index-block1 ul li {
width: auto;
}

#index-block2 {
width: 100%;
}

#index-block2 .box_skitter {
margin: 0 auto;
}

#index-left {
width: 100%;
max-width: 100%;
box-sizing: border-box;
float: none;
clear: both;
padding: 0 10px;
margin: 0;
}

#index-block3 .tabs-menu {
display: flex;
}
#index-block3 .tabs-menu li {
line-height: normal;
padding: 5px 10px;
}
#index-block3 .tabs-menu li a {
display: block;
}
#index-block3 .tab {
height: auto;
}
.tab #vmap {
width: 100% !important;
}

.map-info {
width: 100%;
box-sizing: border-box;
height: auto;
bottom: 0;
top: auto;
right: auto;
left: 0;
}

.map-info .orange-button.all-projects {
position: relative;
margin-top: 10px;
left: 0;
bottom: auto;
}

.experts-list {
max-width: 100%;
width: 100%;
display: grid;
 grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
 grid-gap: 15px;
}
.experts-list li > div {
width: calc(100% + 18px);
box-sizing: border-box;
}
.experts-list li > div ul  {
display: flex;
flex-wrap: wrap;
}
.experts-list li > div li:first-child {
width: 100%;
border-right: none;
border-bottom: 1px solid #bacce6;
}
.experts-list li > div ul li {
padding: 0;
margin: 0 10px;
}


#index-block9 {
display: block;
width: 100%;
}
#index-block10 {
overflow: hidden;
}
#index-block9 > div {
display: block;
width: 100%;
box-sizing: border-box;
border: none;
}
#index-block9 > div + div {
border-top: 1px solid #bacce6;
}
#index-block11 {
height: auto;
padding: 10px;
}
#index-block11 .box_skitter_large {
position: relative;
right: auto;
bottom: auto;
margin: 20px auto;
max-width: 100%;
}
#index-right {
width: 100%;
padding: 0 10px !important;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
}
#sticky_block {
position: relative !important;
top: auto  !important;
height: auto;
}
#index-right .block {
width: 100%;
box-sizing: border-box;

}

#counters,
#idea-l {
position: relative;
bottom: auto;
right: auto;
margin-top: 10px;
}
#copyright p {
width: auto;
margin-bottom: 10px;
}
#footer #copyright {
height: auto;
}

#resume #ulclients {
max-width: 100%;
width: 100%;
/*
display: grid;
 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
 grid-gap: 20px;
*/
white-space: nowrap;
overflow: auto;
}
#resume #ulclients li {
width: auto;
}
#resume #ulclients li img {
max-width: 100%;
}

.gallery-list {
width: 100%;
box-sizing: border-box;
display: grid;
 grid-template-columns: repeat(auto-fill, minmax(238px, 1fr));
 grid-gap: 10px;
}

.gallery-list li {
width: auto;
margin: 0;
}
.gallery-list li img {
display: block;
margin: 10px auto;
width: 100%;
object-fit: cover;
}
.gallery-list li > div {
display: none !important;
}


.gallery-details-list {
width: 100%;
box-sizing: border-box;
display: grid;
 grid-template-columns: repeat(auto-fill, minmax(238px, 1fr));
 grid-gap: 10px;

}
.gallery-details-list a {
width: auto;
margin: 0;
}
.gallery-details-list a img {
display: block;
margin: 10px auto;
width: 100%;
object-fit: cover;
}

.resp-list {
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}

.resp-list li {
width: 130px;
text-align: center;
}
.resp-list li img {
margin: 5px auto;
}

.text-content img {
max-width: 100%;
height: auto !important;
}

#footer-menu > div {
width: 25%;
}
#groups-bottom .groups-menu {
left: 0;
}
#filters-switch {
right: 10px;
}

#smi-tab-2, #smi-tab-3, #monitoring-tab-2, #monitoring-tab-3, #events-tab-2, #events-tab-3, #review-tab-2, #review-tab-3 {
display: block;
}
.events-tabs-menu, .monitoring-tabs-menu, .smi-tabs-menu, .review-tabs-menu {
display: none;
}


}


@media (max-width: 830px) {
#header-callback {
position: fixed;
left: 50%;
transform: translateX(-50%);
top: 60px;
max-width: 100vw;
max-height: calc(100vh - 60px);
}

}


@media (max-width: 760px) {

#mob-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
height: 40px;
z-index: 9999;
display: flex;
box-sizing: border-box;
justify-content: space-between;
padding: 0 20px;
align-items: center;
box-shadow: 0 0 7px rgba(0,0,0,1.2) !important;
}
#mob-header h2 {
font-size: 30px;
font-weight: bold;
}
#mob-header h2 a {
color: #000;
text-decoration: none;
}
#mob-header #menu-switch {
cursor: pointer;
}
#mob-header #menu-switch span {
display: block;
 width: 35px;
  height: 5px;
  background-color: #f69d51;
  margin: 6px 0;
  transition: 0.4s;
}
#header {
padding-top: 40px;
}

#main-menu {
display: none;
}
#main-menu.show {
display: block;
      padding: 0;
      z-index: 6999;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
box-sizing: border-box;
background:#fff;
      height: 100vh;
      margin: 0;
      overflow-y: auto;
padding: 70px 10px 20px 20px;

}


#main-menu.show li {
height: auto;
float: none;
width: 100%;
background: none !important;
border: none !important;
}
#main-menu.show li a {
padding: 0;
display: block;
height: auto;
float: none;
background: none !important;
border: none !important;
font-size: 20px;
margin-bottom: 10px;
width: auto !important;
position: relative;
color: #000;
}


#main-menu.show > li:first-child::before {
 background: url(/bitrix/templates/nisse/images/logo.png) no-repeat;
background-size: contain;
display: block;
width: 200px;
height: 70px;
content: "";
margin: 20px auto 40px auto;
}

#main-menu.show > li:not(:last-child) > a::after{
display: inline-block;
content: "";
 width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;   
  border-left: 10px solid black;
vertical-align: middle;
margin-left: 10px;
position: absolute;
}

#main-menu.show > li:not(:last-child) > a.opened::after{
   border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid black;
top: 5px;
}


#main-menu li li ul {
display: none !important;
}

#main-menu.show li ul {
display: none;
left: 0;
position: relative;
background: none;
width: auto;
margin: 0 0 0 25px;
}


#index-block3 #tab-2 div.clientsexamples {
width: 100%;
position: relative;
left: 0;
top: 0;
}

#index-block3 #tab-2 ul.clientsbycategories {
width: calc(100% - 24px);
box-sizing: border-box;
border: none;
margin: 10px 12px 0 12px;
}

#index-block3 #tab-2 ul.clientsbycategories > li:first-child div {
display: none;
}

#index-block3 #tab-2 ul.clientsbycategories li > div {
width: 100%;
box-sizing: border-box;
height: auto;
}

#index-block3 #tab-2 ul.clientsbycategories li a {
width: calc(100% - 50px);
}

#index-block3 #tab-3 ul {
column-count: 1;
}

#index-block3 #tab-3 ul li > div {
position: relative;
height: auto;
left: 0;
top: 0;
background: #fff;
box-sizing: border-box;
width: 100%;
}
#index-block3 #tab-3 ul li > div .close,
#index-block3 #tab-3 ul li > div h3 {
display: none !important;
}
#index-block3 #tab-3 ul li > div a.white {
color: #3d75b2
}
#index-block3 #tab-3 ul li > div .orange-button.all-projects {
position: relative;
left: 0;
bottom: auto;
margin-top: 10px;
}
#index-block3 #tab-3 ul li > div span {
color: #000;
}

#howwework {
background-size: contain;
height: auto;
}
#howwework ul {
position: relative;
bottom: auto;
margin-top: 24%;
list-style: decimal;
padding-left: 16px;
}
#howwework ul li {
float: none;
width: auto;
}

.callback {
height: auto;
padding-bottom: 10px;
}
.callback > div,
.callback form {
float: none;
padding-left: 10px;
}

.index-triple-list {
display: flex;
flex-direction: column;
}
.index-triple-list li {
display: block;
width: 100%;
max-width: none;
box-sizing: border-box;
height: auto;
border: none;
}
.index-triple-list li + li,
.index-triple-list li + li + li {
padding-left: 0;
}
#index-left h2 a:first-child {
display: block;
margin: 5px 0;
}
#index-left h2 span.total {
margin-left: 0;
margin-top: 5px;
}
#index-left h2 .total + a.all {
margin-top: 5px;
}



.jcarousel-clients {
max-width: 100%;
}
.jcarousel-clients li {
width: 100px;
}
.jcarousel-clients img {
width: 100px;
object-fit: contain;
}


#footer-menu > div {
display: none;
}

#footer-menu > div:last-child {
display: block;
float: none;
}

.chart, .chart > div {
width: 100%;
max-width: 100% !important;
box-sizing: border-box;
}

#resume table,
#resume tbody,
#resume tr {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0;
}

#resume table td {
display: block;
width: 100%;
box-sizing: border-box;
margin-bottom: 10px;
}

.sub-menu {
flex-wrap: wrap;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.sub-menu li {
margin: 0 0 10px 10px;
display: block;
width: 47%;
}
.sub-menu li a {
box-sizing: border-box;
padding: 0 5px;
font-size: 12px;
}

.org-info {
width: 100%;
float: none;
box-sizing: border-box;
}

.expert-filter select,
#selectarea {
width: 100%;
margin-top: 10px;
}

.project-info {
float: none;
width: 100%;
box-sizing: border-box;
}

#contacts-feedback input,
#contacts-feedback textarea  {
width: 100% !important;
margin-top: 10px;
max-width: none;
box-sizing: border-box;
}
#contacts-feedback p {
position: relative;
right: auto;
}
#contacts-feedback .captcha img {
margin: 10px auto;
display: block;
}

#contacts-feedback button {
margin: 10px auto;
display: block;
}
#directions-links a:first-child {
display: none;
}

#directions-links a + a {
margin-left: 0;
}
#header-callback label.error {
position: relative;
background: none;
left: 0;
}

#sitemap > div {
width: 100%;
float: none;
}

#footer-menu > div {
width: 100%;
}

}


@media (max-width: 500px) {

#index-block1 ul {
    column-count: 1;
}


.callback form {
padding: 10px;
box-sizing: border-box;
width: 100%;
}
.callback form input, .callback form fieldset {
float: none;
width: 100%;
box-sizing: border-box;
}
.callback form input[type="text"] {
width: 100%;
box-sizing: border-box;
margin-bottom: 10px;
}
.callback form button {
width: 100%;
box-sizing: border-box;
}

.resume-button {
float: none;
margin: 10px 0 !important;
width: 100%;
box-sizing: border-box;
}


.expert-info {
float: none;
width: 100%;
box-sizing: border-box;
}
.expert-activity {
margin-left: 0;
}

.expert-info img {
display: block;
margin: 0 auto 10px auto;
}
.expert-info ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 15px;
}
.expert-info ul li { 
margin: 5px 10px;
}

#filters-switch {
position: relative;
margin: -10px 0 10px 0;
width: 100%;
box-sizing: border-box;
}
.paging h3 {
display: none;
}
.elements-list img {
width: 100px;
}
.elements-list li > div {
margin-left: 115px;
}
#materialsfilter table td:first-child {
white-space: normal;
}
#index-left.pages h2 {
font-size: 16px;
}

#directions-links a {
display: block;
margin: 5px 0 !important;
}

.text-content {
word-wrap: break-word;
}

.elements-list h2 {
font-size: 14px !important;
}

#header-callback label {
width: 100%;
}
#header-callback input,
#header-callback textarea {
margin: 10px 15px 0 15px;
width: calc(100% - 30px) !important;
box-sizing: border-box;
}
#header-callback img {
display: block;
margin: 10px auto !important;
}
#header-callback .blue-button {
margin: 10px auto !important;
display: block;
}
#header-callback p {
margin-left: 0;
text-align: center;
}

.search-results li > a {
font-size: 16px;
}
.results-count {
float: none;
margin-top: 10px;
text-align: left;
}

#resume > div.chart {
padding: 0;
box-sizing: border-box;
}
#resume > div.chart > div {
margin-left: 0 !important;
}

#filters-switch {
right: 0;
}

.tab #vmap {
max-height: 30vh;
}

}




@media (min-width: 501px) {
#main-menu li ul {
display: block !important;
}
}