*1 {outline: 1px black solid;}

.global-box {	margin: auto;	padding-right: 7%; padding-left: 7%; max-height: 100vh; }
.logo-main,.logo-main img { height: 100%; }
.header-box {	position: relative;	text-align: center;	height: 7vw; margin-top: 6%; margin-bottom: 5%; }

.header-box .header-contacts {
  float: right; position: absolute; top: 0px; right: 0px;
  text-transform: uppercase; text-align: right; line-height: 1.15; font-size: 2vw;
}

.mob-menu, .mob-header-contacts, .mob-top-strip { display: none; }

.bx-menu-text { text-transform: uppercase; line-height: 1.15; font-size: 50px; font-weight: 800; margin-top: 50px; white-space: ; /* nowrap */ }

/* Относится к кругам ТОЛЬКО на главной */

.bx-menu-item .icon.main {  padding-left: 3vw; padding-right: 3vw; } /* размер кругов в десктопной версии */

.mob-menu img.main { width: 60%; } /* размер круга в мобильной версии */

/* Изменения на странице ЦЕНЫ | УСЛУГИ */

.header-box.prices-services { margin-bottom: 8%; } /* Больше отступ от логотипа вниз */

.bx-menu-item .icon.prices-services {  padding-left: 6.4vw; padding-right: 6.4vw; } /* размер кругов в десктопной версии */

.mob-menu img.prices-services { width: 44%; } /* размер круга в мобильной версии */


.main-circle { margin: auto; }

@media (max-width: 1720px) {
  .bx-menu-text { font-size: 2.6vw; margin-top: 8%; letter-spacing: 0.05em; }
  .header-box .header-contacts { font-size: 2vw; }
}
@media (min-aspect-ratio: 12/6) {
  .header-box { margin-top: 6vh; margin-bottom: 3vh; }
  .bx-menu-text { margin-top: 3vh; }
}

@media (max-width: 600px) {

  .header-box { height: 17vw; margin-top: 13%; margin-bottom: 7%; }
  .header-contacts, .bx-menu-wrapper { display: none; }

  .mob-top-strip { display:  block; height: 8vw; width: 100%; margin-top: 10%; }
  .mob-top-strip img { height: 100%; float: right; cursor: pointer; }

  .mob-menu { display: block; text-align: center; margin-left: auto; margin-right: auto; }
  .mob-menu a { display: block; }
  .mob-header-contacts { display: block; font-size: 5.3vw; margin-bottom: 11%; text-transform: uppercase; text-align: center; font-weight: 400; }

  .mob-menu-text { text-transform: uppercase; white-space: nowrap;
    font-size: 6.5vw; /* 7 vw */  font-weight: 800;
    margin-top: 6vw; /* 6 vw */ margin-bottom: 15vw; /* 9 vw */
  }

  .CallBox { height: 14vw; width: 14vw; }

  .mob-menu .spacer { height: 1vw; }

    .back-box { display: none; }
}


/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 11; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #fff;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  text-transform: uppercase;
  font-weight: 800;
}

.sidenav a.back { color: #41ab3d; font-size: 15px; margin-bottom: 0px; }

/* The navigation menu links */
.sidenav a { padding: 20px 8px 20px 32px;
  font-size: 25px;
  display: block;
  transition: 0.3s;
}

.sidenav .socialIcons {
  margin-top: 100px;
  margin-bottom: 50px;
  margin-left: 28px;
}

.sidenav .socialIcons img { width: 40px; height: 40px; margin-right: 30px; margin-bottom: 30px; }

.sidenav .socialIcons a { display: inline; padding: 0px; }

div.int-site-spacer { margin-bottom: 4vw; }