/*==========	Desktop First	==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1250px) {
  .header-box {
    margin: 0 0 0 20px;
  }
  .messengers-box {
    margin: 0 auto;
  }
  .form-search {
    max-width: 500px;
  }
  .menu li {
    margin: 0 20px 0 0;
  }
  .footer-menu, .footer-box {
    margin: 0 20px 0 0;
  }
}
@media only screen and (max-width: 1200px) {
  .logo {
    margin: 0 20px 0 0;
  }
  .logo-icon {
    max-width: 56px;
  }
  .form-search {
    max-width: 400px;
  }
  .btn {
    padding: 10px 20px;
  }
  .menu {
    font-size: 15px;
  }
  .home-navigation-slider .slick-current .home-navigation-slider-item {
    width: 400px;
  }
  .h1 {
    font-size: 70px;
  }
  .subtitle {
    font-size: 30px;
  }
  .product-card .btn-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product-card .btn-group .btn {
    margin: 0 auto 10px;
  }
  .product-card .btn-group .btn:last-child {
    margin: 0 auto;
  }
  h1, h2 {
    font-size: 30px;
  }
  .advantages-box__title {
    font-size: 16px;
  }
  .footer-box {
    max-width: 145px;
  }
  footer {
    padding: 20px 0;
    font-size: 13px;
  }
  footer .list-messengers {
    margin: 0;
  }
  .why-us-box {
    font-size: 20px;
    margin: 0 0 30px;
  }
  .team-slider .slick-arrow svg {
    stroke: #fff;
  }
  .team-slider .slick-prev {
    left: 0;
  }
  .team-slider .slick-next {
    right: 0;
  }
  .delivery-box {
    max-width: 350px;
  }
  .recommended-product-slider .slick-prev {
    left: 0;
  }
  .recommended-product-slider .slick-next {
    right: 0;
  }
}
@media only screen and (max-width: 992px) {
  .menu {
    font-size: 16px;
  }
  .menu li {
    width: 100%;
    margin: 0 0 15px;
  }
  .menu .dropdown-menu {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .menu .menu-item-catalog {
    display: block;
  }
  .btn-catalog {
    display: none;
  }
  .nav-menu {
    width: 100%;
    margin: 0 0 20px;
  }
  .header-bottom {
    display: none;
    position: fixed;
    z-index: 5;
    right: 0;
    top: 0;
    height: 100%;
    overflow-y: auto;
    width: 100%;
    max-width: 300px;
    background: #fff;
    padding: 30px 10px;
  }
  .header-bottom .form-search {
    display: block;
    margin: 0 0 20px;
  }
  .header-bottom__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-top .form-search {
    display: none;
  }
  .btn-burger {
    display: block;
  }
  .wrapper {
    padding: 81px 0 0;
  }
  .basket-link {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .messengers-box {
    margin: 0 20px 0 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .header-box {
    margin: 0 auto;
  }
  .logo {
    margin: 0;
  }
  .home-navigation-slider-item, .home-navigation-slider-item__front {
    width: 100%;
  }
  .home-navigation-slider .slick-current .home-navigation-slider-item {
    width: 100%;
  }
  .home-navigation-slider-item__open, .home-navigation-slider-item {
    -webkit-transition: none;
    transition: none;
  }
  .home-navigation-slider-item__front, .home-navigation-slider-item__open {
    padding: 20px;
  }
  .home-navigation-slider-item__open {
    position: relative;
    display: none;
  }
  .home-navigation-slider .slick-current .home-navigation-slider-item__front {
    display: none;
  }
  .home-navigation-slider .slick-current .home-navigation-slider-item__open {
    display: block;
  }
  .h1 {
    font-size: 50px;
  }
  .home-slider-item {
    padding: 140px 0 327px;
  }
  .home-navigation {
    bottom: 40px;
  }
  .category-card__title {
    font-size: 18px;
    line-height: normal;
    max-width: 180px;
  }
  .category-card__img {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .all-category {
    font-size: 18px;
  }
  .all-category .btn-text {
    max-width: 150px;
  }
  .about-image {
    margin: 30px auto 0;
  }
  .about .link-page {
    margin: 20px 0 0;
  }
  .advantages-box__title {
    font-size: 14px;
  }
  .advantages-box__back {
    padding: 20px;
  }
  .advantages-box h3 {
    font-size: 18px;
    margin: 0 0 10px;
  }
  .mb-75 {
    margin-bottom: 40px;
  }
  .footer-box, footer .list-messengers {
    width: 33.33%;
    margin: 20px 0 0;
    max-width: none;
    text-align: center;
  }
  .footer-box a {
    margin: 5px auto 0;
  }
  footer .list-messengers {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer-menu {
    width: 25%;
    margin: 0;
    max-width: none;
  }
  .page-about .about-image {
    margin: 0;
  }
  .page h1 {
    margin: 0 0 30px;
  }
  .mission {
    padding: 50px 0 0;
  }
  .mission h2 {
    margin: 0 0 30px;
  }
  .about-video {
    margin: 30px 0 0;
  }
  .why-us {
    padding: 70px 0;
  }
  .why-us::before {
    width: 100%;
  }
  .why-us .h3 {
    margin: 0 auto 20px;
    max-width: none;
    font-size: 40px;
  }
  .team-card__photo {
    height: auto;
  }
  .delivery-box {
    margin: 30px auto 0;
    max-width: none;
    padding: 20px;
  }
  .delivery-box__title {
    font-size: 18px;
  }
  .delivery {
    margin: 0 0 50px;
  }
  .delivery-content h3 {
    font-size: 18px;
  }
  .page-article .about-video {
    margin: 0 0 20px;
  }
  .breadcrumb {
    line-height: normal;
  }
  .breadcrumb-item + .breadcrumb-item::before {
    margin: 0 10px;
  }
  .link-print {
    margin: 0 0 10px;
  }
  .product-slider-preview {
    margin: 20px 0 0;
  }
  .product-slider-preview .slide {
    margin: 0;
  }
  .product-slider__item {
    height: 400px;
  }
  .product-info {
    padding: 0;
    margin: 30px 0 0;
  }
  .page-basket h1, .page-basket h2, .page-basket .h2 {
    margin: 0;
    font-size: 24px;
  }
  .basket-title {
    padding: 10px 20px;
  }
  .basket-card {
    padding: 20px 0;
  }
  .form-basket-box .basket-body {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 850px) {
  .home-navigation-slider-item .box-text {
    margin: 10px 0 20px;
  }
  .home-navigation-slider-item .btn-group .btn {
    width: 100%;
    margin: 0 0 10px;
  }
  .home-navigation-slider-item .btn-group .btn:last-child {
    margin: 0;
  }
  .advantages {
    margin: 50px 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .logo-text {
    max-width: 120px;
  }
  .header-bottom .messengers-box {
    display: block;
  }
  .sales-banner {
    padding: 40px;
  }
  .sales-banner h2 {
    font-size: 30px;
  }
  .sales-banner .btn {
    margin: 30px 0 0;
  }
  .sales {
    margin: 50px 0;
  }
  .category {
    margin: 0 0 50px;
  }
  .about {
    padding: 50px 0 40px;
  }
  .mb-75, .mb-50 {
    margin-bottom: 30px;
  }
  .news {
    margin: 50px 0 60px;
  }
  .news-card {
    min-height: 320px;
  }
  .callback {
    padding: 50px 0;
  }
  .callback h2 {
    font-size: 45px;
    line-height: normal;
  }
  .callback .box-text {
    font-size: 18px;
    margin: 20px auto 30px;
  }
  .about-in-number {
    margin: 30px auto 0;
    font-size: 20px;
  }
  .about-in-number p {
    font-size: 40px;
  }
  .page-about {
    margin: 0 0 50px;
  }
  .team {
    margin: 50px 0 60px;
  }
  .recommended-product, .page-news, .page-article {
    margin: 0 0 50px;
  }
  .sales-card__title {
    font-size: 18px;
    margin: 0 0 20px;
  }
  .sales-card__body {
    padding: 15px;
  }
  .sales-card .box-text {
    margin: 0 0 20px;
  }
  .recommended-product-v2 {
    margin: 0;
  }
  .article-box {
    margin: 0 0 30px;
  }
  .article-box h3 {
    margin: 0 0 20px;
    font-size: 24px;
  }
  .article-description {
    font-size: 18px;
    margin: 20px 0 30px;
  }
  .page-product {
    margin: 0 0 50px;
  }
  .form-order button {
    margin: 20px 0 0;
  }
  .product-slider__item {
    height: 300px;
  }
  .basket-card__title {
    padding: 0 0 0 20px;
    font-size: 18px;
    width: 280px;
  }
  .basket-card__value {
    width: calc(100% - 70px - 280px - 112px);
  }
  .basket-card__clear {
    width: 70px;
  }
  .page-basket {
    margin: 0 0 50px;
  }
  .mb-70 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .header-top .messengers-box {
    display: none;
  }
  .basket-link {
    width: 30px;
    height: 24px;
    font-size: 12px;
  }
  .h1 {
    font-size: 40px;
  }
  .subtitle {
    font-size: 22px;
  }
  .home-slider-item {
    padding: 50px 0 300px;
  }
  .home-navigation-slider .slick-dots, .news-slider .slick-dots, .reviews-video-slider .slick-dots, .reviews-slider .slick-dots {
    margin: 20px auto 0;
  }
  .home-navigation-slider .slick-dots li, .news-slider .slick-dots li, .reviews-video-slider .slick-dots li, .reviews-slider .slick-dots li {
    width: 10px;
    height: 10px;
  }
  .news-slider .slick-dots, .reviews-slider .slick-dots {
    margin: 0;
  }
  .nav-tabs .nav-item {
    margin: 0 20px 0 0;
  }
  .nav-tabs .nav-link {
    font-size: 14px;
    padding: 0 0 10px;
  }
  .best-offers {
    margin: 50px 0 0;
  }
  .best-offers-slider .slick-arrow {
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .best-offers-slider .slick-prev {
    left: 0;
  }
  .best-offers-slider .slick-next {
    right: 0;
  }
  .category-card {
    min-height: 200px;
  }
  .category-card__title {
    margin: 0 0 30px;
    font-size: 16px;
  }
  .about h2 {
    margin: 0 0 20px;
  }
  .reviews-video-card__video {
    position: relative;
    padding-bottom: 56.25%;
  }
  .reviews-video-card__video img {
    position: absolute;
    left: 0;
    top: 0;
  }
  .news-card {
    padding: 20px 10px;
    min-height: 250px;
  }
  .news-card__title {
    max-width: none;
  }
  .news h2 {
    margin: 0 0 20px;
  }
  .form-callback label {
    width: 100%;
  }
  .callback h2 {
    font-size: 35px;
  }
  .footer-menu {
    width: 33.33%;
  }
  .footer-menu li a {
    width: 100%;
  }
  footer .logo {
    max-width: none;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    margin: 0 0 20px;
  }
  footer .logo .logo-text {
    max-width: 210px;
  }
  .page-catalog {
    margin: 0 0 60px;
  }
  .nav-breadcrumb {
    margin: 20px 0;
  }
  .contacts-wrapper {
    max-width: none;
    padding: 20px;
    margin: 0 0 20px;
  }
  .contacts-box {
    margin: 0 0 20px;
  }
  .contacts-box:last-child {
    margin: 0;
  }
  .map-contacts {
    position: relative;
    height: 300px;
  }
  .about-video::before {
    width: 70px;
    height: 70px;
  }
  .why-us {
    padding: 50px 0 30px;
  }
  .why-us .h3 {
    font-size: 30px;
  }
  .why-us-box {
    font-size: 16px;
  }
  .why-us-box__icon {
    width: 70px;
    height: 70px;
    padding: 10px;
  }
  .delivery-box__title {
    margin: 0 0 15px;
  }
  .nav-tabs-contacts .nav-item {
    margin: 0;
  }
  .nav-tabs-contacts .nav-link {
    padding: 5px 10px;
  }
  .basket-card {
    position: relative;
  }
  .basket-card__photo {
    margin: 0 auto;
  }
  .basket-card__title {
    width: 100%;
    padding: 0;
    margin: 10px 0;
    text-align: center;
  }
  .basket-card__value {
    width: 100%;
  }
  .basket-card__clear {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .form-basket-box .basket-body {
    padding: 0;
  }
  .label-radio__image {
    height: 50px;
  }
  .page-basket h1, .page-basket h2, .page-basket .h2 {
    font-size: 22px;
  }
  .team-slider .slick-arrow {
    display: none;
  }
  .team-slider .slick-dots {
    margin: 30px auto 0;
  }
  .team-slider .slick-dots li {
    width: 10px;
    height: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .logo-icon {
    max-width: 45px;
  }
  .header-bottom .header-box {
    display: block;
  }
  .header-top .header-box {
    display: none;
  }
  .logo {
    margin: 0 auto 0 0;
  }
  .h1 {
    font-size: 26px;
  }
  .sales-banner {
    padding: 20px;
  }
  .sales-banner h2 {
    font-size: 24px;
  }
  .sales-banner .btn {
    padding: 0 20px;
  }
  .reviews-card {
    -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;
  }
  .reviews-card__body {
    padding: 0;
    width: 100%;
    margin: 10px 0 0;
  }
  .reviews-card__position {
    max-width: none;
    margin: 5px 0 10px;
  }
  .reviews h2 {
    margin: 0 0 20px;
  }
  .modal-content {
    padding: 30px;
  }
  .modal-title {
    font-size: 24px;
  }
  .modal-header {
    margin: 0 0 20px;
  }
  .pagination .page-item {
    margin: 0 5px 0 0;
  }
  .pagination .page-link {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .about-in-number {
    font-size: 16px;
  }
  .about-in-number p {
    font-size: 24px;
  }
  .callback-v2 .form-callback .w50 {
    width: 100%;
  }
  .page-suppliers {
    margin: 0 0 50px;
  }
  .page-suppliers h1 {
    margin: 0 0 30px;
  }
  .product-card {
    padding: 30px 15px 20px;
  }
  .product-card .slick-slide {
    padding: 0;
  }
  .product-card .btn {
    padding: 0 10px;
    width: 100%;
  }
}
@media only screen and (max-width: 420px) {
  footer .list-messengers {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: none;
  }
  .footer-box {
    width: 50%;
  }
  .modal-content form .label-radio {
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .modal-content form .label-radio:last-child {
    margin-bottom: 10px;
  }
  .theme-appeals {
    font-size: 18px;
  }
}