@media (max-width: 1520px) {
 
  #mod-menu .modal-content {    padding: 80px 96px 40px 96px;}
  .main-hero h1 {    font-size: 200px;    letter-spacing: 4.32px;}
  .section-title {    margin: 0 0 40px 0;    font-size: 60px;    letter-spacing: 1.2px;}
  .margin-bottom {    margin-bottom: 80px!important;}
  .catalog-section .catalog-container .bg-text {    font-size: 200px;    letter-spacing: 3.88px;}
  .gutters-80 {margin-right: -16px;margin-left: -16px;}
  .gutters-80 > .col,.gutters-80 > [class*="col-"] {padding-right: 16px; padding-left: 16px;}
  .gutters-30 {margin-right: -16px;margin-left: -16px;}
  .gutters-30 > .col,.gutters-30 > [class*="col-"] {padding-right: 16px; padding-left: 16px;}
  .gutters-20 {margin-right: -16px;margin-left: -16px;}
  .gutters-20 > .col,.gutters-20 > [class*="col-"] {padding-right: 16px; padding-left: 16px;}
  .catalog-list.catalog-slider .item {    margin: 0 20px 0 0;}
  .catalog-tabs .bg-text {font-size: 190px;    letter-spacing: 3.2px;}
  .title-container {    margin: 0 0 40px 0;}
  .header .catalog-menu .nav-item {margin:0 16px 0 0;}
  .header .header-phones {    margin: 0 0px 0 16px;}
  .header .search-button {margin:0 16px;}
  .main-hero .hero-info {padding:60px 0;}
  .catalog-section .item .item-image .image-container {height:400px;}
  .catalog-section .item .item-name {    font-size: 30px;}
  .catalog-tabs .tabs .nav-link {    margin: 0 0 0 30px;    font-size: 30px;    letter-spacing: 0.4px;}
  .catalog-list.catalog-slider .item {width:376px;}
  .catalog-list .item .image-container {    height: 360px;}
  .catalog-list .item .item-name {    font-size: 20px;    letter-spacing: 0.2px;}
  .main-socials .center-images .image-container {    height: 264px;}
  .main-socials .bottom-images .image-container:last-child {    height: 426px;}
  .main-socials .bottom-images .image-container:first-child {    width: 100%;    height: 300px;}
  .header .s-close {right:16px;}
  .header .catalog-menu .drop-menu .level1 {    font-size: 20px;    letter-spacing: 0.16px;}
  .header .catalog-menu .drop-menu .level2 a {    margin: 0 0 12px 0;}

  #mod-menu .nav a {    margin: 0 0 20px 0;    font-size: 30px;    line-height: 20px;}
  .catalog-detail .detail-info {min-width:500px;}
  .catalog-detail .detail-gallery {min-width:500px;width:500px;}
  .catalog-detail .detail-gallery .gallery-thumb {padding:12px;}

  .modal-title {    font-size: 40px;}

  .why-us .item .number {margin:0 20px 0 0;}
  .why-us .item .name {    font-size: 40px; margin:0 20px 0 0;   letter-spacing: 0.28px;max-width: 250px;}
  .why-us .item .anons {    font-size: 16px;width:300px;}
  .catalog-section .sections-slider .item {    margin: 0 30px 0 0;}
  .catalog-section .sections-slider {margin:0 -30px 0 0;}
  .about-hero .hero-right {margin:0 0 0 40px;}
  h1 {    font-size: 60px;    letter-spacing: 0.6px;}
  .text-section h1 {    font-size: 60px;    letter-spacing: 0.6px;}

  .contacts-section .contacts-map {    margin: -64px -16px 0 40px;    width: 800px;    height: 800px;}
  .feed-section .feed-left {    width: 462px;    margin: 0 40px 0 0;}

  .text-section .text-nav {    width: 220px;    min-width: 220px;    padding: 0 20px 0 0;}
  .text-section .text-blocks {    padding: 64px 20px 0 20px;}
  .text-section .text-block .block-image {    width: 412px;    margin: 0 40px 0 0;}
  .text-section .text-blocks .text-block:nth-child(odd) .block-image {    margin: 0 0 0 40px;}









}

