@media screen and (max-width: 1200px) {
   .container {
      max-width: 100%;
      padding: 0 15px;
   }
   
   .wrapper__container {
      padding: 70px 15px;
   }
   
   .wrapper__container img {
      padding-bottom: 20px;
   }
}

@media screen and (max-width: 992px) {
   .information {
      padding: 50px 0;   
   }
   
   .information__content {
      width: 100%;
      margin-left: 0;
   }
   
   .information__box {
      margin: 0 auto 50px auto;
   }
   
   .information__wrap {
      text-align: left;
   }
   
   .page-header__item:before,
   .information__list-item:before {
     display: none;
   }
}

@media screen and (max-width: 768px) {
   .promo, .promo__container {
      height: 210px;
   }
   
   .page-footer__list {
      margin: 40px 0 20px 0;
   }
   
   .wrapper__container h1 {
      font-size: 24px;
   }
   
   .information span {
      width: 100%;
   }

   .information__content div {
      flex-direction: column;
   }
   
   .information__content a:after,
   .page-footer__item-link:after {
      width: 100%;
   }
   
   #burger {
      cursor: pointer;
      display: inline-block;
      width: 30px;
      height: 30px;
      transition: 0.4s;
      position: absolute;
      right: 15px;
   }
   
   #burger.active {
		overflow: hidden;
		width: 30px;
      z-index: 5;
		transition: all 0.4s ease;
   }
   
   .burger-global {
		backface-visibility: hidden;
		position: absolute;
		border-top: 4px solid #005493;
		width: 100%;
		transition: 0.4s ease-out;
   }
   
   #burger.active .burger-global {
		border-top: 4px solid #fff;
   }
   
   .burger-top {
		top: 5px;
		left: 0;
   }
   .burger-middle {
		top: 13px;
		left: 0;
   }
   .burger-bottom {
	   top: 21px;
	   left: 0;
   }

   #burger.active .burger-top {
		transform: rotate(315deg);
		top: 13px;
   }
   #burger.active .burger-middle {
		opacity: 0;
   }
   #burger.active .burger-bottom {
		transform: rotate(225deg);
		top: 13px;
   }
   
   .page-header__navigation {
      opacity: 0;
      visibility: hidden;
      transition: 0.5s ease;
   }
   
   .page-header__navigation.open {
		opacity: 1;
		visibility: visible;
		top: 0;
	}
	
	.page-header__item {
	   margin-left: 0;
	   margin: 10px 0;
	}
	
	.page-header__item:before {
	   display: none;
	}
	
	.page-header__navigation.open .page-header__list {
	}
	
	.page-header__list {
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      padding: 15px 0;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(37, 135, 208, 0.8);
      z-index: 1;
   }
   
   .page-header__item-link {
      font-size: 150%;
      color: #fff;
   }
   
   .page-header__item.active .page-header__item-link {
      color: #fff;
   }
   
   .page-header__item.active:after {
     content: '';
     position: absolute;
     left: -18%;
     bottom: -4px;
     height: 2px;
     background-color: #fff;
     width: 140%;
   }
   
   .page-header__item:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -4px;
      height: 2px;
      background-color: transparent;
      width: 140%;
      transition: width 0.3s;
   }
}

@media screen and (max-width: 575px) {
   /* .promo,
   .promo__container {
      height: 180px;
   } */
   
   .promo-title {
      font-size: 20px;
      padding-bottom: 25px;
   }
   
   .broad {
      padding-top: 10px;
   }
   
   .broad a,
   .broad .active {
      font-size: 80%;
   }
   
   .information__box {
      padding: 15px;
      width: 290px;
   }
   
   .information__list-item {
      margin: 10px 0;
   }
   
   .information__list-link {
      font-size: 90%;
   }
   
   .page-footer-logo {
      margin: 0 auto;
   }
   
   .page-footer {
      padding: 30px 0;
   }
   
   .page-footer__bottom {
      align-items: center;
      flex-direction: column;
   }
   
   .page-footer__list {
      flex-direction: column;
      align-items: center;
   }
   
   .page-footer__bottom-link {
      margin: 20px 0 30px 0;
   }
   
   .page-footer__item-link {
      width: 100%;
      padding-right: 0;
   }
   
}

@media screen and (max-width: 360px) {
   /* .promo, .promo__container {
      height: 150px;
   } */
}