@import "global.css";
@import "header.css";
@import "main.css";
@import "directions-page.css";
@import "services-pages.css";
@import "tipe-of-cargo-page.css";
@import "informarion-page.css";
@import "information-agents.css";
@import "tariffs-page.css";
@import "contacts-page.css";
@import "page-news.css";
@import "edo-page.css";
@import "thanks-page.css";
@import "footer.css";


/*=============================================*/
/*=============================================*/
/*=============================================*/


@media (max-width: 1280px) {
  .header__bot-inner {
    padding: 16px 0;
    flex-direction: column;
  }

  .header__logo {
    align-self: start;
  }

  .header__nav {
    align-self: end;
  }

  .nav__list .sub-menu {
    left: 50%;
    transform: translateX(-50%);
  }

  /*==========COMPLETED============*/
  .completed__button-prev {
    left: 0;
  }

  .completed__button-next {
    right: 0;
  }

  /*===============================*/
  /*===============================*/
  /*=========TRANSPORTATION========*/
  .transportation__inner {
    grid-template-columns: minmax(0, 1fr);
  }
  /*========HEAD OFFICE============*/
  .con-head-office__inner {
    justify-content: center;
    grid-template-columns: minmax(0, 40rem);
  }

  /*===============================*/
  /* ===========FOOTER=============*/
  .footer__top {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}


@media (max-width: 980px) {


  /* ==============================*/
  /*=========ABOUT========*/
  .about__services-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /*========DIRECTIONS=============*/
  .directions__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /*=========FORM-CALC=============*/
  .form-calc__inner {
    padding: 3rem 0;
  }


  /* =======FAQ====================*/
  .accordion-list {
    grid-template-columns: 1fr;
  }

  /*========SUBSCRIBE==============*/
  .subscribe__form {
    grid-template-columns: 1fr;
  }

  .subscribe__submit {
    margin-top: 25px;
  }

  /*=========CHECKING==============*/
  .checking__list {
    grid-template-columns: repeat(2, 1fr);
  }
  /*===============================*/
  /*===============================*/
  /* ========SL-OFFER==============*/
  .sl-offer__title {
    font-size: 1.42rem;
  }

  .sl-offer__list {
    margin: 0 auto;
    max-width: 780px;
    grid-template-columns: 1fr;
  }

  /*========INFORMATION-PAGE=======*/
  /*===============================*/

  .inf-hero__inner {
    height: 384px;
  }

  .inf-hero__title {
    font-size: 3rem;
  }

  .inf-hero__subtitle {
    font-size: 2.25rem;
  }

  /*===========ADVANTAGES==========*/
  .inf-advantages__inner {
    flex-direction: column;
    align-items: center;
  }

  .inf-form {
    max-width: 100%;
  }
  /*=========BECOME================*/
  .inf-become__inner {
    margin: 0;
    align-items: center;
  }

  .inf-become__list {
    padding-left: 0;
  }

  /*=========SLOGAN================*/
  .inf-slogan__inner {
    grid-template-columns: 1fr;
  }

  .inf-slogan__text {
    grid-column: span 1 / span 1;
  }

  .inf-slogan__title,
  .inf-slogan__subtitle {
    max-width: 100%;
    text-align: center;
    font-size: 2rem;
  }

  .inf-slogan__bot p span {
    justify-self: center;
  }



  /* =======CONTACTS-PAGE==========*/
  .con-info__list {
    grid-template-columns: repeat(1, minmax(0, 40rem));
    justify-content: center;
  }

  .con-offices__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /*======SUBSCRIBE===============*/
  div#mailpoet_form_1 .mailpoet_form_columns.mailpoet_paragraph {
    flex-direction: column;
    gap: 1rem;
  }

  #mailpoet_form_1 .mailpoet_form_column {
    margin: 0 !important;
  }

  #mailpoet_form_1 .mailpoet_paragraph.subscribe__submit {
    margin-top: 25px !important;
  }

  #mailpoet_form_1 .mailpoet_form_column {
    container-type: normal;
  }

  /*===============================*/
  /*===============================*/
  /*===============================*/
  /* ==========FOOTER=============*/
  .footer__logo {
    grid-column: 1 / -1;
  }

  /*=============980===============*/

}


