/*==========	Desktop First	==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1400px) {
  .slick-next {
    right: -5px;
  }
  .slick-prev {
    left: -5px;
  }
  .slider-category {padding-left: 50px; padding-right: 50px;}
}
@media only screen and (max-width: 1300px) {
  .about-image {
    min-width: auto;
    float: none;
  }
}
@media only screen and (max-width: 1200px) {
  .callback-box {
    padding: 20px 20px 17px;
  }
  .callback-box h3 {
    font-size: 20px;
  }
  .partners-box {
    font-size: 14px;
  }
  .politics-links {
    margin: 0 20px 0 0;
  }
  footer .menu li {
    margin: 0 10px 0 0;
  }
  .panel_heading h3 {
    font-size: 18px;
  }
  .block_hover {
    padding: 4px 0 0 10px;
  }
}
@media only screen and (max-width: 1100px) {
  footer .menu {
    width: 100%;
    margin: 10px 0 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .logo-footer {
    margin: 0 auto 0 0;
  }
}
@media only screen and (max-width: 992px) {
  .wrapper {
    padding: 65px 0 0;
  }
  .home h1 {
    font-size: 34px;
    margin: 0 0 58px;
  }
  .home-banner {
    padding: 30px;
  }
  .home-image {
    max-width: 300px;
  }
  .list-social {
    margin: 0 20px 0 0;
  }
  .menu {
    font-size: 13px;
  }
  .menu li {
    margin: 0 10px 0 0;
  }
  .logo-icon {
    width: 25px;
    min-width: 25px;
  }
  .logo-name {
    font-size: 10px;
    max-width: 60px;
  }
  .logo-time {
    font-size: 20px;
  }
  .home {
    margin: 70px 0 60px;
  }
  .manufacturer-card {
    width: 252px;
    min-height: 294px;
  }
  .slider-nav {
    margin: 0 0 26px auto;
  }
  .partners-box__name {
    max-width: 186px;
  }
  .cooperation {
    margin: 36px 0 0;
  }
  .cooperation-wrapper h2 {
    font-size: 32px;
  }
  .cooperation-wrapper .box-text {
    font-size: 20px;
    line-height: 24px;
  }
  .subtitle {
    font-size: 20px;
  }
  footer {
    margin: 44px 0 0;
    padding: 34px 0 33px;
  }
  .list-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    overflow-x: auto;
  }
  .list-category li {
    margin: 0 7px 0 0;
  }
  .list-category li a {
    height: 100%;
  }
  .filter-wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .page-catalog {
    margin: 0 0 65px;
  }
  .pagination-nav {
    margin: 18px 0 0;
  }
  .about-description {
    margin: 26px 0 0;
  }
  .page-about h1 {
    font-size: 30px;
    margin: 0 0 13px;
    max-width: none;
  }
  .page-about .box-text {
    max-width: none;
  }
  .about-image {
    margin: 0 auto 19px;
  }
  .manufacturer-wrapper {
    margin: 0 0 27px;
  }
  .manufacturer-gallery .slick-list {
    width: calc(100% + 10px);
  }
  .manufacturer-gallery .slick-list::before {
    width: 50%;
  }
  .about-manufacturer {
    margin: 53px 0 40px;
  }
  .products-card {
    width: 197px;
  }
  .btn-download {
    margin: 0 auto 27px 0;
  }
  .products h2 {
    margin: 0 0 20px;
  }
  .callback-manufacturer-box {
    width: 100%;
    margin: 23px auto 0;
  }
  .callback-manufacturer-content {
    width: 100%;
  }
  .similar-manufacturers {
    margin: 56px 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .wrapper {
    padding: 77px 0 0;
  }
  header {
    padding: 24px 0;
  }
  header .logo {
    margin: 0 auto 0 0;
  }
  .btn-burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nav-menu {
    display: none;
    position: fixed;
    z-index: 5;
    left: 0;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    background: #5B9E44;
    max-width: 358px;
    width: 100%;
    padding: 47px 20px;
  }
  .nav-menu .btn-white {
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    height: 37px;
    padding: 10px 22px;
  }
  .nav-menu .logo-name {
    color: #fff;
    font-size: 12px;
    max-width: 70px;
  }
  .nav-menu .logo-time {
    color: #fff;
    font-size: 22px;
  }
  .nav-menu .logo-icon {
    width: 33px;
    min-width: 33px;
  }
  .menu {
    max-width: 215px;
    width: 100%;
    margin: 61px 0 34px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
  }
  .menu li {
    width: 100%;
    margin: 0 0 27px;
  }
  .menu li a {
    color: #fff;
  }
  .menu li a:hover {
    color: #000;
  }
  .list-social {
    margin: 0 0 48px;
  }
  .list-social li a {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }
  .callback-box {
    margin: 30px auto 0;
    max-width: 292px;
    padding: 21px 38px 17px;
  }
  .callback-box h3 {
    margin: 0 auto 23px;
    text-align: center;
    font-size: 24px;
  }
  .home-banner {
    width: 100%;
    padding: 22px 18px 29px;
  }
  .home-image {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    max-width: 334px;
    width: 100%;
  }
  .home {
    margin: 43px 0 60px;
  }
  .home h1 {
    margin: 0 0 326px;
    font-size: 32px;
  }
  .link-catalog {
    margin: 0;
  }
  .top-products h2 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 26px 0;
  }
  .card {
    max-width: 305px;
    width: 100%;
  }
  .categories {
    margin: 70px 0 20px;
  }
  .categories h2 {
    margin: 0 0 18px;
  }
  .category-card__img {
    height: 145px;
    top: 55%;
  }
  .category-card-all .category-card__title {
    font-size: 20px;
  }
  .category-card-all .category-card__icon {
    width: 63px;
    height: 63px;
    min-width: 63px;
  }
  .popular-manufacturers h2 {
    max-width: 600px;
  }
  .maps-farmers h2 {
    margin: 0 0 33px;
  }
  .map-wrapper {
    height: 642px;
  }
  .cooperation-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: transparent;
    border-radius: 0;
    padding: 0;
  }
  .cooperation-wrapper::before {
    display: none;
  }
  .cooperation-wrapper .callback-box {
    margin: 25px auto 0;
  }
  .cooperation-wrapper .box-text {
    margin: 17px 0 0;
    max-width: none;
  }
  .cooperation-content {
    background: url("../img/cooperation-bg1.jpeg") no-repeat left top;
    background-size: cover;
    border-radius: 10px;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 328px 20px 25px;
  }
  .cooperation-content::before {
    content: "";
    width: 100%;
    height: 388px;
    background: -webkit-gradient(linear, left bottom, left top, from(#5B9E44), to(rgba(91, 158, 68, 0)));
    background: linear-gradient(0deg, #341F1E 0%, rgba(91, 158, 68, 0) 100%);
    border-radius: 10px 0px 0px 10px;
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10px;
  }
  .subtitle {
    max-width: none;
  }
  footer .menu {
    width: 50%;
    max-width: none;
    margin: -40px 0 0 auto;
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  footer .menu li {
    margin: 0 0 23px;
  }
  footer .menu li:last-child {
    margin: 0;
  }
  .footer-box {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 32px 0 0;
  }
  .politics-links {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 15px 0 0;
  }
  .logo-footer {
    width: 100%;
  }
  .mb-28 {
    margin-bottom: 18px;
  }
  .row-catalog .card {
    max-width: none;
  }
}
@media only screen and (max-width: 576px) {
  .category-card {
    font-size: 12px;
    padding: 12px 17px 13px;
  }
  .category-card__title {
    font-size: 16px;
  }
  .category-card__img {
    position: relative;
    top: 0;
    right: 0;
    -webkit-transform: none;
            transform: none;
    margin: auto auto 14px;
    height: 95px;
    max-width: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .category-card__offer {
    margin: 0;
  }
  .category-card-all {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 22px 17px 16px;
  }
  .category-card-all .category-card__title {
    font-size: 16px;
  }
  .popular-manufacturers h2 {
    margin: 0 0 28px;
  }
  .popular-manufacturers-slider .card {
    max-width: 252px;
  }
  .popular-manufacturers {
    padding: 34px 0 38px;
  }
  .new-manufacturers {
    margin: 50px 0 0;
  }
  .modal-dialog {
    margin: 20px auto;
  }
  .sorting-wrapper p {
    display: none;
  }
  .row-catalog .card .link-page {
    top: auto;
    bottom: 10px;
    right: 10px;
  }
  .row-catalog .card-title {
    font-size: 14px;
  }
  .row-catalog .card-body {
    padding: 11px 32px 10px 9px;
  }
  .row-catalog .card-image {
    /*height: 184px;*/
    height: 100%;
  }
  .list-tags {
    margin: 15px 0 0;
  }
  .page-about h1 {
    font-size: 24px;
  }
  .manufacturer-info {
    padding: 0;
    width: 100%;
    margin: 26px 0 0;
  }
  .page-manufacturer h1 {
    margin: 0 0 6px;
    max-width: none;
  }
  .manufacturer-photo {
    max-width: 388px;
    width: 100%;
    margin: 0 auto;
    /*height: 323px;*/
    height: 100%;
  }
  .position {
    margin: 0 0 43px;
  }
  .manufacturer-gallery .slick-list::before {
    width: 301px;
    right: -125px;
    background: -webkit-gradient(linear, right top, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  }
  .callback-manufacturer {
    margin: 10px 0 0;
  }
  .callback-manufacturer-wrapeper {
    margin: 0 0 40px;
  }
  .callback-manufacturer-box {
    padding: 20px;
  }
  .callback-manufacturer-box h2 {
    text-align: center;
    margin: 0 auto 16px;
  }
  .callback-manufacturer-form {
    max-width: 217px;
    width: 100%;
    margin: 0 auto;
  }
  .callback-manufacturer-form .consent {
    text-align: center;
    max-width: 190px;
    margin: 16px auto 0;
  }
  .nav-tabs .nav-item {
    margin: 0 25px 20px 0;
    font-size: 12px;
  }
  .nav-tabs .nav-item:last-child {
    margin: 0 0 20px;
  }
  .map-manufacturer {
    height: 509px;
    overflow-x: auto;
  }
  .map-manufacturer iframe {
    min-width: 691px;
  }
  .reviews-wrapper {
    margin: 36px auto 0;
  }
}
@media only screen and (max-width: 480px) {
  .select-my, .btn-border-orange {
    font-size: 12px;
    height: 35px;
  }
  .btn-toggle-map {
    margin: 0 0 0 auto;
  }
}
@media only screen and (max-width: 420px) {
  .nav-menu {
    max-width: 300px;
  }
  footer .menu {
    margin: 0;
  }
  footer .menu li {
    margin: 0 0 15px;
  }
  .logo-footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 20px;
  }
  .footer-box {
    margin: 0 0 auto;
  }
  .select-my {
    background-position: calc(100% - 10px) center;
    padding: 0 30px 0 10px;
  }
  .nav-tabs .nav-item {
    width: 100%;
    margin: 0 0 20px;
  }
  .nav-tabs .nav-item:last-child {
    margin: 0 0 20px;
  }
  .nav-tabs .nav-item .nav-link {
    width: 100%;
  }
}
@media only screen and (max-width: 375px) {
  h2 {
    font-size: 20px;
  }
  .slick-arrow {
    width: 43px;
    height: 43px;
  }
  .slick-arrow svg {
    width: 10px;
    height: 20px;
  }
  .partners .slick-arrow {
    border-width: 2px;
  }
  .cooperation-wrapper h2 {
    font-size: 26px;
  }
  .nav-menu {
    max-width: 250px;
  }
  .sorting-wrapper {
    width: 100%;
    margin: 0 0 10px;
  }
  .btn-toggle-map {
    width: 100%;
  }
  .select-my {
    width: 100%;
  }
  .page-item:first-child {
    margin: 0 15px 0 0;
  }
  .page-item:last-child {
    margin: 0 0 0 15px;
  }
  .page-about {
    margin: 0 0 46px;
  }
  .page-about h1 {
    font-size: 20px;
  }
  .about-description {
    font-size: 18px;
  }
}