@media print, (max-width: 767px) {
  /*-------------------
        Global styles
    -------------------*/
  :root {
    --font_size: 15px;
    --font_size_title: 24px;
    --font_size_title_mini: 20px;
  }

  .block.bg {
    padding: 60px 0;
  }

  /*--------------
        Fancybox
    --------------*/
  .fancybox__slide {
    padding: 20px;
  }

  /*----------------
        Pagination
    ----------------*/
  .pagination {
    margin-top: 24px;
  }

  .pagination > * + * {
    margin-left: 8px;
  }

  .pagination a {
    font-size: 14px;
    line-height: 34px;

    width: 36px;
    height: 36px;
  }

  /*---------------
        Accordion
    ---------------*/
  .accordion .accordion_item .head .title {
    font-size: 17px;
  }

  /*-----------------
        Mob. header
    -----------------*/
  .mob_header .contacts {
    width: 100%;
    margin-top: 16px;

    justify-content: center;
    order: 3;
  }

  /*---------------
        Page head
    ---------------*/
  .page_title {
    font-size: 22px;
    line-height: calc(100% + 4px);

    margin-top: 12px;
  }

  /*----------------
        Block head
    ----------------*/
  .block_head {
    margin-bottom: 28px;
  }

  /*------------------
        Form elements
    ------------------*/
  .form .field + .field {
    margin-top: 12px;
  }

  /*----------------
        Typography
    ----------------*/

  /*-------------------
        First section
    -------------------*/
  .first_section .info {
    width: calc(100% - 60px);
  }

  .first_section .info .title {
    font-size: 24px;
  }

  .first_section .img {
    display: none;
  }

  /*----------------
        Price list
    ----------------*/
  .price_list .table_wrap,
  .price_list .data > .table_wrap.big_w {
    overflow: auto;

    width: calc(100% + 48px);
    margin-right: -24px;
    margin-left: -24px;

    border-radius: 0;
  }

  .price_list table {
    width: 662px;
  }

  /*----------
        Calc
    ----------*/
  .calc .form .col_left {
    padding: 23px;
  }

  .calc .form .call,
  .calc .form .total {
    padding: 23px;
  }

  .calc .form .call .title,
  .calc .form .call .phone {
    font-size: 20px;
    line-height: calc(100% + 4px);
  }

  /*------------
        Scheme
    ------------*/
  .schema .row {
    margin-bottom: -52px;
    margin-left: 0;
  }

  .schema .row > * {
    width: 100%;
    margin-bottom: 52px;
    margin-left: 0;
  }

  .schema .sep {
    width: 20px;
    height: 24px;
    margin: -36px auto 16px;

    transform: rotate(90deg);
  }

  .schema .step:nth-child(4n + 3) + .sep {
    display: block;
  }

  /*------------
        Stocks
    ------------*/
  .stocks .item .thumb {
    margin: 0 auto 16px;
  }

  .stocks .item .name {
    font-size: 16px;

    width: 100%;

    text-align: center;
  }

  /*---------------
        Materials
    ---------------*/
  .materials .row {
    margin-bottom: -16px;
    margin-left: -16px;
  }

  .materials .row > * {
    width: calc(50% - 16px);
    margin-bottom: 16px;
    margin-left: 16px;
  }

  .materials .row > *:nth-child(3),
  .materials .row > *:nth-child(5) {
    display: none;
  }

  .materials .item.video_link {
    width: calc(100% - 16px);
  }

  /*----------------
        Categories
    ----------------*/
  .categories .row {
    margin-bottom: -24px;
    margin-left: -24px;
  }

  .categories .row > * {
    width: calc(50% - 24px);
    margin-bottom: 24px;
    margin-left: 24px;
  }

  /*----------------------
        Our achievements
    ----------------------*/
  .our_achievements .video_link {
    width: 100%;
  }

  .our_achievements .info {
    width: 100%;
    margin-top: 20px;
  }

  /*----------------
        Advantages
    ----------------*/
  .advantages .row > * {
    width: calc(50% - 20px);
  }

  /*--------------
        Autopark
    --------------*/
  .autopark .row > * {
    width: calc(50% - 24px);
  }

  .autopark .item .thumb div {
    left: -32px;

    width: calc(100% + 64px);
  }

  /*-----------
        Stats
    -----------*/
  .stats .row {
    margin-bottom: -52px;
  }

  .stats .row > * {
    width: calc(50% - 24px);
    margin-bottom: 52px;
  }

  .stats .item > div {
    height: 100px;
  }

  .stats .item .name {
    font-size: 12px;
  }

  .stats .item .val {
    font-size: 36px;
  }

  /*-------------------
        Video reviews
    -------------------*/
  .video_reviews .row > * {
    width: calc(50% - 20px);
  }

  /*-----------
        Certs
    -----------*/
  .certs .row {
    margin-bottom: -20px;
    margin-left: -20px;
  }

  .certs .row > * {
    width: calc(33.333% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .certs .links {
    margin-top: 32px;
    margin-bottom: -20px;
    margin-left: -20px;
  }

  .certs .links > * {
    width: calc(50% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
  }

  /*-------------------
        Order methods
    -------------------*/
  .order_methods .row {
    margin-bottom: -20px;
    margin-left: -20px;
  }

  .order_methods .row > * {
    width: calc(50% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .order_methods .item {
    padding: 15px 21px;
  }

  .order_methods .order_btn {
    font-size: 20px;

    padding: 15px 21px;
  }

  /*--------------
        Products
    --------------*/
  .products .row > * {
    width: calc(50% - 20px);
  }

  /*---------------------
        Payment methods
    ---------------------*/
  .payment_methods .row > * {
    width: calc(50% - 20px);
  }

  /*-------------------
        Contacts info
    -------------------*/
  .contacts_info .data {
    width: 100%;
  }

  .contacts_info .item {
    padding: 15px 23px;
  }

  .contacts_info .map_wrap {
    width: 100%;
    height: 400px;
    margin-top: 32px;
  }

  /*------------
        Footer
    ------------*/
  footer .col_left {
    width: 100%;
    margin-bottom: 32px;
  }

  footer .logo img {
    width: 100px;
  }

  footer .time {
    margin-top: 12px;
  }

  /*-----------
        PopUp
    -----------*/
  .modal {
    padding: 48px 40px;
  }

  .modal_title br {
    display: none;
  }

  #order_modal .form .line {
    width: 100%;
    margin-bottom: 12px;
  }

  #order_modal .form .submit {
    width: 100%;
    margin-left: 0;
  }

  #order_modal .price_list .table_wrap {
    margin-right: -40px;
    margin-left: -40px;
  }

  #order_modal .cart .total_price {
    margin-top: 16px;
  }

  .price_list .tabs {
    grid-template-columns: 1fr;
  }
  .price_list .tabs button{
    padding: 10px;
  }

  .price_list table {
    width: auto;
    min-width: 100%;
  }

  .price_list table th {
    padding: 5px 5px;
  }
  .price_list table td {
    padding: 5px 5px;
  }



}