/* eg: @include user-select(none); */
/* eg: @include rotate(45deg); */
/* eg: @include translate3d(0,0,0); */
/* eg: @include border-radius(3px); */
/* eg: @include visibility-backface(hidden); */
@media screen and (max-width: 1300px) {
  .header {
    height: 40px; }
    .header .nav-collapse {
      position: absolute;
      top: 100%;
      left: 0;
      display: none;
      width: 100%; }
      .header .nav-collapse ul {
        font-size: 11px;
        background-color: #393c43;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    .header .logo {
      width: 100px; }
    .header .btn-logo-container {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .header .nav-toggle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .promo-block {
    padding: 160px 0 100px; }
    .promo-block h1 {
      font-size: 36px; }
    .promo-block .logo-img {
      width: 260px; }
    .promo-block .def-btn {
      font-size: 12px;
      padding: 15px 25px; }
      .promo-block .def-btn svg {
        height: 10px; } }

@media screen and (max-width: 992px) {
  .container {
    padding: 0 15px; }
  .content {
    width: 730px; }
  .header .nav-collapse ul {
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .header .nav-collapse ul li {
      padding: 10px 0; }
      .header .nav-collapse ul li:before {
        left: -15px; } }

@media screen and (max-width: 600px) {
  .promo-block h1 {
    font-size: 24px; }
  .promo-block .logo-img {
    width: 200px; }
  .promo-block .def-btn {
    font-size: 10px;
    padding: 10px 15px; }
    .promo-block .def-btn svg {
      height: 8px; } }

/*==========  Desktop First  ==========*/
/* Large Devices, Wide Screens */
/**/
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .feedback-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .feedback-wrap .form-wrapper {
      margin-right: 0;
      margin-bottom: 20px; }
  .def-header {
    font-size: 30px;
    padding: 18px 0; }
  .prices-block h3 {
    font-size: 24px; }
  .prices-block p {
    font-size: 16px; }
  .contact-section h3 {
    font-size: 30px; }
  .contact-section .subtitle {
    font-size: 17px; }
  .modal-window h3 {
    font-size: 25px; }
  .modal-window .subtitle {
    font-size: 16px; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .def-header {
    font-size: 22px;
    padding: 18px 0; }
  .descripton article h3 {
    font-size: 20px; } }

/**/
/* Custom, iPhone Retina */