@media (max-width: 780px) {

  .header__top-inner {
    padding: 8px 0;
    justify-content: space-between;
  }

  .address__list {
    flex-direction: column;
    align-items: start;
  }

  .address__item:first-child {
    order: 2;
  }

  .address__item--after:after,
  .address__item--hidden,
  .header__search {
    display: none;
  }


  .header__bot-inner {
    position: relative;
    flex-direction: row;
  }

  .header__logo-img1 {
    width: 40px;
  }

  .header__logo-img2 {
    width: 200px;
  }

  .header__nav {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
  }

  .body--opened-menu .header__nav {
    display: block;
    z-index: 10;
  }

  .nav__list {
    padding: 1rem 0;
    flex-direction: column;
    background: var(--color-bg);
  }

  .nav__list li {
    width: 100%;
  }

  .nav__list li a:not(.sub-menu a){
    padding: 16px 0;
  }

  .nav__list li a {
    justify-content: space-between;
  }

  .nav__list li a svg {
    transition: var(--transition);
  }

  .nav__list .nav__submenu--opened .sub-menu {
    display: block;
  }

  .nav__submenu--opened svg {
    transform: rotate(180deg);
  }

  .nav__list .sub-menu {
    padding-left: 16px;
    position: relative;
    border: none;
    background: transparent;
    box-shadow: none;
    text-wrap: wrap;
  }

  .nav__list .sub-menu li {
    border-left: solid 2px var(--accent-color);
  }

  .burger-icon {
    display: flex;
  }

  .title {
    font-size: 1.35rem;
  }

  /* ==============================*/
  /* ==========ABOUT=============*/
  .about__inner {
    padding: 3rem 0px;
  }

  .about__achievements-list {
    gap: 1.5rem;
  }

  .about__achievements-item span:first-child {
    font-size: 2.25rem;
  }

  .about__achievements-item span:last-child {
    min-height: 40px;
  }

  /*==========RELATED==============*/

  /* ========ADVANTAGES===========*/
  .advantages__list {
    grid-template-columns: 0.6fr;
    justify-content: center;
  }

  .advantages__item {
    justify-self: center;
    flex-direction: column;
    text-align: center;
  }

  .advantages__item-text {
    max-width: 100%;
  }

  /* ==========REQUEST=============*/
  .request__block {
    flex-direction: column;
  }

  /* =======COMPLETED==============*/
  .completed__button-prev,
  .completed__button-next {
    width: 36px;
    height: 36px;
  }

  .completed__button-prev {
    left: -8px;
  }

  .completed__button-next {
    right: -8px;
  }
  /* =======DIRECTIONS-PAGE========*/
  .directions-page__list {
    grid-template-columns: 1fr;
  }
  /*===============================*/
  /*========INFORMATION-PAGE=======*/

  .inf-hero__inner {
    height: 320px;
  }

  .inf-hero__title {
    font-size: 2.25rem;
  }

  .inf-hero__subtitle {
    font-size: 1.875rem;
  }

  .inf-slogan__title,
  .inf-slogan__subtitle,
  .inf-slogan__bot p {
    font-size: 1.5rem;
    text-align: center;
  }

  .inf-slogan__bot {
    padding-top: 1.5rem;
  }


  .inf-slogan__bot p span {
    justify-self: center;
  }

  /*=========BECOME================*/
  .inf-become__title {
    padding: 1rem 1.5rem;
    font-size: 1.75rem;
  }

  .inf-become__item-order {
    width: 3rem;
    height: 3rem;
  }

  .inf-become__item-text {
    padding-top: 0.6rem;
  }


  /* ==============================*/
  /* ==============================*/
  /* ==========FOOTER=============*/

  .footer__inner {
    padding: 3rem 0;
  }

  .footer__top {
    flex-wrap: wrap;
  }

  /* ===========780===================*/
}

