@media screen and (max-width: 1199px) {
	/*–––––––––––––––––––––––––––––––––
	Structure
	–––––––––––––––––––––––––––––––––*/
	#body .mt-l {
		margin-top: $large-lg;
	}

	#body .mt-m {
		margin-top: $medium-lg;
	}

	#body .mt-s {
		margin-top: $small-lg;
	}

	#body .mb-l {
		margin-bottom: $large-lg;
	}

	#body .mb-m {
		margin-bottom: $medium-lg;
	}

	#body .mb-s {
		margin-bottom: $small-lg;
	}

	#body .pt-l {
		padding-top: $large-lg;
	}

	#body .pt-m {
		padding-top: $medium-lg;
	}

	#body .pt-s {
		padding-top: $small-lg;
	}

	#body .pb-l {
		padding-bottom: $large-lg;
	}

	#body .pb-m {
		padding-bottom: $medium-lg;
	}

	#body .pb-s {
		padding-bottom: $small-lg;
	}

  #chef .wrapper {
    margin-top: -100px;
    padding-top: 100px;
  }
}

@media screen and (max-width: 991px) {
	/*–––––––––––––––––––––––––––––––––
		Structure
	–––––––––––––––––––––––––––––––––*/
	#body .mt-l {
		margin-top: $large-md;
	}

	#body .mt-m {
		margin-top: $medium-md;
	}

	#body .mt-s {
		margin-top: $small-md;
	}

	#body .mb-l {
		margin-bottom: $large-md;
	}

	#body .mb-m {
		margin-bottom: $medium-md;
	}

	#body .mb-s {
		margin-bottom: $small-md;
	}

	#body .pt-l {
		padding-top: $large-md;
	}

	#body .pt-m {
		padding-top: $medium-md;
	}

	#body .pt-s {
		padding-top: $small-md;
	}

	#body .pb-l {
		padding-bottom: $large-md;
	}

	#body .pb-m {
		padding-bottom: $medium-md;
	}

	#body .pb-s {
		padding-bottom: $small-md;
	}

  body > .wrapper {
    position: relative;
    overflow: hidden;
  }

  /*–––––––––––––––––––––––––––––––––
		Header
	–––––––––––––––––––––––––––––––––*/
  #header img {
    width: 100%;
  }

  /*–––––––––––––––––––––––––––––––––
		Profit
	–––––––––––––––––––––––––––––––––*/
  img[src="images/bg-4.svg"] {
    transform: translate3d(15%, -35%, 0);
  }

  img[src="images/bg-3.svg"] {
    transform: translate3d(20%, -51%, 0);
  }

  img[src="images/bg-2.svg"] {
    transform: translate3d(145%, -180%, 0);
  }

  img[src="images/bg-5.svg"] {
    transform: translate3d(40%, -71%, 0);
  }

  /*–––––––––––––––––––––––––––––––––
		Chef
	–––––––––––––––––––––––––––––––––*/
  img[src="images/bg-6.svg"] {
    z-index: 2;
    transform: translate3d(-25%, 256%, 0);
  }

  /*–––––––––––––––––––––––––––––––––
		Support
	–––––––––––––––––––––––––––––––––*/
  img[src="images/bg-7.svg"] {
    transform: translate3d(-2%, -53%, 0);
  }

  img[src="images/bg-9.svg"] {
    display: none;
  }

  img[src="images/bg-8.svg"] {
    transform: translate3d(132%, -58%, 0);
  }

  /*–––––––––––––––––––––––––––––––––
		Terms
	–––––––––––––––––––––––––––––––––*/
  img[src="images/terms-img-1.jpg"] {
    width: 100%;
  }

  img[src="images/terms-img-2.jpg"] {
    width: 300%;
    top: 25%;
  }

  img[src="images/bg-10.svg"] {
    transform: translate3d(-20%, -80%, 0);
  }

  /*–––––––––––––––––––––––––––––––––
		Steps
	–––––––––––––––––––––––––––––––––*/
  #steps div > span::after {
    left: -40px;
  }

  #steps div > span:nth-of-type(2n)::after {
    right: -40px;
  }

  /*–––––––––––––––––––––––––––––––––
		Footer
	–––––––––––––––––––––––––––––––––*/
  footer img[src="images/logo.svg"] {
    width: 100%;
  }

  img[src="images/bg-12.svg"] {
    transform: translate3d(-55%, -107%, 0);
  }

  /*–––––––––––––––––––––––––––––––––
		Modal
	–––––––––––––––––––––––––––––––––*/
  section.modal {
    width: 100vw;
    transform: translateX(-100vw);
  }
}

