/* === DESKTOP FIRST === */

/* lg <= Extra large (xl) */
@media (max-width : 1600px) {}

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {
  .top-menu__link {
    padding: 8px;
  }
  .header-wrap {
    overflow: hidden;
    padding: 40px 0;
    min-height: 480px;
    max-height: 560px;
  } 
  .home__slogan {font-size: 46px;}  
  .footer .padding-left {padding-left:calc(var(--bs-gutter-x) * .5);}
}
@media (max-width : 1200px) {
  .top_phone_wrap {
    position: relative;
    right: 40px;
  }    
  .top_menu_wrap {display: none;} 
  .toggle_mnu_b {display: block;}
  .header-wrap {
    background-position: center;
    min-height: 480px;
    max-height: 480px;
  }
  .header-left {padding-left: 10px;}
  .grid.grid-flex .services-item__desc h3, .grid.grid-flex .services-item__desc .h3 {
    font-size: 20px;
  }
  .upline-advantages__inner {grid-template-columns: repeat(2, 1fr);}
  .upline-advantages__item {justify-content: center;}  
  .upline-advantages__item:last-child {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .advantages__item-wrapper {width: 100%;}
  .s-services .container-fluid {padding: 0;}
.s-portfolio li.filter {min-width: auto;}
}

/* md <= Large (lg) */
@media (max-width : 992px) {
  .header-wrap {
    top: 12px;
    height: 90%;
    z-index: 1;
    overflow: hidden;
  }

  .services-item {
    min-height: 320px;
  }

  section {
    padding: 2.5rem 0;
  } 
  .s-3dvision { padding: 2.5rem; }
  .section-head {
    text-align: center;
    margin-bottom: 40px;
  }

  .section-head__heading::after {
    bottom: -20px;
  }
  .section-head__desc {
    margin-top: 40px;
  }

  .section-title__desc,
  .section-title__desc h2 {
    font-size: 21px;
  }

  .section-title__desc h2 {
    margin-bottom: 10px;
    margin-top: 20px;
  }

  .grid {
    display: grid;
    align-content: center;
  }
  .grid.grid__cells {
    display: block;
    grid-gap: 0;
  }
  .grid.grid__cells>div {
    width: 48%;
  }
  .services-item {margin-left:0;margin-right: 0;}  
  .swiper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .upline-designer__inner{
    display: grid;
    align-items: center; 
    grid-gap: 30px;
    align-items: flex-start;
    grid-template-columns: repeat(2, 1fr);
  }
  .upline-designer__item:last-child:nth-child(2n+1) {
      grid-column-start: 1;
      grid-column-end: 3;
  }
  .s-about {
    padding-top: 2.5rem;  
    padding-bottom: 2.5rem;  
  }
}

/* sm <= Medium (md) */
@media (max-width : 882px) {
  .top_phone_wrap {right: 45px;}  
  .top_line a.phone {display: none;}  
  .phone__icons {
    margin: 0 6px;
    width: 27px;
    top: 0px;
  }
}
@media (max-width : 768px) {
  .home__slogan {font-size: 38px;}  
  .home__desc {font-size: 20px;}  
  .s-advantages {
      padding: 40px 0 50px;
  }
  .advantages-slider {
    max-width: 90%;
  }
  .section-title__paragraph {
    margin-bottom: 30px;
  }

  .portfolio-item {
    min-height: 320px;
  }

  .logo img {
    max-width: 100%;
  }

  .swiper-slide.example_item {
    height: 125px;
  }
  .s-services {padding-bottom: 0;}
  .service-item__title {
    font-size: 16px;
  }
  .s-infoblock .seoblock__content {
    padding-bottom: 40px;
  }
  .services-button__wtap {
    margin: 40px 0 0px;
  } 
  .footer-phone {
    font-size: 24px;
    font-weight: 400;
  } 
  .inside-site-info {display: block;}  
  .dots-wrapper::before {
    width: 152px;
    height: 152px;
    left: -12px;
    top: -18px;}
  .s-portfolio {padding-top: 0;}  
  .s-portfolio ul {margin-bottom:0px;}
}

/* xs <= Small (sm) */
@media (max-width : 586px) {
  .top_address_wrap {display: none;}
  .home__slogan {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 10px;
  } 
  .home__desc {font-size: 18px;}  
  .upline-advantages__item {
  flex-direction: column;
  text-align: center;
  }
  .upline-advantages__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
  }
  .upline-advantages__text{margin: 0 auto;}
  .upline-designer__inner{grid-template-columns: repeat(1, 1fr); }
  .upline-designer__item:last-child:nth-child(2n+1) {grid-column-end: 1;}
  .grid.grid__cells>div {width:100%;}
  .services-item {margin: 0 0 20px;}
  .section-title__desc, .section-title__desc h2 {font-size: 28px;}


@media (max-width : 400px) {
.upline-advantages__inner {
    display: block;
}
.upline-advantages__item {
  margin-bottom: 20px;
}

}

/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {}

/* Small (sm) */
@media (min-width : 576px) {}

/* Medium (md) */
@media (min-width : 768px) {}

/* Large (lg) */
@media (min-width : 992px) {}

/* Extra large (xl) */
@media (min-width : 1200px) {}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {}