@media (min-width: 1600px) {
    .container-fluid .card-deck:not(.slicked) {
        grid-template-columns: repeat(5, 1fr);
    }

    .container-fluid .col-md-9 .card-deck:not(.slicked),
    .container-fluid .col-sm-9 .card-deck:not(.slicked) {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .container-fluid .col-md-9 .card-deck:not(.slicked),
    .container-fluid .col-sm-9 .card-deck:not(.slicked) {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1200px) {

    .big_map .container {
        margin-left: -570px;
    }

    .card-deck.narrow .card {
        max-width: 368px;
    }

}

@media (max-width: 1199px) {
    .header .menu_local {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .container-fluid .card-deck:not(.slicked) {
        grid-template-columns: repeat(4, 1fr);
    }

    .container-fluid .col-md-9 .card-deck:not(.slicked),
    .container-fluid .col-sm-9 .card-deck:not(.slicked) {
        grid-template-columns: repeat(3, 1fr);
    }

    .big_map .container {
        margin-left: -480px;
    }

    .big_map .bordered-block {
        width: 33%;
    }

    .hidden-md {
        display: none !important;
    }

    .visible-md {
        display:block!important;
    }

    .grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .pagination a,
    .pagination span {
        padding: 10px 8px;
    }

    .representative-card .name {
        font-size: 15px;
    }

    .representative-card .phone {
        font-size: 16px;
    }

    .footer-representative-text {
        padding: 8px 0 8px 8px;
    }

    .footer-representative-photo {
        padding: 8px;
    }

    .footer-representative-text .phone {
        font-size: 15px;
    }

    .footer-representative-text .name {
        font-size: 13px;
    }

}

@media (min-width: 992px) {
    .hidden-lg {
        display: none !important;
    }

    .visible-lg {
        display:block!important;
    }
}


@media (min-width: 768px) and (max-width: 991px) {

    .container-fluid .card-deck:not(.slicked) {
        grid-template-columns: repeat(3, 1fr);
    }

    .container-fluid .col-md-9 .card-deck:not(.slicked),
    .container-fluid .col-sm-9 .card-deck:not(.slicked) {
        grid-template-columns: repeat(2, 1fr);
    }

    .big_map .container {
        margin-left: -360px;
    }

    .big_map .bordered-block {
        width: 40%;
    }

    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display:block!important;
    }

    .grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .pagination a,
    .pagination span {
        padding: 10px 5px;
    }

    .bottom-confirmation-block .trigger {
        width: 30px;
        height: 30px;
        right: 18px;
        background-size: 15px 15px;
    }

    .bottom-confirmation-block.folded .trigger {
        background-size: 15px 15px;
    }

    .bottom-confirmation-block .container-fluid {
        padding-right: 63px;
    }

    .bottom-confirmation-block .buttons-wrap {
        width: 100%;
    }

    .bottom-confirmation-block.folded .confirmation-buttons {
        float: right;
    }

    #cookie-notice {
        height: auto;
        padding: 10px 0 14px 0;
    }

    #cookie-got-it {
        margin-left: 10px;
    }

    .header .menu_local,
    .header .header-country-switcher,
    .header .logo-block .logo-label {
        display: none;
    }

    .header .logo-block {
        margin-right: 0;
        flex-grow: 1;
        justify-content: center;
    }

    .header .right {
        flex-grow: 0;
    }

    .footer-representative-text {
        padding: 8px;
        text-align: center;
    }

    .footer-representative-photo {
        display: none;
    }

    .footer-representative-text .phone {
        font-size: 15px;
    }

    .footer-representative-text .name {
        font-size: 13px;
    }

    .card-deck.card-deck-representatives:not(.slick-initialized):not(.slider-narrow) {
        -ms-grid-template-columns: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-cards {
        margin-left: -10px;
        margin-right: -10px;
        display: -ms-grid;
        display: grid;
        -ms-grid-template-columns: repeat(3, 1fr);
        grid-template-columns: repeat(3, 1fr);
    }

    .blog-cards .card {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (min-width: 768px) {
    .container-fluid {
        max-width: 1920px;
        padding: 0 64px;
    }

    .row.gap20 {
        margin-right: -10px;
        margin-left: -10px;
    }

    .row.gap12 {
        margin-right: -6px;
        margin-left: -6px;
    }

    .card-images.gap20>div {
        padding-right: 10px;
        padding-left: 10px;
    }

    .card-images.gap12>div {
        padding-right: 6px;
        padding-left: 6px;
    }

    .col-left {
        padding-right: 32px;
    }

    .col-right {
        padding-left: 45px;
    }

    .card-deck.cards3.slicked:not(.slick-initialized) .card {
        max-width: 33.333%;
    }

    .card-deck.slick-initialized .card {
        width: 268px;
        margin: 0 12px 25px 0;
    }

    .card-deck.cards6.slick-initialized .card {
        width: 175px;
        margin: 0 12px 25px 0;
    }

    .card-deck.card-deck-slim.slick-initialized .card {
        margin: 0 12px 0 0;
    }

    .card-deck.slider-narrow.slick-initialized .card {
        margin: 0 6px 25px;
    }

    .card-deck.slick-initialized.narrow .card {
        width: 368px;
    }

    .card-images.slick-initialized .slick-slide .card-image {
        width: 100%;
    }

    .card-images.slick-initialized .slick-list {
        margin: 0 15px;
    }

    .card-images.slick-initialized .slick-slide {
        width: 362px;
        margin: 0 12px 0 0;
        padding: 0;
    }

    .card-images.cards4.slick-initialized .slick-slide {
        width: 268px;
        margin: 0 12px 0 0;
        padding: 0;
    }

    .categories-layout-left {
        float: left;
        width: 288px;
    }

    .categories-layout-right {
        padding-left: 336px;
    }

    .top-banner.fixed {
        position: fixed;
        top: 65px;
        left: 0;
        width: 100%;
        background-color: #000;
    }

    .article-content {
        position: relative;
        margin-top: 480px;
    }
}

@media (max-width: 767px) {

    body {
        font-size: 15px;
    }

    h1 {
        font-size: 26px;
        margin-bottom: 24px;
    }

    section,
    section.delimeter,
    section.delimiter {
        margin-bottom: 25px;
    }

    .h1, h2, .h2 {
        font-size: 23px;
        margin-bottom: 17px;
    }

    .h1.with-line:after,
    h2.with-line:after,
    .h2.with-line:after {
        width: 40px;
        margin-top: 18px;
    }

    h3 {
        font-size: 21px;
    }

    h4 {
        font-size: 18px;
    }

    .column-count.count3 {
        column-count: 1;
    }

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

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

    .mobile-center {
        text-align: center;
    }

    /* ELEMENTS */

    .search-big .main-search .input-search .form-control {
        height: 40px!important;
    }

    .search-big .main-search .autocomplete-suggestions {
        top: 40px!important;
    }

    .title-block {
        margin-bottom: 15px;
    }

    .title-block h1,
    .title-block .h1 {

    }

    .title-block.with-pills {
        margin-bottom: 18px;
    }

    .title-block .title-before {
        margin-bottom: 7px;
        font-size: 14px;
    }

    .title-block.mobile-center .title-before {
        font-size: 14px;
    }

    .title-block .see-all {
        display: none;
        padding-top: 5px;
    }

    .top-line {
        padding-top: 0;
    }

    .block-gradient>.inner {
        padding: 25px 20px;
    }

    .nav-pills {
        margin-bottom: 15px;
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .nav-pills a.nav-link {
        font-size: 12px;
    }

    .nav-pills a.nav-link {
        padding: 3px 9px;
    }

    .card .card-type {
        font-size: 11px;
    }

    .card-footer {
        font-size: 12px;
    }

    .shrinked-text-mobile p:nth-child(n+2) {
        display: none;
    }

    .shrinked-text-mobile.show-text p:nth-child(n+2) {
        display: block;
    }


    /* TEMPLATE ITEMS */

    #cookie-notice {
        height: auto;
        padding: 10px 0 14px 0;
    }

    #cookie-got-it {
        margin-left: 10px;
    }

    .main,
    .cookie-notice-accepted .main {
        padding-top: 0;
    }

    .navbar.fixed-top {
        position: static;
    }

    .header .menu_local,
    .header .button-flag,
    .header .button-restaurateurs,
    .header .logo-block .logo-label,
    .header .header-country-switcher {
        display: none;
    }

    .header .menu_desktop {
        display: none !important;
    }

    .header .logo-block {
        margin-right: 0;
        flex-grow: 2;
        justify-content: center;
    }

    .header .right {
        flex-grow: 0;
    }

    .menu_mobile_trigger {

    }

    .sandwich>span {
        width: 23px;
        background-color: #616161;
    }

    .sw-bottom {top: 4px;}
    .sw-footer {top: 8px;}

    .breadcrumb {
        margin: 0;
        padding: 0;
    }

    .page-type {
        margin-bottom: 16px;
    }

    .buttons_block {
        margin-bottom: 20px;
    }

    .buttons_block a {
        padding: 11px 20px;
        font-size: 16px;
    }

    .buttons_block .dropdown a {
        padding: 10px 12px;
        border: none;
        font-weight: normal;
        font-size: 14px;
        display: block;
        text-transform: none;
    }

    .breadcrumb li {
        display: none;
    }

    .no_breadcrumb {
        margin-bottom: 24px;
    }

    #feedback {
        display: none;
    }

    .block-beige .big-img-wrap {
        display: none;
    }

    .helpers-block {
        display: flex;
    }

    .helpers-block .helpers-block--item {
        min-width: 150px;
    }

    /* TABS */

    .tabs-mobile {
        display: block;
        border: none;
        border-radius: 0;
        margin-bottom: 0;
    }

    .tabs-mobile .tabs-nav {
        display: flex;
        list-style: none;
        border-top: 1px solid #DEDEDE;
        border-bottom: 1px solid #DEDEDE;
        margin-bottom: 0;
    }

    .tabs-mobile .tabs-nav li {
        border-right: 1px solid #DEDEDE;
    }

    .tabs-mobile .tabs-nav li a {
        display: block;
        padding: 12px 20px;
        border-bottom: 3px solid white;

        text-align: center;
        font-size: 12px;
        color: #4d4d4d;
        font-weight: bold;
        text-transform: uppercase;
    }

    .tabs-mobile .tabs-nav li a:hover,
    .tabs-mobile .tabs-nav li a:focus {
        text-decoration: none;
    }

    .tabs-mobile .tabs-nav li a.active {
        color: #000;
        border-bottom: 3px solid #9AB271;
    }

    .tabs-mobile .tab-content:not(.active) {
        display: none;
    }

    .tabs-mobile .tab-content {
        width: 100%!important;
    }

    .tabs-mobile .tab-content.border-right {
        border-right: none!important;
    }

    .tabs-mobile .tab-content>.inner {
        padding: 20px 20px;
    }

    .tabs-mobile .tab-content.tab-map {
        height: 320px;
        margin-bottom: 25px;
    }

    .tabs-mobile .rest-info .muted {
        font-size: 12px;
    }

    .tab-content.active#tab_menu {
        display: block;
        margin-bottom: 25px;
    }

    .top-banner {
        height: auto;
    }

    .top-banner .inner {
        padding: 32px 0;
    }

    .slider-top-banner .top-banner .inner {
        padding: 32px 0 64px;
    }

    .top-banner h1 {
        margin-bottom: 25px;
    }

    .slider-top-banner {
        height: auto;
    }

    .article-content {
        padding-top: 0;
    }

    section.boxslide {
        border-width: 4px;
        margin-bottom: 24px;
    }

    .boxslide .photos_count {
        left: 10px;
        bottom: 10px;
        padding: 2px 10px 3px;
        font-size: 11px;
    }

    .rest-slider {
        display: -webkit-flex;
        display: flex;
    }

    .rest-slider,
    .rest-slider .slide-hover img {
        height: 168px;
    }

    .slider-content {
        width: 100%;
        height: auto;
    }

    .slider-content img {
        max-width: 100%;
    }

    .slider-copyright {
        width: 100%;
    }

    .card-deck:not(.slicked) {
        -ms-grid-template-columns: repeat(2, 1fr) !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* показывать краешек следующего слайда */

    .card-deck .slick-list,
    .card-deck.slick-initialized.slider-no-overflow .slick-list,
    .card-images.slick-initialized.slider-no-overflow .slick-list {
        overflow: visible;
    }

    .card-deck .slick-slide {
        margin: 0 5px;
    }

    .card-images.slick-initialized {
        padding: 0 15px;
    }

    .card-images .slick-slide {
        padding: 0;
    }

    .card-images .slick-slide .card-image {
        margin: 5px;
    }

    .card-deck.card-deck-slim .card {
        height: 144px;
        max-height: 144px;
    }

    /* slider inside slider */
    .card-deck .slick-list .slick-slide .slick-slider .slick-slide {
        margin: 0;
    }

    .big-description .text-description {
        font-size: 18px;
        line-height: 31px;
    }

    section.big_map {
        height: auto!important;
    }

    section.big_map #map {
        height: 215px!important;
        margin: 0 15px;
        border: 1px solid #DEDEDE;
        border-radius: 4px;
    }

    section.big_map .container {
        position: static;
        height: auto;
        margin-top: 15px;
    }

    section.big_map .bordered-block {
        width: auto;
        box-shadow: none;
    }

    .hidden-xs {
        display: none !important;
    }

    :not(span).visible-xs {
        display: block!important;
    }

    span.visible-xs {
        display: inline!important;
    }

    .intro-section {
        min-height: initial;
    }

    .intro-section .intro-text {
        width: 75%;
    }

    .intro-section .intro-text p {
        font-size: 15px;
        line-height: 25px;
    }

    .intro-section .intro-text .inner {
        padding: 32px 0;
    }

    .intro-section .intro-logo {
        width: 25%;
    }

    .intro-section .intro-logo .inner {
        padding: 32px 0;
    }

    .intro-section .intro-logo img {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    .pagination a,
    .pagination span {
        padding: 10px 8px;
    }

    .accordion-deck .accordion-title .accordion-logo {
        width: 100px;
    }

    .bottom-confirmation-block {
        padding: 12px 11px;
    }

    .bottom-confirmation-block .buttons-wrap {
        padding: 12px 16px 13px 16px;
    }

    .bottom-confirmation-block .trigger {
        width: 30px;
        height: 30px;
        top: 12px;
        right: 18px;
        background-size: 15px 15px;
    }

    .bottom-confirmation-block.folded .trigger {
        background-size: 15px 15px;
    }

    .bottom-confirmation-block .container-fluid {
        padding: 0;
        padding-right: 53px;
    }

    .bottom-confirmation-block .confirmation-title {
        line-height: 28px!important;
        font-size: 14px!important;
    }

    .bottom-confirmation-block .buttons-wrap {
        width: 100%;
    }

    .bottom-confirmation-block .confirmation-image {
        display: none;
    }

    .bottom-confirmation-block.folded .confirmation-buttons {
        float: right;
    }

    footer .footer-bottom-informer {
        text-align: left;
        margin-bottom: 24px;
    }

    footer .footer-bottom-informer .yandex-metrika img {
        margin-right: 12px;
    }

    footer .footer-bottom-switchers {
        text-align: left;
        margin-bottom: 24px;
    }

    footer .footer-bottom-switchers .form-group {
        width: 48%;
        margin-left: 0;
        margin-right: 1%;
    }

    footer .footer-main .footer-main-column {
        margin-bottom: 0;
    }

    #footer-main-column-2,
    #footer-main-column-3,
    #footer-main-column-4 {
        width: 33.3%;
    }

    #footer-main-column-1 .footer-social {
        margin-bottom: 16px;
    }

    .footer-representative-text {
        padding: 6px;
        text-align: center;
    }

    .footer-representative-photo {
        display: none;
    }

    .footer-representative-text .phone {
        font-size: 15px;
    }

    .footer-representative-text .name {
        font-size: 13px;
    }

    .card-deck.card-deck-representatives:not(.slick-initialized):not(.slider-narrow) {
        -ms-grid-template-columns: repeat(1, 1fr) !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .blog-cards {
        margin-left: -10px;
        margin-right: -10px;
        display: -ms-grid;
        display: grid;
        -ms-grid-template-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-cards .card {
        margin-left: 10px;
        margin-right: 10px;
    }

}

@media only screen and (max-width : 576px) {
    .card-deck:not(.slicked) {
        display: -webkit-flex!important;
        display: flex!important;
    }

    footer section.delimeter {
        margin-left: -15px;
        margin-right: -15px;
    }

    #footer-main-column-2,
    #footer-main-column-3 {
        width: 50%;
    }

    #footer-main-column-4 {
        display: none;
    }
}

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

    .header .logo-block .logo {
        background-size: 80%;
        background-position: center center;
        margin-right: 0;
    }

    .pagination a,
    .pagination span {
        margin: 0;
        padding: 10px 10px;
    }

    .accordion-deck .accordion-title {
        padding-right: 20px;
    }

    .accordion-deck .accordion-title .accordion-logo {
        width: 70px;
        padding: 0 5px;
    }

    #representative .card-img {
        display: none;
    }

    .helpers-block .helpers-block--item {
        margin: 10px 5px;
    }

    .blog-cards {
        margin-left: -10px;
        margin-right: -10px;
        display: -ms-grid;
        display: grid;
        -ms-grid-template-columns: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-cards .card {
        margin-left: 10px;
        margin-right: 10px;
    }

}
