@media print,
(max-width: 767px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size_title: 35px;
        --font_size: 14px;
    }


    .cont
    {
        padding: 0 20px;
    }


    .content_flex
    {
        margin-bottom: 64px;
    }

    .content_flex .content > * + *
    {
        margin-top: 56px;
    }



    .swiper-button-next,
    .swiper-button-prev
    {
        top: -76px;

        width: 44px;
        height: 44px;
    }

    .swiper-button-prev
    {
        right: 56px;
    }

    .swiper-button-next .icon,
    .swiper-button-prev .icon
    {
        width: 18px;
        height: 13px;
    }



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



    /*---------------
        Accordion
    ---------------*/
    .accordion_item
    {
        margin-left: 20px;
    }

    .accordion_item:before
    {
        left: -19px;
    }


    .accordion_item .head
    {
        padding: 19px 60px;
    }


    .accordion_item .head .icon
    {
        width: 40px;
        height: 40px;
    }

    .accordion_item .head .icon img
    {
        width: 24px;
        height: 24px;
    }


    .accordion_item .head .number
    {
        font-size: 13px;
        line-height: 16px;

        left: -21px;

        min-width: 68px;
        height: 32px;
        padding: 8px 12px;
    }


    .accordion_item .head .title
    {
        font-size: 18px;
        line-height: 22px;
    }


    .accordion_item .head:after
    {
        right: 19px;
    }



    .accordion_item .data
    {
        padding: 0 23px 23px;
    }



    /*---------------
        Load more
    ---------------*/
    .load_more
    {
        margin-top: 30px;
    }


    .load_more .btn
    {
        font-size: 11px;
        line-height: 13px;
    }



    /*-------------
        Tooltip
    -------------*/
    .tooltip .text
    {
        font-size: 13px;
        line-height: 19px;

        width: 360px;
    }



    /*-------------
        Sidebar
    -------------*/
    .departure_dates .block_title
    {
        font-size: 25px;
        line-height: 125%;
    }



    .hike_instructors
    {
        margin-top: 32px;
        padding: 24px;
    }



    aside .filter .tooltip .circles
    {
        padding: 4px 0;
    }



    /*---------------
        Page head
    ---------------*/
    .page_head.no_image
    {
        margin-bottom: 40px;
    }


    .breadcrumbs
    {
        font-size: 12px;
    }

    .breadcrumbs .sep
    {
        margin: 0 8px;
    }


    .page_title
    {
        font-size: 36px;
    }



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

    .block_head.padding_right
    {
        min-height: 0;
        padding-right: 0;
    }


    .block_head .title
    {
        line-height: 125%;
    }



    /*------------------
        Form elements
    ------------------*/
    .form .submit
    {
        padding-top: 16px;
    }


    .form .submit_btn
    {
        height: 50px;
    }


    .form .bottom .submit
    {
        width: 176px;
    }



    /*----------------
        Typography
    ----------------*/
    .text_block
    {
        line-height: 22px;
    }


    .text_block h1
    {
        font-size: 32px;
        line-height: 115%;

        margin-bottom: 24px;
    }

    .text_block h2
    {
        font-size: 24px;
        line-height: 115%;

        margin-bottom: 20px;
    }

    .text_block h5
    {
        font-size: 17px;
    }


    .text_block * + h2,
    .text_block * + h3,
    .text_block * + h4,
    .text_block * + h5,
    .text_block * + h6
    {
        margin-top: 56px;
    }


    .text_block blockquote
    {
        margin-top: 56px;
        margin-bottom: 56px;
        padding: 28px 0;
    }

    .text_block blockquote .text
    {
        font-size: 18px;
        line-height: 26px;

        padding-left: 52px;
    }


    .text_block .slider .swiper-button-next,
    .text_block .slider .swiper-button-prev
    {
        width: 44px;
        height: 44px;
    }

    .text_block .slider .swiper-button-prev
    {
        left: 16px;
    }

    .text_block .slider .swiper-button-next
    {
        right: 16px;
    }


    .text_block table
    {
        width: 768px;
    }



    /*-----------------
        Main slider
    -----------------*/
    .main_slider
    {
        margin-bottom: 64px;
    }


    .main_slider .slide
    {
        height: 880px;
    }


    .first_section .title
    {
        font-size: 44px;
    }

    .first_section .desc
    {
        font-size: 16px;
        line-height: 22px;

        margin-top: 16px;
    }


    .first_section .wrap_search_form
    {
        margin-top: 40px;
    }



    /*-----------------
        Search form
    -----------------*/
    .wrap_search_form
    {
        height: auto;
    }


    .search_form .row,
    .search_form.full_show .row
    {
        margin-bottom: -12px;
    }

    .search_form .line,
    .search_form.full_show .line,
    .search_form.full_show .submit,
    .search_form .submit
    {
        width: 100%;
        margin-bottom: 12px;
    }


    .search_form .submit_btn
    {
        height: 50px;
    }


    .search_form .advanced_btn,
    .search_form .advanced_btn.active
    {
        right: 20px;

        width: calc(100% - 40px);
    }



    /*-----------------
        Impressions
    -----------------*/
    .impressions
    {
        height: 525px;
        margin-bottom: 64px;
    }


    .impressions .head .title
    {
        font-size: 28px;

        width: calc(50% - 12px);
    }


    .impressions .head .desc
    {
        font-size: 12px;
        line-height: 16px;

        width: calc(50% - 12px);
    }


    .impressions .quote
    {
        font-size: 16px;

        bottom: 12px;
        left: 60px;

        width: 224px;
    }

    .impressions .quote:before
    {
        font-size: 80px;
        line-height: 100%;

        top: -10px;
        right: calc(100% + 20px);
    }


    .impressions .item
    {
        width: 170px;
    }

    .impressions .item:before
    {
        top: 5px;
        left: -32px;

        width: 14px;
        height: 14px;
    }

    .impressions .item1
    {
        top: 148px;

        margin-left: 52px;
    }

    .impressions .item2
    {
        top: 248px;

        margin-left: -11px;
    }

    .impressions .item3
    {
        top: 365px;

        margin-left: 52px;
    }


    .impressions .item .val
    {
        font-size: 24px;
    }

    .impressions .item .desc
    {
        font-size: 12px;
        line-height: 16px;

        margin-top: 4px;
    }


    .impressions .line
    {
        display: none;
    }

    .impressions .mob_line
    {
        display: block;
    }


    .impressions .img
    {
        right: auto;
        bottom: 32px;
        left: -200px;

        width: 420px;
        height: auto;
        margin-right: 0;

        transform: scale(-1, 1);
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info
    {
        margin-bottom: 64px;
    }


    .contacts_info .phone
    {
        font-size: 25px;
    }


    .contacts_info .requisites > * + *.margin
    {
        margin-top: 24px;
    }


    .contacts_info .tabs
    {
        margin-left: -32px;
    }


    .contacts_info .tabs button
    {
        font-size: 13px;
        line-height: 19px;

        width: calc(50% - 32px);
        max-width: calc(50% - 32px);
        margin-left: 32px;
    }

    .contacts_info .tabs button .city
    {
        font-size: 25px;
        line-height: 30px;
    }


    .contacts_info .map_wrap .map
    {
        height: 450px;
    }



    /*---------------
        Gift cert
    ---------------*/
    .gift_cert
    {
        padding: 64px 0;
    }


    .gift_cert .data
    {
        padding: 32px;
    }


    .gift_cert .block_head
    {
        width: 100%;
        margin-bottom: 272px;
    }

    .gift_cert .block_head .title
    {
        line-height: 125%;
    }

    .gift_cert .btn
    {
        width: 252px;
        height: 56px;
        margin-top: 32px;
    }


    .gift_cert .img
    {
        top: auto;
        right: -124px;
        bottom: -56px;

        width: 440px;
        height: 440px;
    }

    .gift_cert .img2
    {
        top: auto;
        bottom: 0;
        left: 20px;

        height: 304px;
    }



    /*------------------
        Catalog head
    ------------------*/
    .catalog_head
    {
        margin-bottom: 40px;
        padding-top: 20px;
        padding-bottom: 44px;
    }


    .catalog_head .months
    {
        margin-top: 25px;
    }

    .catalog_head .months .swiper-slide
    {
        width: 140px;
    }



    /*----------------
        Tours head
    ----------------*/
    .tours_head
    {
        margin-bottom: 24px;
    }


    .tours_head .name
    {
        margin-right: 8px;
    }



    /*-----------
        Tours
    -----------*/
    .tours
    {
        margin-bottom: 64px;
    }


    .tours .swiper-slide,
    .tours .swiper-slide.visible
    {
        width: 320px;

        opacity: .4;
    }

    .tours .swiper-slide.active
    {
        opacity: 1;
    }

    .tours .swiper-button-next,
    .tours .swiper-button-prev
    {
        display: none !important;
    }


    .tours .tour .name
    {
        font-size: 18px;
    }


    .tours .info > *
    {
        width: calc(50% + 8px);
    }

    .tours .info > *.params
    {
        width: calc(50% - 14px);
    }


    .tours .params
    {
        font-size: 13px;
        line-height: 17px;
    }


    .tours .price
    {
        font-size: 13px;
        line-height: 17px;

        margin-top: 16px;
    }

    .tours .price .val
    {
        font-size: 18px;
        line-height: 20px;

        margin-top: 4px;
    }


    .tours .details_link
    {
        color: #fff;

        margin-top: 20px;
        padding: 11px 20px 12px;

        background: #ff6b00;
    }



    .tours .list > * + *
    {
        margin-top: 28px;
    }


    .tours .list .tour
    {
        padding-bottom: 28px;
    }

    .tours .list .tour .thumb
    {
        width: 100%;
        height: auto;
        margin-bottom: 12px;
        padding-bottom: 62.52%;
    }

    .tours .list .tour .thumb + div
    {
        width: 100%;
    }



    /*--------------
        Seo text
    --------------*/
    .seo_text
    {
        margin-bottom: 64px;
    }



    /*------------------
        Booking head
    ------------------*/
    .booking_head .desc
    {
        width: 100%;
        margin-top: 20px;
    }



    /*-------------
        Booking
    -------------*/
    .booking
    {
        margin-bottom: 64px;
    }


    .booking .form .title
    {
        font-size: 16px;
    }


    .booking .form .input
    {
        height: 48px;
        padding: 0 15px;
    }


    .booking .form textarea
    {
        height: 140px;
        padding-right: 15px;
        padding-left: 15px;
    }


    .booking .form .nice-select .current
    {
        line-height: 46px;

        height: 48px;
    }



    .booking .tour
    {
        padding: 20px;
    }


    .booking .tour .info .thumb
    {
        width: 112px;
        padding-bottom: 112px;
    }


    .booking .tour .info .thumb + div
    {
        width: calc(100% - 132px);
    }

    .booking .tour .info .name
    {
        font-size: 16px;
        line-height: 20px;
    }



    /*-------------
        How buy
    -------------*/
    .how_buy .block_title
    {
        font-size: 28px;

        margin-bottom: 24px;
    }


    .how_buy .spoler
    {
        font-size: 19px;
    }


    .how_buy .step + .step
    {
        margin-top: 24px;
    }


    .how_buy .step
    {
        width: 100%;
    }


    .how_buy .step:nth-child(2n)
    {
        padding-right: 0;
        padding-left: 60px;

        text-align: left;
    }

    .how_buy .step:nth-child(2n) .icon
    {
        right: auto;
        left: 0;
    }


    .how_buy .bg,
    .how_buy .bg2
    {
        display: none;
    }



    /*----------------
        About head
    ----------------*/
    .about_head
    {
        min-height: 640px;
        margin-bottom: 140px;
    }


    .about_head .breadcrumbs
    {
        margin-bottom: 20px;
    }


    .about_head .data .title
    {
        font-size: 60px;
    }


    .about_head .data .desc
    {
        font-size: 13px;
        line-height: 17px;

        bottom: -80px;

        padding: 16px;
    }


    .about_head .person .btn
    {
        font-size: 14px;
        line-height: 18px;

        padding: 10px 20px 12px;
    }


    .about_head .person
    {
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        pointer-events: none;
    }


    .about_head .person .btn
    {
        position: absolute;

        pointer-events: auto;
    }

    .about_head .person1 .btn
    {
        top: 42.78%;
        left: 26.09%;
    }

    .about_head .person2 .btn
    {
        top: 48.92%;
        left: 62.03%;
    }

    .about_head .person3 .btn
    {
        top: 69.33%;
        left: 18.38%;
    }

    .about_head .person .mini_modal,
    .about_head .person .mini_modal.active,
    .about_head .person .mini_modal#person2_modal,
    .about_head .person .mini_modal#person2_modal.active
    {
        top: auto;
        bottom: -100px;
        left: 24px;

        width: calc(100% - 48px);
        padding: 20px;

        pointer-events: auto;
    }


    .about_head .person .socials
    {
        font-size: 13px;
        line-height: 19px;

        margin-top: 16px;
    }



    /*-----------------
        Instructors
    -----------------*/
    .instructors
    {
        margin-bottom: 64px;
    }


    .instructors .row
    {
        display: block;
        overflow: auto;

        width: calc(100% + 48px);
        margin: 0 -24px;
        padding: 0 24px;

        white-space: nowrap;

        scrollbar-color: transparent transparent !important;
        scrollbar-width: thin !important;
    }

    .instructors .row::-webkit-scrollbar
    {
        width: 0 !important;
        height: 0 !important;

        background-color: transparent !important;
    }

    .instructors .row::-webkit-scrollbar-thumb
    {
        background-color: transparent !important;
    }


    .instructors .row > *
    {
        display: inline-block;

        width: 180px;
        max-width: none;
        margin: 0;

        vertical-align: top;
        white-space: normal;
    }

    .instructors .row > * + *
    {
        margin-left: 24px;
    }


    .instructors .person:nth-child(3n+1) .photo,
    .instructors .person:nth-child(3n) .photo
    {
        border-radius: 100px;
    }

    .instructors .person:first-child .photo
    {
        border-radius: 6px 100px 100px 100px;
    }

    .instructors .person:last-child .photo
    {
        border-radius: 100px 100px 6px 100px;
    }


    .instructors .person .name
    {
        font-size: 16px;
        line-height: 20px;
    }


    .instructors .person .post
    {
        font-size: 13px;
        line-height: 17px;

        margin-top: 12px;
    }

    .instructors .person .post br
    {
        display: none;
    }



    /*------------------
        Photogallery
    ------------------*/
    .photogallery
    {
        margin-bottom: 64px;
    }


    .photogallery .item .thumb
    {
        margin-bottom: 24px;
    }

    .photogallery .item .title
    {
        font-size: 18px;
        line-height: 22px;
    }


    .photogallery .item .desc
    {
        font-size: 13px;
        line-height: 17px;
    }



    /*-------------
        Reviews
    -------------*/
    .reviews
    {
        margin-bottom: 64px;
    }


    .reviews .add_review_btn
    {
        font-size: 13px;

        margin-left: auto;
        padding: 9px 19px;
    }


    .reviews .tabs button
    {
        font-size: 18px;
        line-height: 24px;
    }


    .reviews .tab_content.active
    {
        padding: 38px 0;
    }



    .reviews .review .head
    {
        margin-bottom: -12px;
    }


    .reviews .review .author
    {
        font-size: 18px;
        line-height: 22px;
    }


    .reviews .review .author .photo
    {
        width: 84px;
        height: 84px;
        margin-right: 12px;
    }

    .reviews .review .author .photo + div
    {
        max-width: calc(100% - 96px);
    }


    .reviews .review .date
    {
        font-size: 13px;
        line-height: 17px;
    }


    .reviews .review .text
    {
        font-size: 13px;
        line-height: 17px;

        visibility: hidden;

        padding: 24px;

        transition: .2s linear;
        pointer-events: none;

        opacity: 0;
    }


    .reviews .swiper-slide.visible.active .review .text
    {
        visibility: visible;

        pointer-events: auto;

        opacity: 1;
    }



    /*----------------
        Directions
    ----------------*/
    .directions
    {
        margin-bottom: 64px;
    }


    .directions .line
    {
        display: block;
    }

    .directions .line + .line
    {
        margin-top: 22px;
    }


    .directions .row
    {
        margin-bottom: -22px;
        margin-left: -11px;

        justify-content: flex-start;
    }

    .directions .row + .row
    {
        justify-content: space-between;
    }

    .directions .row > *
    {
        width: calc(25% - 11px);
        margin-bottom: 22px;
        margin-left: 11px;
    }

    .directions .row > *.mob_show
    {
        display: block;
    }

    .directions .row > *.mob_hide
    {
        display: none;
    }



    .directions .item
    {
        font-size: 11px;
        line-height: 13px;
    }

    .directions .item .thumb
    {
        width: 80px;
        height: 150px;
    }



    /*----------------
        In socials
    ----------------*/
    .in_socials .block_title
    {
        font-size: 36px;

        margin-bottom: 32px;
    }

    .in_socials .block_title span
    {
        display: none;
    }


    .in_socials .block_title .instagram_link
    {
        padding-bottom: 10px;
    }


    .in_socials .block_title .vk_link
    {
        margin-left: 10px;
        padding-bottom: 6px;
    }


    .in_socials .swiper-slide
    {
        width: 180px;
    }



    /*------------------
        Article head
    ------------------*/
    .article_head .info
    {
        width: 100%;
    }


    .article_head .date,
    .article_head .author
    {
        margin-top: 32px;
    }

    .article_head .sep
    {
        margin: 32px 16px 0;
    }


    .article_head .next_link
    {
        display: none;
    }



    /*------------------
        Service head
    ------------------*/
    .service_head
    {
        margin-bottom: 0;
    }


    .service_head .params
    {
        margin-top: 40px;
    }

    .service_head .params > *
    {
        font-size: 12px;
        line-height: 16px;

        padding: 8px;
    }


    .service_head .params .icon
    {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

    .service_head .params .icon svg
    {
        width: 20px;
        height: 20px;
    }


    .service_head .params .name
    {
        display: none;
    }



    /*-----------------
        Service nav
    -----------------*/
    .service_nav
    {
        margin-bottom: 40px;
    }


    .service_nav .data
    {
        padding-top: 16px;
        padding-bottom: 16px;
    }


    .service_nav .name
    {
        width: 100%;
        margin: 0 0 4px;
    }


    .service_nav .btns
    {
        margin-left: -20px;
    }

    .service_nav .data .btns > *
    {
        margin-left: 20px;
    }


    .service_nav .btns .btn
    {
        font-size: 13px;
    }



    /*-------------
        Gallery
    -------------*/
    .gallery .block_title
    {
        font-size: 28px;

        margin-bottom: 24px;
    }


    .gallery .grid
    {
        display: block;
        overflow: auto;

        width: calc(100% + 48px);
        margin: 0 -24px;
        padding: 0 24px;

        white-space: nowrap;

        scrollbar-color: transparent transparent !important;
        scrollbar-width: thin !important;
    }

    .gallery .grid::-webkit-scrollbar
    {
        width: 0 !important;
        height: 0 !important;

        background-color: transparent !important;
    }

    .gallery .grid::-webkit-scrollbar-thumb
    {
        background-color: transparent !important;
    }


    .gallery .grid > *
    {
        display: inline-block;

        width: 300px;
        max-width: none;
        margin: 0;

        vertical-align: top;
    }

    .gallery .grid > * + *
    {
        margin-left: 4px;
    }


    .gallery .item
    {
        padding-bottom: 300px;
    }



    /*---------------
        Route map
    ---------------*/
    .route_map .block_title
    {
        font-size: 28px;

        margin-bottom: 24px;
    }


    .route_map .map_link
    {
        margin-bottom: 28px;
    }



    /*------------------
        Hike program
    ------------------*/
    .hike_program .block_title
    {
        font-size: 28px;

        margin-bottom: 24px;
    }


    .hike_program .features
    {
        font-size: 13px;
        line-height: 17px;

        margin-bottom: 16px;
    }

    .hike_program .features > *:before
    {
        top: 6px;
    }


    .hike_program .slider
    {
        width: 100%;
        margin-top: 32px;
        margin-right: 0;
        margin-left: 0;
        padding: 0;
    }


    .hike_program .swiper-horizontal > .swiper-scrollbar
    {
        display: block;
    }


    .hike_program .notice
    {
        margin-top: 30px;
        padding-left: 24px;
    }



    /*---------------
        Equipment
    ---------------*/
    .equipment .block_title
    {
        font-size: 28px;

        margin-bottom: 24px;
    }


    .equipment .print_btn
    {
        margin-bottom: 28px;
    }


    .equipment .accordion_item .head
    {
        padding-left: 70px;
    }


    .equipment .accordion_item .data
    {
        padding-bottom: 32px;
        padding-left: 44px;
    }



    .equipment .notice
    {
        margin-top: 32px;
        padding-left: 24px;
    }



    /*-------------
        Tickets
    -------------*/
    .tickets .block_title
    {
        font-size: 28px;

        margin-bottom: 24px;
    }



    /*-----------------
        Video block
    -----------------*/
    .video_block .block_title
    {
        font-size: 28px;

        margin-bottom: 24px;
    }


    .video_block .author
    {
        font-size: 13px;
        line-height: 17px;

        margin-bottom: 20px;
    }


    .video_block .link .btn
    {
        width: 80px;
        height: 80px;
    }



    /*-----------------
        Travel cost
    -----------------*/
    .travel_cost .block_title
    {
        font-size: 28px;

        margin-bottom: 24px;
    }


    .travel_cost .exp
    {
        font-size: 13px;
        line-height: 17px;

        margin-bottom: 24px;
    }


    .travel_cost .col,
    .travel_cost .col + .col
    {
        width: 100%;
        padding: 28px;
    }

    .travel_cost .col + .col
    {
        padding-bottom: 0;
    }


    .travel_cost .title
    {
        font-size: 20px;
        line-height: 26px;
    }



    /*--------------------
        Contacts block
    --------------------*/
    .contacts_block .data
    {
        width: calc(100% + 40px);
        margin-right: -20px;
        margin-left: -20px;
        padding: 40px 20px 24px;

        border-radius: 0;
    }


    .contacts_block .info
    {
        width: 100%;
    }

    .contacts_block .info .btn
    {
        display: none;
    }


    .contacts_block .manager
    {
        display: flex;

        width: 100%;
        margin-top: 30px;

        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    .contacts_block .manager .shadow
    {
        display: none;
    }


    .contacts_block .manager .photo
    {
        margin-bottom: 0;
    }

    .contacts_block .manager .photo + *
    {
        width: calc(100% - 144px);

        align-self: center;
    }


    .contacts_block .manager + .btn
    {
        display: block;
    }


    .contacts_block .links
    {
        font-size: 13px;
    }



    /*------------
        Footer
    ------------*/
    footer
    {
        padding-right: 24px;
        padding-left: 24px;
    }


    footer .info
    {
        padding-top: 64px;
    }


    footer .bottom
    {
        padding-bottom: 40px;
    }


    footer .col_left
    {
        text-align: center;

        justify-content: center;
    }


    footer .time
    {
        display: none;
    }


    footer .phone
    {
        font-size: 30px;
    }


    footer .instagram a
    {
        margin-right: auto;
        margin-left: auto;
    }


    footer .vk_widget
    {
        margin-top: 40px;
    }


    footer .copyright,
    footer .privacy_policy_link,
    footer .creator
    {
        width: 100%;

        text-align: center;

        order: 2;
    }

    footer .privacy_policy_link,
    footer .creator
    {
        margin-top: 12px;
    }


    footer .gift_cert_link
    {
        display: block;

        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 20px;

        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }

    footer .gift_cert_link a
    {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }



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


    .modal_title
    {
        font-size: 30px;
        line-height: 36px;
    }



    #add_review_modal .form .bottom .submit
    {
        width: 160px;
    }



    #pick_up_modal
    {
        padding-right: 32px;
        padding-left: 32px;
    }


    #pick_up_modal .directions
    {
        bottom: -36px;
    }


    #pick_up_modal .directions .row
    {
        margin-bottom: 0;
        margin-left: -12px;
    }

    #pick_up_modal .directions .row > *
    {
        width: auto;
        margin-bottom: 0;
        margin-left: 12px;
    }
}