/*--
** Responsive styles. (responsive.css)
** @author webtitov.ru
** @date 28.01.2022
--*/

@media (max-width: 1440px) {
  .about-wrapper__content {
    right: 80px;
  }
  
  .categories-wrapper,
  .rent-wrapper,
  .gt-columns.--col_2,
  .gt-columns.--col_3,
  .gt-columns.--col_4,
  .gt-columns.--col_5 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 320px));
    justify-content: center;
  }

  .gt-columns.--col_2 .categories-wrapper__image,
  .gt-columns.--col_3 .categories-wrapper__image,
  .gt-columns.--col_4 .categories-wrapper__image,
  .gt-columns.--col_5 .categories-wrapper__image {
    height: 160px;
  }
}

@media (max-width: 1360px) {
  .nav-block {
    display: none;
  }
  
  .nav-toggle {
    display: block;
  }
  
  .about-wrapper__content {
    right: 10px;
  }
  
  .portfolio-wrapper__grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .portfolio-grid__item:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3;
  }
  .portfolio-grid__item:nth-child(2) {
    grid-area: 1 / 3 / 2 / 5;
  }
  .portfolio-grid__item:nth-child(3) {
    grid-area: 2 / 3 / 3 / 4;
  }
  .portfolio-grid__item:nth-child(4) {
    grid-area: 2 / 4 / 3 / 5;
  }
  
  header {
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #ffffff;
    top: 0;
    box-shadow: 0 4px 8px rgb(27 27 27 / 8%);
    left: 0;
  }
  
  .header-wrapper {
    padding-bottom: 12px;
  }
  
  .logo-block__image {
    width: 100px;
  }
  
  main {
    padding-top: 130px;
	}
	.text{
		padding: 10px 20px;
	}
}

@media (max-width: 1140px) {
  .product-wrapper {
    grid-gap: 24px;
    grid-template-columns: 320px 1fr;
  }
  .product-wrapper__photo {
    width: 320px;
  }
}

@media (max-width: 960px) {
  :root {
    --padding-horizontal: 20px;
  }
  
  main {
    padding-top: 40px;
  }
  .intro-wrapper__heading {
    font-size: 42px;
    line-height: 56px;
  }
  .intro-wrapper__content,
  .intro-wrapper__image {
    padding: 0px;
  
    height: 600px;
  }
  
  .portfolio-wrapper__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .portfolio-grid__item:nth-child(n) {
    grid-area: auto;
  }
  
  .contact-wrapper {
    grid-template-columns: 1fr;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    grid-template-rows: repeat(2, 1fr);
  }
  
  .product-wrapper {
    grid-template-columns: 1fr;
    max-width: 100%;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .cta-wrapper__form {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: calc(100% - (var(--padding-horizontal) * 4));
  }
  .intro-wrapper__text {
    padding-left: 20px;
	}
  .intro-wrapper:before{
	  display:none;
  }
  .about-wrapper__image {
    display: none;
  }
  .about-wrapper__content {
    bottom: auto;
    right: auto;
    max-width: 100%;
    position: relative;
  }
  
  .about-wrapper {
    margin: 0 auto;
  }
  
  .intro-wrapper {
    grid-template-rows: repeat(2, max-content);
  }
  /*.intro-wrapper__image, .intro-wrapper__content {
    height: auto;
  }*/
  
  .small-contacts {
    display: none;
  }
  
  .header-wrapper {
    grid-template-columns: repeat(2, max-content);
    padding-top: 12px;
  }
  
  .--modal-email,
  .--modal-tel {
    display: block;
  }
  
  .theme-modal {
    max-width: calc(100% - (var(--padding-horizontal) * 4));
  }
  .intro-wrapper__actions {
    flex-direction: column;
  }
  
}

@media (max-width: 575px) {
  :root {
    --padding-horizontal: 10px;
  }
  section {
    padding: 20px 0;
  }
  .intro-wrapper__content {
    padding: 20px;
  }
  .portfolio-wrapper__grid,
  .--modal-product .product-modal__info {
    grid-template-columns: 1fr;
  }
  .intro-wrapper__content, .intro-wrapper__image {
    height: 630px;
    
  }
  .product-wrapper__photo {
    max-width: 100%;
    width: 100%;
  }
  
  .--modal-product .product-modal__name {
    text-align: center;
  }
  
  .intro-wrapper__heading {
    font-size: 35px;
    line-height: 48px;
    background-color: #00000080;
    display: block;
    width: 100%;
    padding: 40px;
}
  
  .--modal-product .cta-wrapper__heading {
    font-size: 28px;
  }
  
  .product-wrapper__actions {
    grid-template-columns: repeat(2, max-content);
    grid-gap: 16px 24px;
  
    justify-content: start;
    justify-items: start;
  }
  .product-wrapper__price {
    grid-column: span 2;
    padding-left: 24px;
  }
  
  .product-wrapper__name {
    font-size: 28px;
  }
  .prudct-wrapper__content > ul > li {
    font-size: 16px;
  }
}

@media (max-width: 440px) {
  .product-wrapper__actions {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
  .product-wrapper__price {
    grid-column: auto;
    padding-left: 24px;
  }
  
  .product-wrapper__actions .theme-button {
    font-size: 16px;
    white-space: nowrap;
    max-width: 305px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 360px) {

}