@media (max-width: 640px) {

  .transportation__inner {
    padding: 0;
  }

  .transportation__form-field {
    grid-template-columns: minmax(0, 1fr);
  }

  .transportation__lists {
    flex-direction: column;
  }

  /* ==========ABOUT=============*/
  .about__inner {
    padding: 3rem 0px;
  }

  .about__achievements-list {
    gap: 1.5rem;
  }

  .about__achievements-item span:last-child {
    /*min-width: 232px;*/
    min-height: 40px;
  }

  .about__services-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about__services-img {
    width: 64px;
    height: 64px;
  }

  /* =========DIRECTION============*/
  .directions__list {
    grid-template-columns: 1fr;
  }

  /* =========FORM-CALC===========*/
  .form-calc .container {
    padding: 0;
  }

  .form-calc__title {
    align-self: center;
  }

  .form-calc__form {
    grid-template-columns: 1fr;
  }

  /* ==========PLAN=============*/
  .plan__inner {
    padding: 6rem 1rem 7rem;
  }

    /* ==========REQUEST=============*/
  .request__title,
  .request__subtitle {
    font-size: 1rem;
  }

  .request__text,
  .request__text span {
    font-size: .875rem;
  }

  /* =========PARTNERS=============*/
  .partners__img {
    width: 100%;
  }

  .partners__navigation {
    display: none;
  }

  .partners__pagination.swiper-pagination {
    display: block;
  }


  /*=========CHECKING==============*/

  .checking__list {
    grid-template-columns: 1fr;
  }
  /* ==============================*/
  /* ========SL-OFFER==============*/

  .sl-hero__inner {
    padding: 3rem 0;
  }
  .sl-offer__inner {
    padding: 0 0 3rem;
  }

  .sl-offer__item {
    padding: 1rem;
  }
  /* ==============================*/
  /*========INFORMATION-PAGE=======*/

  .inf-hero__inner {
    padding: 0 1rem;
    height: 50vw;
  }

  .inf-hero__img {
    right: -50px;
  }

  .inf-hero__title {
    font-size: 2rem;
  }

  .inf-hero__subtitle {
    font-size: 1.375rem;
  }

  /*===========ADVANTAGES==========*/
  .inf-form {
    padding: 1.5rem;
  }


  /*=========BECOME================*/
  .inf-become__title {
    padding: 1rem;
    font-size: 1.55rem;
  }
  /* ========CONTACT-PAGE==========*/
  .con-info__item-title,
  .head-office__title {
    font-size: 1rem;
  }
  /* ========CONTACTS-PAGE=========*/

  .con-offices__list {
    grid-template-columns: 1fr;
  }

  /* ==============================*/
  .partners__pagination .swiper-pagination-bullet {
    margin: 0 2px !important;
  }

  /* ==============================*/

.footer__top {
  flex-direction: column;
}




  /* ==============================*/
  /* =========640==================*/
  
}



@media (max-width: 380px) {
  .transportation__inner {
    padding: 0;
  }

  .header__logo-img1 {
    width: 30px;
  }

  .header__logo-img2 {
    width: 180px;
  }

  .transportation__form-bot {
    flex-direction: column;
    gap: 1rem;
    align-items: start;
  }

  /* ==========ABOUT=============*/

  .about__services-list {
    grid-template-columns: 1fr;
  }

  .about__services-text {
    max-width: 200px;
  }

  /*==========RELATED==============*/

  /* ==========REQUEST=============*/
  .request__btn {
    padding: .5rem;
    width: 100%;
    text-align: center;
  }

  /* ==============================*/

  /*===========ADVANTAGES==========*/
  .inf-form {
    padding: 1rem;
  }


  /*=========BECOME================*/
  .inf-become__sublist {
    padding-left: 0;
  }

  /* ========CONTACTS-PAGE=========*/

  .con-offices__title {

  }



  /* ==============================*/
}