@media (max-width: 1199px) {
  .header .catalog-menu {display:none;}
  .header {padding:8px 0;}
  .header .header-container {justify-content:space-between;}
  .header .header-phones.open .phones-dropdown {opacity:1;visibility: visible;margin:0px 0 0 0;pointer-events: all;}
  .header .header-phones.open .phone-button .ic { transform:rotate(-180deg) ; -webkit-transform:rotate(-180deg) ; -moz-transform:rotate(-180deg) ; -ms-transform:rotate(-180deg) ; -o-transform:rotate(-180deg) ; }
  .header .header-phones .phones-dropdown {width:200px;left:auto;right:0px;}
  .main-hero h1 {    font-size: 150px;    letter-spacing: 2.32px;}
  .main-hero .hero-anons {    margin: 0 0 30px 0;}
  .section-title {    margin: 0 0 30px 0;    font-size: 40px;    letter-spacing: 0.2px;}
  .main-hero .info-anons {    font-size: 16px;}
  .main-hero .info-bottom .info-center {    margin: 24px 0 0 0;    padding: 24px 0 0 0;}
  .main-hero .hero-info  .info-left {text-align:left;}
  .header .header-right {width:unset;}

  .hero-inner .hero-info {top:48px;}
  .hero-inner h1 {    font-size: 60px;}
  .sub-nav .nav a {font-size:14px;    margin: 0 6px 6px 0;    padding: 10px 14px;}
  .catalog-detail .detail-gallery {display:none;}
  .catalog-detail .detail-info {    width: 100%;    min-width: 0px;    margin: 0 0 0 0px;}
  .catalog-detail .gallery-big {margin:0 0 40px 0;position:relative;background:#fff;padding:40px 0;}
  .catalog-detail .gallery-big .item {height:500px;}
  .catalog-detail .gallery-big .item img { max-height:500px;margin:0 auto;}
  .catalog-detail .gallery-big .slick-dots {bottom:20px;}
  #buy .modal-dialog {    max-width: 620px;}
  .modal-buy .buy-info {    width: 100%;    padding: 0 0px 0 0;}
  .modal-buy .buy-form {    padding: 40px 0 0 0px;    width: 100%;}
  .modal-buy .buy-form:before {display:none;}
  .catalog-detail .gallery-big .item {display: flex;align-items: center;justify-content: center;}
  .about-hero .hero-text span {font-size:80px;}
  .about-us .us-left .bg-text {    font-size: 140px;    letter-spacing: 1.88px;}
  .about-us .us-image {    min-width: 400px;    margin: 0 0 0 40px;}
  .about-us .us-left {padding:64px 0 0 0;}
  .why-us .why-container .bg-text {    font-size: 144px;   letter-spacing: 1.88px;}
  .why-us .why-container .section-title {    margin: 0 0 30px 0;}
  .why-us .item-container {flex-wrap: wrap;}
  .why-us .item .name {width:90%;min-width:90%;margin:0 0 32px 0;font-size:30px;}
  .why-us .item .anons {align-self: center;}
  .about-steps .step .data {    margin: 0 0 10px 0;    font-size: 24px;}
  .about-steps .step .value {    font-size: 16px;    line-height: 130%;}
  .about-steps .step {    margin: 0 0 24px 0;}
  .catalog-section .sections-container .bg-text {    font-size: 144px;    letter-spacing: 1.88px;}

  .contacts-section .contacts-info {    width: 100%;    min-width: 0;}
  .contacts-section .contacts-map {    margin: 40px -16px 0 -16px;    width: auto;    height: auto;}
  .feed-section .feed-image {    margin: 0 0 0 0%;    text-align: center;}
  .feed-section .feed-image img {    max-width: 100%;}
  .feed-section .feed-left {    width: 100%;    margin: 0 0 40px 0;}
  .feed-section .feed-form {    width: 100%;    min-width: 0;}

  .text-section .text-nav {    width: 100%;    min-width: 0px;    padding: 0 0px 24px 0;}
  .text-section .text-nav .nav a {margin:0 20px 0 0;}
  .text-section .text-blocks {    padding: 0px 0px 0 0px;margin:0;border:0;}
  .text-section h1 {    font-size: 40px;}







}




@media (max-width: 992px) {
  .main-hero {text-align:center;}
  
  .main-hero .hero-anons {    margin: 0 auto 30px auto;}
  .main-hero .hero-image {margin:30px 0 0 0;}
  .main-hero .hero-info .info-top {justify-content: space-between;}
  .main-hero .info-bottom .info-center {order:1;width:100%;}
  .main-hero .hero-info .info-bottom .info-left {order:2;text-align: left;}
  .main-hero .hero-info .info-bottom {flex-wrap: wrap;}
  .main-hero .info-bottom .info-center {    margin: 24px 0 24px 0; }
  .catalog-section .catalog-container .bg-text {    font-size: 100px;    letter-spacing:1.88px;text-align: center;right:0;}
  .catalog-section .catalog-container {padding:20px 0 0 0;}
  .catalog-tabs {    padding: 20px 0 0 0;}
  .catalog-tabs .bg-text {    font-size: 90px;    letter-spacing: 1.2px;}
  .catalog-tabs .tabs .nav-link {    margin: 0 16px 0 0px;    font-size: 24px;}
  .catalog-tabs .tabs {margin:24px 0 0 0;}
  .main-socials {    padding: 20px 0 0 0;}
  .main-socials .bg-text {    font-size: 100px;    letter-spacing: 2.88px;}
  .main-socials .col-lg-auto {display:none;}
  .main-socials .center-images .image-container {    height: 364px;}
  .design-section .section-image {max-width:100%;margin:0;}
  .design-section .design-items {    width: 100%;    padding: 0px 0 0 0;}
  .footer .footer-bottom {text-align:center;}
  .footer .socials {text-align:center;justify-content: center;margin:24px 0;}
  .footer .gutters-80 .col {    padding-top: 60px;    padding-bottom: 40px;}


  .pags .page-numbers { font-size: 14px;  line-height: 38px; margin:0 5px; width: 40px; height: 40px; min-width: 40px; }
  .about-us .us-left .bg-text {right:auto;left:0;}
  .about-us .us-left .anons {max-width:100%;}
  .about-us .us-image {    min-width: 0px;    margin: 0 0 0 0px;width:100%;height:auto;}
  .about-steps .steps-image {display:None;}
  .about-steps .steps-info {    width: 100%;    min-width: 0px;    margin: 0 0 0 0px;}


}

@media (max-width: 767px) {
  .main-hero h1 {    font-size: 80px;    letter-spacing: 1.32px;}
  .main-hero {    padding: 30px 0 0 0;}
  .main-hero .hero-anons {    margin: 24px auto 30px auto;}
  .main-hero .hero-info .info-top .info-left {    width: 100%;}
  .main-hero .hero-info .info-top .info-center {    width: 100%;margin:24px 0 0 0;}
  .main-hero .hero-info .info-bottom .info-left {width:50%;}
  .main-hero .hero-info .info-right {width:50%;}
  .section-title {    font-size: 30px;}
  .catalog-section .item .item-name {    font-size: 24px;}
  .catalog-tabs .tabs .nav-link {    font-size: 20px;}
  .slider-navigate {    margin: 24px 0 0 0;}
  .main-socials .center-images .image-container {    height: 264px;}
  .main-socials .socials .item:before {    width: 242px;    height: 242px;}
  .main-socials .socials .item {margin:0 40px;}
  .design-section .design-items .item .data {    margin: 0 0 12px 0;    font-size: 22px;    letter-spacing: 0.04px;}
  .design-section .design-items .item .value {font-size:16px;}
  .catalog-section .catalog-container .bg-text {    font-size: 60px;    letter-spacing: 0.88px;}
  .catalog-tabs .bg-text {    font-size: 60px;    letter-spacing: 0.2px;}
  .main-socials .bg-text {    font-size: 60px;    letter-spacing: 0.88px;}

  .footer {text-align:center;}
  .footer .logo {width:160px;    margin: 0 auto 24px auto;}
  .footer .logo-pidpis {    margin: 0 0 24px 0;  }
  .footer .phone {    margin: 0 0 24px 0px;}
  .footer .email {    margin: 0 0 24px 0px;}
  .footer .gutters-80 .col {    padding-bottom: 0px;padding-top:0;}
  .footer {padding:60px 0 0 0;}
  .footer .socials .data {margin:0 0 12px 0;}
  .catalog-list.catalog-slider .item {    width: 100%;}
  .catalog-slider {margin:0;}
  .catalog-list .item .price {font-size:16px;}
  .catalog-list .item .image-container {    height: 300px;}
  .btn-border {    padding: 10px 16px;}
  #mod-menu .nav a {padding:0;    margin: 0 0 12px 0;    font-size: 20px;    line-height: 20px;}
  #mod-menu .modal-dialog {    width: 100%; height:100%; }
  #mod-menu .modal-content {    padding: 60px 20px 40px 20px;}
  #mod-menu .modal-content .close {    top: 20px;    left: auto;right:20px;width: 32px;    height: 32px;background-size:20px;}
  #mod-menu .menu-contacts .phone {    font-size: 24px;}
  #mod-menu .menu-contacts .email {    font-size: 20px;}
  #mod-menu .menu-contacts .socials {    margin: 24px 0 0 0;}
  .sub-nav .nav a {    font-size: 12px;}

  .breads {    margin: 0 0 40px 0;}
  .catalog-detail h1 {    margin: 24px 0 24px 0;    font-size: 30px;    line-height: 100%;    letter-spacing: 0.12px;}
  .catalog-detail .gallery-big .item {   height: 300px;}
  .catalog-detail .gallery-big .item img {    max-height: 300px;}
  .color label input+span {    width: 60px;    height: 60px;    padding: 5px;}
  .btn-default {    font-size: 16px;    padding: 14px 14px;}
  .btn-default .price span {    font-size: 20px;}
  .catalog-detail .buy-block {    margin: 0 0 20px 0;}
  .catalog-detail .buy-block .btn-default {width:100%;justify-content: center ;}
  .btn-border.dark {      padding: 13px 13px;      font-size: 16px;  }
  .catalog-detail .detail-buttons .btn-border {width:100%;}

  h2 { margin:0 0 24px 0; font-size: 26px;   letter-spacing: 0.4px; }
  h3 {margin:0 0 24px 0; font-size: 22px;  letter-spacing: 0.4px; }
  .modal-content {    padding: 64px 20px 30px 20px;}
  .modal-title {    font-size: 30px!important;}
  .input-container {    margin: 0 0 20px 0;}
  .def-radio label input+span {    margin: 0 5px;}


  h1 {    font-size: 30px;    letter-spacing: 0.24px;}
  .about-hero .right-image {display:none;}
  .about-hero .hero-right {    margin: 40px 0 0 0px; text-align:center;}
  .about-us .us-left .bg-text,.why-us .why-container .bg-text,.catalog-section .sections-container .bg-text  {    font-size: 80px;    letter-spacing: 0.88px;}
  .about-us .us-left,.why-us .why-container,.catalog-section .sections-container {    padding: 20px 0 0 0;}
  .about-us .us-left .anons {    font-size: 16px;    line-height: 150%;}
  .why-us .item .name {    width: 80%;    min-width: 80%;}
  .why-us .item .image {    width: 100%;    height: auto;}
  .why-us .item .anons {margin:32px 0 0 0;    width: 100%;}

  .input-container.d-md-flex label {margin:0 0 20px 0;text-align:center;}
  .text-section .text-nav .nav a {    margin: 0 0 20px 0;display:block;}
  .text-section .text-nav .nav {display:block!important;}
  .text-section h1 {    font-size: 30px;}
  .text-section .text-block .block-image {    width: 100%;    margin: 0 0px 32px 0!important;}
  .text-section .text-block .block-info {    width: 100%;}
  .bottom-feed .feed-title {    margin: 0 0 24px 0;    font-size: 40px;    letter-spacing: 0.28px;}
  .bottom-feed .feed-image .bg-text {left:0;right:0;}
  .bottom-feed .feed-image {padding:30px 0 0 0;}
  .bottom-feed .feed-items {text-align:center;}
  .bottom-feed .feed-items a {margin:16px 0 0 0;}
  .text-section .text-block.no-img .block-info {margin:0 0 40px 0;}
  .catalog-list .item .images-slider img {max-height:236px;}

}





@media (max-width: 580px) {







}