/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  .header__menu ul {
    display: flex;
    margin: 0 -10px;
  }

  .header__menu ul li {
    padding: 0 10px;
  }

  .advantage-service,
  .home-page__preview-section {
    padding-bottom: 130px;
  }

  .services__title {
    padding-bottom: 60px;
  }

  .services__item {
    padding-bottom: 80px;
  }

  .preview-section__row {
    margin: 0 -15px;
  }

  .preview-section__row .col {
    padding: 0 15px;
  }

  .our-trucks__item-specifications, .our-trucks__item-text {
    padding: 0 15px;
  }

  .contact-us-page__forms-row,
  .our-trucks__item {
    margin: 0 -15px;
  }

  .contact-us-page__form {
    padding: 0 15px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .preview-section {
    padding-top: 50px;
  }

  .header__menu {
    position: absolute;
    right: 15px;
    top: calc(100% + 24px);
    background: #fff;
    padding: 15px;
    display: none;
  }

  .header__menu ul {
    flex-direction: column;
    align-items: flex-end;
    margin: 0;
  }

  .header__menu ul li {
    padding: 0 0 5px;
  }

  .header__menu ul li a {
    display: block;
  }

  .preview-section__row {
    flex-wrap: wrap;
  }

  .preview-section__image,
  .preview-section__data {
    flex: 0 0 100%;
  }

  .preview-section__data {
    order: 2;
  }
  .preview-section__image {
    order: 1;
    padding-bottom: 50px!important;
  }

  .preview-section__image img {
    width: 100%;
  }

  .statistics__row {
    flex-wrap: wrap;
  }

  .statistics__item {
    flex: 1 0 33.33333%;
  }

  .services__item {
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .services__item-img, .services__item-info {
    flex: 0 0 100%;
    padding: 0 15px;
  }

  .services__item-img {
    order: 1;
    padding-bottom: 30px;
  }

  .services__item-img img {
    width: 100%;
  }

  .services__item-info {
    order: 2;
  }

  .home-news__item {
    flex: 1 1 50%;
  }

  .about-us-page__items {
    margin: 0 -15px -30px;
  }

  .about-us-page__item {
    padding: 0 15px 30px;
  }

  .benefits__items {
    margin: 0 -15px -30px;
  }

  .benefits__item {
    padding: 0 15px 30px;
    flex: 0 0 50%;
  }

  .our-trucks__item-specifications, .our-trucks__item-text {
    flex: 0 0 100%;
  }

  .our-trucks__item-text {
    padding-bottom: 30px;
  }

  .our-trucks__item {
    padding-bottom: 100px;
  }

  .news-page-preview__row {
    margin: 0 -15px -30px;
    flex-wrap: wrap;
  }

  .news-page-preview__row-item {
    padding: 0 15px 30px;
    flex: 0 0 100%;
  }

  .news-page-preview__wrap {
    padding-bottom: 30px;
  }

  .news-page__posts-item {
    flex: 1 1 50%;
  }

  .news-page {
    padding-bottom: 130px;
  }

  .pagination {
    margin: 0 -15px;
  }

  .pagination li {
    padding: 0 15px;
  }

  .contact-us-page,
  .contact-us-page__forms {
    padding-bottom: 80px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .statistics__item {
    flex: 1 1 50%;
  }

  .services__title {
    font-size: 48px;
  }

  .home-news__more {
    padding-bottom: 90px;
  }

  .start,
  .partners {
    padding-bottom: 100px;
  }

  .footer__row,
  .footer__menu-row {
    flex-wrap: wrap;
  }

  .footer__row {
    justify-content: center;
  }

  .footer__info {
    order: 2;
    text-align: center;
  }
  .footer__menu {
    order: 1;
  }

  .footer__menu-socials {
    flex: 0 0 100%;
  }

  .footer__menu-items ul,
  .footer__menu-socials ul {
    justify-content: center;
    margin: 0;
  }

  .footer__menu-items {
    flex: 0 0 100%;
    padding: 30px 0;
  }

  .footer {
    padding: 50px 0;
  }

  .partner__item {
    max-width: 100%;
    flex: 1 0 50%;
  }

  .preview-section__data-title {
    font-size: 45px;
  }

  .contact-us-page__forms-row {
    flex-wrap: wrap;
  }

  .contact-us-page__form {
    flex: 0 0 100%;
    padding-bottom: 50px;
  }

  .apps__buttons ul {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width : 640px) {
  .advantages__item {
    flex: 0 0 100%;
  }

  .start__title {
    font-size: 50px;
  }

  .start__buttons-button {
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
  }

  .start__buttons-button .theme-button {
    width: auto;
  }

  .feedbacks__item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .about-us-page__item {
    flex: 0 0 100%;
  }

  .benefits__item {
    flex: 0 0 100%;
  }

  .our-trucks__item-specifications-items-item {
    flex: 0 0 calc(50% - 20px)
  }

  .news-page__posts-item {
    flex: 0 0 100%;
  }
}

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

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .apps__buttons ul li a {
    font-size: 40px;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 374px) {
  .our-trucks__item-specifications-items-item {
    flex: 0 0 calc(100% - 20px)
  }
}/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 769px) {
  .container {
    width: 750px;
  }

  .services__item:nth-child(even) .services__item-info {
    order: 2;
  }
  .services__item:nth-child(even) .services__item-img {
    order: 1;
  }

  .advantages__item:nth-child(1) {
    flex: 0 0 66.66666666%;
  }

  .advantages__item:nth-child(2) {
    flex: 0 0 33.33333333%;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .container {
    width: 970px;
  }

  .header__toggle {
    display: none;
  }

  .services .container,
  .advantage-service .container,
  .advantages .container,
  .statistics .container {
    width: 876px;
  }

  .arrange-delivery .container,
  .about-us-page .container {
    width: 810px;
  }

  .benefits .container,
  .about-form .container {
    width: 976px
  }
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .container {
    width: 1170px;
  }
}

@media only screen and (min-width : 1366px) {
  .footer .container {
    width: 1294px;
  }
}