@media screen and ( max-width: 1399px ) {}
@media screen and ( max-width: 1199px ) {
  body {
    overflow: auto;
  }
}
@media screen and ( max-width: 991px ) {
  #ration-modal .modal-dialog {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  #ration-modal {
    height: 100%;
    inset: 0;
  }
  #ration-modal .products-items {
    height: initial;
  }
  #ration-modal .modal-content {
    border-radius: 0;
  }
  #ration-modal .col {
    flex: 0 0 0%;
    width: 0%;
    display: none;
  }
  #ration-modal .col.active {
    flex: 0 0 100%;
    width: 100%;
    display: block;
  }
  #ration-modal .product-full,
  #ration-modal .modal-body {
    padding: 0;
  }
  #ration-modal .product-full .controls {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #ration-modal .product-full .controls .btn {
    width: 100%;
    margin: 8px 0 0;
    text-align: center;
  }
  #ration-modal .product-full .controls .btn-outline {
    order: 2;
  }
  #ration-modal .product-full .controls .btn-primary {
    order: 1;
  }
	.auth::before {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-size: cover;
		background-position: center;
	}
	.auth .form {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  right: 0;
		height: auto;
		width: 100%;
		max-width: 100%;
		border-radius: 50px 50px 0 0;
	  display: block;
	  top: initial;
	}
	.auth .form .form-header {
		margin-bottom: 25px;
	  text-align: center;
	}
	.mobile-widget {
		background: transparent;
		padding: 0;
	}
	aside .requisites {
	  display: none;
	}
	body > .requisites {
		display: block;
		text-align: center;
	}
	body.quiz > .requisites {
		display: none;
	}
}
@media screen and ( max-width: 767px ) {
  aside {
    flex: 0 !important;
  }
  nav.mobile-nav {
    z-index: 999;
  }
  main {
    position: relative;
/*    margin-bottom: 70px;*/
  }
  .highcharts-label span {
    top: 30px !important;
    width: 280px;
    text-align: center;
  }
  .highcharts-label span .first-row {
    font-size: 16px;
    line-height: 20px;
  }
  .highcharts-label span .second-row {
    font-size: 12px;
  }
  .highcharts-description {
    top: 125px;
    width: 280px;
  }
  .highcharts-description strong {
    font-size: 18px;
    line-height: 24px;
  }
  .highcharts-description span {
    font-size: 14px;
    line-height: 20px;
  }
  .item-137 {
     display: none !important;
  }
	.layout__content .video iframe,
	.layout__videoWrapper iframe {
	  width: 100%;
	  height: 300px;
	}
}
@media screen and ( max-width: 575px ) {
  #ration-modal {
    padding: 0 !important;
  }
  #ration-modal .fz-3 {
    font-size: 20px;
  }
  .widget-body {
    max-width: 100%;
  }
  #ration .widget-body svg {
    max-width: 100% !important;
  }
  .auth:before {
    background: url(/templates/atemplate/images/bg-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
	.paginationLand__img {
		width: 60px;
	}
	.layout__about h2 {
		font-size: 16px;
		line-height: 22px;
	}
	.layout__power h3 {
		font-size: 14px;
		line-height: 18px;
	  text-align: center;
	}
	.layout__items {
	  flex-wrap: wrap;
	  justify-content: center;
	}
	.layout__item {
	  margin-bottom: 10px;
	}
	.layout__structure {
		flex-wrap: wrap;
	}
	.layout__structure-item {
		width: 50%;
		text-align: center;
	}
	.layout__structure-item p {
	  font-size: 12px;
	}
	.layout__cook * {
	  font-size: 14px;
	  line-height: 18px;
	}
	.layout__cook h4 {
		font-size: 14px;
		line-height: 18px;
	}
	.layout__cook ul {
	  padding-left: 15px;
	}
	.layout__content .video iframe,
	.layout__videoWrapper iframe {
	  height: 250px;
	}
}
@media screen and ( max-width: 400px ) {
	.file-upload {
	  display: block;
	}
	.file-upload > div {
	  width: 100% !important;
	}
	.avatar-image {
	  margin: 0 auto 20px;
	}
	.layout__content .video iframe,
	.layout__videoWrapper iframe {
	  height: 162px;
	}
}
@media screen and ( max-width: 350px ) {
  .highcharts-label span {
    top: 33px !important;
    width: 235px;
    text-align: center;
  }
  .highcharts-label span .first-row {
    font-size: 12px;
    line-height: 16px;
  }
  .highcharts-label span .second-row {
    font-size: 10px;
  }
  .highcharts-description {
    top: 95px;
    width: 230px;
  }
  .highcharts-description strong {
    font-size: 12px;
    line-height: 16px;
  }
  .highcharts-description span {
    font-size: 10px;
    line-height: 14px;
  }
	.layout__content .video iframe,
	.layout__videoWrapper iframe {
	  height: 136px;
	}
}