/* Large devices (desktops, less than 1200px) */

@media screen and (max-width: 1200px) {
  /* MOBILE MENU */
  .nav-header__link + a {
    margin-left: 30px;
  }
  
  /* INTRO */
  .intro {
    padding-top: 40px;
    background-image: none;
  }
  .intro-gift__btn {
    margin-bottom: 53px;
  }
  .intro__arrow {
    margin-bottom: 37px;
  }
  .intro-gift, 
  .intro-action {
    margin: 0 auto;
  }
  .intro-contacts {
    margin-right: 120px;
  }
  .intro-action__text {
    /*width: 400px;*/
    margin: 30px auto;
}
  /* TITLE BOX */
  .title-box--services {
    margin-top: 88px;
    margin-bottom: 72px;
  }
  .title-box--advantages-land::after {
    width: 300px;
  }
  .title-box--offer::after {
    width: 300px;
  }
  .title-box--advantages-land {
    margin-bottom: 60px;
  }
  .title-box--offer {
    margin-right: 140px;
  }
  .title-box--working {
    margin-bottom: 70px;
    margin-left: 50px;
  }
  /* WORK SLIDER */
  .our-works-slider {
    max-width: 800px;
  }
  /* HELP LANDING */
  .help-landing-inner {
    flex-direction: column;
    align-items: center;
  }
  .help-landing-features {
    width: 100%;
    /*margin-top: 100px;*/
  }
  .help-landing-features-item br {
    display: none;
  }
  /* ADVANTAGES LANDING */
  .advantages-content {
    padding: 78px 10px 78px 33px;
  }
  /* WORKING */
  .working-content {
    padding-left: 35px;
    padding-bottom: 15px;
  }
  .working-item--second,
  .working-item--sixth {
      margin-left: 20px;
  }
  .working-item--third {
    margin-left: 20px;
  }
  .working-item__line-left {
    width: 152px;
    left: 120px;
  }
  .working-item__line-right {
    width: 152px;
    left: 120px;
  }
  /* SERVICES */
  .services-item__body {
    text-align: center;
    padding: 29px 20px;
  }
  .services {
    padding: 60px 0 50px;
  }
  /* BRIEF */
  .brief {
    padding: 48px 0 70px;
  }
  .brief__text {
    margin-bottom: 70px;
  }
  .brief__arrow {
    bottom: -95px;
  }
  /* FOOTER */
  .footer-contacts {
    padding: 34px 25px 24px;
  }
  .footer-links {
    margin-bottom: 50px;
  }
  /*      ORDER      */
  .order {
    padding-top: 106px;
  }
}


/* Medium devices (tablets, less than 992px) */