@media screen and (max-width: 767px) {
	/*–––––––––––––––––––––––––––––––––
		Structure
	–––––––––––––––––––––––––––––––––*/
	#body .mt-l {
		margin-top: $large-sm;
	}

	#body .mt-m {
		margin-top: $medium-sm;
	}

	#body .mt-s {
		margin-top: $small-sm;
	}

	#body .mb-l {
		margin-bottom: $large-sm;
	}

	#body .mb-m {
		margin-bottom: $medium-sm;
	}

	#body .mb-s {
		margin-bottom: $small-sm;
	}

	#body .pt-l {
		padding-top: $large-sm;
	}

	#body .pt-m {
		padding-top: $medium-sm;
	}

	#body .pt-s {
		padding-top: $small-sm;
	}

	#body .pb-l {
		padding-bottom: $large-sm;
	}

	#body .pb-m {
		padding-bottom: $medium-sm;
	}

	#body .pb-s {
		padding-bottom: $small-sm;
	}

  #body h1, h2 {
    font-size: 40px;
  }

  #body h1.nowrap,
  #body h2.nowrap {
    white-space: normal;
  }

  h1 br,
  h2 br {
    display: none;
  }

  body {
    margin-top: 0;
  }

  #header {
    margin: 0;
    height: auto;
  }

  #header.fixed img[src="images/logo-small.svg"] {
    width: 45px;
    height: 45px;
  }

  /*–––––––––––––––––––––––––––––––––
		Start
	–––––––––––––––––––––––––––––––––*/
  #start {
    margin-top: 0;
    padding-top: 80px;
    background: url(../images/start-bg-img-1.jpg) no-repeat center bottom / cover;
  }

  #start button {
    margin-bottom: 160px;
    background-color: #FDA001;
    color: white;
  }

  #start .video {
    width: 100%;
  }
  
  .video_container {
	  padding-bottom: 56.25%;
  }

  /*–––––––––––––––––––––––––––––––––
		About
	–––––––––––––––––––––––––––––––––*/
  #about #map {
    width: 100vw !important;
    height: 300px !important;
    float: none !important;
    margin-left: -30px;
  }

  /*–––––––––––––––––––––––––––––––––
		Profit
	–––––––––––––––––––––––––––––––––*/
  img[src="images/bg-4.svg"] {
    transform: translate3d(15%, -7%, 0) scale(.7);
  }

  #profit .mb-3 + p {
    margin-bottom: 40px;
  }

  img[src="images/bg-2.svg"] {
    transform: translate3d(217%, -180%, 0);
  }

  /*–––––––––––––––––––––––––––––––––
		Chef
	–––––––––––––––––––––––––––––––––*/
  #chef .order-1 {
    display: flex;
    align-items: flex-start;
  }

  #chef .order-1 img {
    width: 60%;
    margin-right: 30px;
    margin-bottom: 30px;
  }

  #chef .controls {
    margin-bottom: 80px;
  }

  img[src="images/bg-5.svg"] {
    transform: translate3d(87%, -71%, 0);
  }

  /*–––––––––––––––––––––––––––––––––
		Support
	–––––––––––––––––––––––––––––––––*/
  img[src="images/bg-6.svg"] {
    transform: translate3d(-25%, 256%, 0) scale(.6);
  }

  img[src="images/bg-7.svg"] {
    display: none;
  }

  #support li {
    margin-left: 30px;
  }

  #support h4 {
    position: relative;
    margin-left: 30px;
  }

  #support h4::before {
    left: -30px;
  }

  /*–––––––––––––––––––––––––––––––––
		Terms
	–––––––––––––––––––––––––––––––––*/
  #terms img {
    display: none;
  }

  #body #terms h2 {
    padding-top: 0;
  }

  img[src="images/bg-8.svg"] {
    transform: translate3d(219%, -58%, 0);
  }

  #terms form {
    margin-top: 40px;
  }

  /*–––––––––––––––––––––––––––––––––
		Gallery
	–––––––––––––––––––––––––––––––––*/
  #gallery .controls {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  #gallery .controls button,
  #gallery .controls button.slick-prev {
    position: inherit;
    transform: none;
  }
  #gallery .controls button.slick-prev {
    transform: scale(-1, 1);
  }

  #steps div > span::after {
    transform: scale(-1, 1);
    left: unset;
    right: -40px;
  }

  #steps .right p:nth-of-type(-2n+5) {
    visibility: visible;
  }

  img[src="images/bg-11.svg"] {
    transform: translate3d(0%, -50%, 0) scale(.4);
  }

  #footer .contacts {
    padding-top: 40px;
    text-align: left;
  }

  /*–––––––––––––––––––––––––––––––––
		Modal
	–––––––––––––––––––––––––––––––––*/
  #body section.modal .col-md-4 {
    padding-bottom: 40px;
  }

  section.modal .col-md-2 {
    position: absolute;
    top: 50px;
    right: 15px;
    width: fit-content;
  }
}