@media screen and (max-width: 992px) {
  /* MOBILE MENU */
  .nav-header {
    display: none; 
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff; /* OLD COLOR #e6e6e6 */
    z-index: 1;
    width: 300px;
  }
  .nav-header__link {
    display: block;
    padding: 20px;
    color: #000;
  }
  .nav-header__link + a {
    margin-left: 0;
  }
  .header__mobile-btn {
    display: block;
  }
  /* FOOTER */
  .footer-links {
    text-align: center;
  }
  .footer-left {
    text-align: center;
  }
  .footer__copyright {
    text-align: left;
  }
  .footer__logo-link {
    margin-bottom: 80px; /*было 27px*/
  }
  .footer-links {
    margin-bottom: 30px;
  }
  .footer-contacts {
    max-width: 300px; /*было 450px*/
  }
  /* BRIEF */
  /*.brief__btn+.brief__btn {
    margin-left: 50px;
  }*/
  .brief__text br {
    display: none;
  }
  .brief {
    padding-bottom: 100px;
  }
  .brief__arrow {
    bottom: -125px;
  }
  /* SERVICES */
  .services__items-pre-text br {
    display: none;
  }
  .services-item {
    margin-bottom: 50px;
  }
  .services__items-post-text {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 30px;
  }
  /* WORKING */
  .working-inner {
    flex-direction: column;
  }
  .working-bg {
    width: 100%;
    height: 500px;
    display: none;
  }
  .working-content {
    width: 100%;
    text-align: center;
    padding: 65px 10px 65px;
  }
  .working-items {
    margin: 0 auto;
    padding-left: 16px;
  }
  .working-item__line-right,
  .working-item__line-left {
    width: 170px;
  }
  /* ADVANTAGES LANDING */
  .advantages-landing-inner {
    flex-direction: column;
  }
  .advantages-bg {
    width: 100%;
    height: 500px;
    background-position: center;
  }
  .title-page {
    font-size: 34px;
    line-height: 1.2;
  }
  .title-services--add {
    font-size: 28px;
    margin-top: 15px;
  }
  .advantages-content {
    padding: 78px 10px 78px;
  }
  /* BUTTONS */
  .btn--services,
  .btn--offer {
    font-size: 25px;
    padding: 1.3rem 2rem;
  }
    .brief__btn {
    font-size: 24px;
    padding: 0.5rem 1rem;
  }
    .brief__input {
    font-size: 16px;
  }
  /* TITLE BOX */
  .title-box--brief br {
    display: none;
  }
  .title-box--services::after {
    width: 119px;
    height: 130px;
    top: -17px;
    left: 39px;
  }
  .title-box--working::after {
    width: 140px;
    height: 131px;
    top: -16px;
    left: 56px;
  }
  .title-box--our-works {
    margin-right: 0;
  }
  .title-box--our-works::after {
    width: 200px;
    height: 135px;
    top: -17px;
    left: 85px;
  }
  .title-box--offer::after {
    width: 200px;
    height: 180px;
    top: -21px;
    left: 78px;
  }
  .title-box--brief {
    background: none;
    width: auto;
    height: auto;
  }
  .title-box--help-landing::after {
    width: 220px;
    height: 140px;
    top: -15px;
    left: 68px;
  }
  .title-box--our-advantages::after {
    width: 200px;
    height: 140px;
    top: -22px;
    left: 75px;
  }
  .title-box--advantages-land::after {
    width: 200px;
    height: 180px;
    left: 65px;
  }
  .title-box--advantages-land {
    padding-top: 0;
    text-align: left;
  }
  .advantages-content {
    width: 100%;
    text-align: center;
  }
  .advantages-lines {
    margin: 0 auto;
  }
  .title-box--offer {
    margin-right: 0;
  }
  /* SLIDER */
  .our-works-slider {
    max-width: 600px;
  }
  .slick-prev {
    left: -60px;
  }
  .slick-next {
    right: -60px;
  }
  /* INTRO */
  .intro {
    padding-top: 40px;
  }
  .intro__arrow {
    margin-bottom: 20px;
  }
  /* OFFER */
  .offer {
    flex-direction: column;
  }
  .offer-bg {
    order: 1;
    height: 500px;
    width: 100%;
    background-position: center;
  }
  .offer-content {
    order: 2;
  }
  .offer-content {
    width: 100%;
    text-align: center;
    align-items: center;
  }
  .offer-content-bottom {
    margin-right: 0;
  }
  /*      ORDER      */
  .order {
    padding-top: 66px;
  }
}


/* Small devices (landscape phones, less than 768px) */

@media screen and (max-width: 768px) {
  /* ANIMATE CSS OFF */
  .animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
  /* INTRO */
  .intro-gift {
    width: auto;
  }

  .title-box--help-landing {
    margin-left: 0;
    margin-bottom: 10px;
  }
  /* SLIDER */
  .our-works-slider {
    padding: 0 50px;
  }
  .slick-prev {
    left: -10px;
  }
  .slick-next {
    right: -10px;
  }
  /* OUR WORKS */
  .our-works {
    padding-top: 78px;
    padding-bottom: 78px;
  }
  /* TITLE BOX */
  .title-box--our-works {
    margin-bottom: 75px;
  }
  .title-box--services {
    margin-top: 75px;
  }
  /* FOOTER */
  .footer-left {
    padding-right: 5px;
  }
  .footer {
    padding: 50px 0;
  }
  /* BRIEF */
  .brief__form {
    height: 220px;
  }
  .brief__btn {
    width: 50%;
    border-radius: 50px;
    height: 52px;
    float: none; 
    margin-bottom: 20px;
  }
  /*.brief__input {
    margin-bottom: 20px;
  }*/
  .brief_form-text {
    /*text-align: center;*/
    margin-top: 5px;
  }
  .brief__arrow {
    right: 45px;
  }
  /* SERVICES */
  .services__items-post-text {
    text-align: center;
  }
  /* OFFER ADV WORK BG */
  .advantages-bg,
  .offer-bg,
  .working-bg {
    display: none;
  }
}


/* Extra small devices (portrait phones, less than 576px) */

@media screen and (max-width: 576px) {
  /* MOBILE MENU */
  .nav-header {
    width: 100%;
  }
  /* FOOTER */
  .footer>.container {
    flex-direction: column;
  }
  /* WORKING */
  .working-item__line-left,
  .working-item__line-right {
    display: none;
  }
  /*.working-item--fourth {
    order: 4;
  }*/
  /*.working-item--third {
    order: 3;
  }*/
  .working-item--third,
  .working-item--second,
  .working-item--sixth {
    margin-left: 0;
  }
  .working-items {
    padding-left: 0;
  }
  .working-items a {
    width: 100%;
    margin-bottom: 48px;
  }
  .working-item {
    width: 100%;
    margin-bottom: 0;
  }
  /* TITLE BOX */
  .title-box--working {
    margin-bottom: 30px;
    text-align: center;
  }
  .title-box--services {
    margin-top: 35px;
    margin-bottom: 35px;
    text-align: center;
  }
  .title-box--brief {
    text-align: center;
  }
  .title-box::after {
    display: none;
  }
  .title-box--our-works {
    margin-bottom: 35px;
  }
  .title-box--advantages-land {
    margin-bottom: 25px;
    text-align: center;
  }
  .title-box--offer {
    margin-bottom: 30px;
    text-align: center;
  }
  /* HELP LANDING */
  .help-landing-title-wrap {
    text-align: center;
  }
  .help-landing-pre-text {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .help-landing-features-item {
    margin-bottom: 25px;
  }
  .help-landing {
    padding-top: 40px;
  }
  .help-landing-features {
    /*margin-top: 40px;*/
    padding-top: 10px;
  }
  .help-landing-inner {
    margin-bottom: 25px;
  }
  /* ADVANTAGES LANDING */
  .advantages-lines-item__text {
    text-align: left;
  }
  .advantages-lines-item__line {
    height: 10px;
  }
  .advantages-lines-item__head {
    font-size: 16px;
  }
  .advantages-content {
    padding: 28px 10px 78px;
  }
  /* INTRO */
  .intro-contacts {
    text-align: center;
    font-size: 20px;
  }
  .intro-contacts__email {
    margin-right: 0;
  }
  .intro-gift {
    padding-top: 56px;
  }
  .intro__arrow {
    margin-right: 0;
  }
  .intro-gift__subtitle {
    line-height: 26px; 
    margin-bottom: 18px; 
  }

  .intro-gift__text {
    margin-bottom: 30px;
  }
  .intro-gift__btn {
    margin-bottom: 35px;
  }
  .intro-action {
  width: auto;
  }
  .intro-action__text {
    width: 300px;
    margin: 10px auto;
  }
  /* OUR ADVANTAGES */
  .our-advantages {
    padding: 44px 0;
  }
  .title-box--our-advantages {
    margin-bottom: 35px;
  }
  .our-advantages-item {
    margin-bottom: 25px;
  }
  /* OFFER */
  .offer-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .offer__text {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 30px;
  }
  /* OUR WORKS */
  .our-works {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .our-works-slider__title {
    font-size: 34px;
  }
  /* SLIDER */
  .our-works-slider {
    padding: 0;
  }
  .slick-prev,
  .slick-next {
    z-index: 1;
  }
  .slick-prev {
    left: 10px;
  }
  .slick-next {
    right: 10px;
  }
  /* WORKING */
  .working-content {
    padding: 35px 10px;
  }
  /* SERVICES */
  .services-item {
    min-height: 0;
  }
  .services__items-pre-text {
    font-size: 18px;
    line-height: 22px;
    padding: 0 15px;
  }
  .services-item--add__title {
    font-size: 22px;
  }

  /* BRIEF */
  .brief__text {
    font-size: 20px;
    line-height: 24px;
    margin: 0 20px 45px;
  }
  .btn--services,
  .btn--offer,
  .btn--services__item {
    font-size: 26px;
    padding: 0.8rem 2rem;
  }
  .brief__btn {
    font-size: 20px;
    padding: 0.5rem 1rem;
    width: 70%;
  }
  .brief__input {
    font-size: 16px;
  }
  /*.brief__btn+.brief__btn {
    margin-left: 0;
    margin-top: 20px;
  }*/
  /* FOOTER */
  .footer-left {
    order: 2;
  }
  .footer__logo-link {
    margin-bottom: 27px;
  }
  .footer__copyright {
    text-align: center;
  }
  .footer-contacts {
    order: 1;
    padding: 24px 10px;
    margin: 0 auto 30px;
  }
  .footer-contacts__right-link {
    font-size: 16px;
  }
  .footer-contacts__left-text + .footer-contacts__left-text {
    margin-top: 10px;
  }
  /* CALLBACK FORM */
  .callback-form {
    padding: 53px 20px 47px;
  }
  .callback-form__btn {
    font-size: 22px;
  }
  .callback-form .mfp-close {
    top: 8px;
    right: 8px;
  }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}