@media screen and (max-width: 575px) {
	/*–––––––––––––––––––––––––––––––––
		Structure
	–––––––––––––––––––––––––––––––––*/
	#body .mt-l {
		margin-top: $large-xs;
	}

	#body .mt-m {
		margin-top: $medium-xs;
	}

	#body .mt-s {
		margin-top: $small-xs;
	}

	#body .mb-l {
		margin-bottom: $large-xs;
	}

	#body .mb-m {
		margin-bottom: $medium-xs;
	}

	#body .mb-s {
		margin-bottom: $small-xs;
	}

	#body .pt-l {
		padding-top: $large-xs;
	}

	#body .pt-m {
		padding-top: $medium-xs;
	}

	#body .pt-s {
		padding-top: $small-xs;
	}

	#body .pb-l {
		padding-bottom: $large-xs;
	}

	#body .pb-m {
		padding-bottom: $medium-xs;
	}

	#body .pb-s {
		padding-bottom: $small-xs;
	}

  #header {
    padding: 20px 15px;
  }
  /*–––––––––––––––––––––––––––––––––
		About
	–––––––––––––––––––––––––––––––––*/
  #about .container {
    padding-bottom: 0;
  }

  #about #map {
    margin-left: -15px;
  }

  img[src="images/bg-1.svg"].second {
    display: none;
  }

  /*–––––––––––––––––––––––––––––––––
		Profit
	–––––––––––––––––––––––––––––––––*/
  img[src="images/bg-4.svg"] {
    transform: translate3d(20%, -50%, 0) scale(.4);
  }

  /*–––––––––––––––––––––––––––––––––
		Reasons
	–––––––––––––––––––––––––––––––––*/
  img[src="images/bg-5.svg"] {
    transform: translate3d(0%, -53%, 0) scale(.7);
  }

  img[src="images/bg-6.svg"] {
    display: none;
  }

  img[src="images/reasons-img-1.jpg"] {
    width: 100vw;
    margin-left: -15px;
  }

  /*–––––––––––––––––––––––––––––––––
		Terms
	–––––––––––––––––––––––––––––––––*/
  #terms .container {
    padding-bottom: 0;
  }

  /*–––––––––––––––––––––––––––––––––
		Steps
	–––––––––––––––––––––––––––––––––*/
  #steps div > p {
    font-size: 14px;
  }

  #steps div > span::after,
  #steps div > span:nth-of-type(2n)::after {
    right: -25px;
  }

  /*–––––––––––––––––––––––––––––––––
		Footer
	–––––––––––––––––––––––––––––––––*/
  img[src="images/bg-12.svg"] {
    transform: translate3d(-3%, -107%, 0);
  }
}
