/* Стили, применяемые только для экранов с шириной меньше 600px */
@media (max-width: 1520px) {
 
    .carousel-container {
        grid-template-columns: 1fr 1fr 1fr;
        
      }

    .arrow {
        display: none;
      }

      .info-block-text.kion {
        width: 65%;
    }

    /* .white-web-wrapper img {
        border-radius: 60px;
        width: 95%;
        height: 93%;
    } */
}


/* @media (max-width: 1300px) {
    .white-web-img-wrapper {
        width: 70%;
    }
} */

/* Стили, применяемые только для экранов с шириной меньше 600px */
@media (max-width: 1180px) {


    .benefit-premium-item.default-block {
        width: 100%;
    }
    .video-banner.kion {

        padding: 100px 50px;
    }

    .info-block-text.kion {
        width: 80%;
    }

    .video-banner {
        height: auto;
        padding: 60px;
    }
    
    .app-title {
        font-size: 34px;
    }

    .app {
        padding: 40px;
    }    

    .step-item-title{

        font-size: 18px;
    }

    .info-block-title{
        font-size: 35px;
    }

    .info-block-sub-title{
        font-size: 20px;
    }

    .info-block-text{
        width: 54%;
    }
    
    .active {
        overflow-y: auto;
      }

    .head .head--nav
    {
        display: none; /* Скрыть первый и третий блок */
    }

    .mobil-menu {
        display: block;
        margin: auto;
    }

    .form-line {
        flex-direction: column; /* Изменяем направление flex на колонку */
        gap: 15px; /* Уменьшаем промежуток между элементами */
        align-items: stretch; /* Изменяем выравнивание */
    }

    .grid-4, .grid-3 {
        grid-template-columns: repeat(3,1fr);
    }
    
    .grid-2{
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .carousel-container {
        grid-template-columns: 1fr 1fr;
        
      }

}

@media (max-width: 920px){

    .head {
        grid-template-columns: 1fr auto;
        justify-items: center;
    }
    .head--nav {
        display: none;
    }

}

/* Стили, применяемые только для экранов с шириной меньше 980px */
@media (max-width: 980px) {
    

    .possible-wrapper {
        flex-wrap: wrap;
        gap: 60px;
    }

    .possible-item{
        width: 100%;
    }
    
       .white-web-text {
        width: 100%;
    } 

     .white-web-wrapper{
        flex-wrap: wrap;
    }

    .white-web-img-wrapper{
        display: none;
    } 
    
    .app.kion {
        background: none;
    }

    .benefit-item-inside.benefit-item-inside-img{
        display: none;
    }

    .default-block.benefit-item.last {
        flex-wrap: wrap;
        gap: 30px;
    }

    .default-block.benefit-item{
        width: 100%;
    }

    .default-block.kion-card.galka {
        width: 100%;
    }

    .benefit-item-inside {
        width: 100%;
    }

    .kion-benefit-item.first {
        background: none;
    }

    .video-banner.family{
        background: none;
        padding: 0;
        height: auto;
    }
     

    .info-block-text.family {
        width: 75%;
        margin: 0 auto;
    }

    .premium-baner-logo {
        margin-bottom: 46px;
    }

    .premium-baner-img-wrapper{
        display: none;
    }

    .premium-baner-info {
        width: 100%;
    }

    .staxovka-partner.default-block img{
        display: none;
    }

    .tariff-benefit.default-block.second {
        width: 100%;
    }

    .tariff-benefit-wrapper{
        padding: 10px;
    }

    .info-block-text.kion {
        width: 100%;
    }

    .info-block-title.kion {
        font-size: 28px;
    }

    .step-item-title {
        font-size: 20px;
    }

    .step-item-sub-title {
        font-size: 18px;
    }

    .app-title {
        max-width: 100%;
    }

    .app{
        background: none;
    }

    .step-wrapper.flex{
        flex-wrap: wrap;
    }

    .step-item {
        width: 46%;
    }

    .step-item img {
        max-width: 220px;
    }

    .info-block-text {
        width: 80%;
    }

     .grid-40-60, .block_baner {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .grid-tar {
        grid-template-columns: 1fr 1fr;
        justify-items: center;
    }

    .cont {
        column-count: 3;
      }

}

@media (max-width: 872px){
    .default-block.kion-benefit-item.second {
        width: 100%;
    }

    .two-blocks{
        flex-wrap: wrap;
        gap: 30px;
    }
    .default-block.two-blocks-item {
        width: 100%;
    }
}

/* Стили, применяемые только для экранов с шириной меньше 600px */
@media (max-width: 700px) {

    .benefit-item.biznes{
        width: 100%;
    }

.baner {
  display: none;
}


    .benefit-premium-item-text-wrapper {
        gap: 12px;
    }   

    .premium-bener-info-title{
        width: 360px;
    }

    .premium-new {
        right: 0;
    }

    .straxovka-row{
        background: none;
        padding: 0;
        margin-bottom: 60px;

    }

    .straxovka-row-2{
        /* background: none;
        padding-bottom: 426px; */

        background: none;
        padding-bottom: 0;
        margin-top: 258px;

    }

    .straxovka-wrapper{

        padding: 20px;
        border-radius: 20px;
        background-color: #fff;
        box-shadow: 0px 8px 15px -2px rgba(173, 116, 130, 0.22);
    }

    .straxovka {
        margin-bottom: 262px;
    }

    .straxovka-wrapper {
        width: 100%;
    }

    .straxovka-spacer{
        display: none;
    }

    .video-banner.kion {
        background: none;
        padding: 20px 0;
    }

    .info-block-title.kion {
        font-size: 24px;
    }

    .title {
        font-size: 30px;
    }

    .video-banner {
        height: auto;
        background: none;
        margin: 0 auto;
        margin-bottom: 60px;
        padding: 30px 0 0 30px;
    }

    .info-block-text {
        width: 94%;
    }

    .carousel-container {
        grid-template-columns: 1fr;
      }

    .top_panel, .grid-40-60, .grid-20-80,
     .two-blocks {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    
        
    .footer {
        grid-template-columns: 1fr;
    }

    .head {
        grid-template-columns: auto 1fr auto;
        justify-items: center;

    }

    .cont {
        column-count: 2;
      }

    .head--phone {
        
        display: block;
    }
    
.content-fist {
  margin-top: 10px;
}

.content h1 {
  margin-bottom: 15px;
  font-size: 23px;
}

.content h3 {
  font-size: 20px;
}

.tariff_block {

  margin: 10px auto;

}

  .head--phone--text {
    font-size: 15px;
  }

    .top_panel--support {
        font-size: 12px;
        text-align: center;
    }

    .head--phone--nomber {
        font-size: 17px;
        text-align: center;
    }

    .head--logo img {
        max-width: 100px;
    }

    .top_panel .top_panel--menu,
    .top_panel .top_panel--loka,
    .head--nav,
    .head .head--button, 
    .tech-vozm--bg {
        display: none; /* Скрыть первый и третий блок */
    }


    .grid-4, .grid-3 {
        grid-template-columns: repeat(2,1fr);
    }


    .gard-block {
        border-radius: 10px;
        padding: 25px 15px;
    }

    .form-row {
        margin: auto;
    }


    .wite-shadow h2 {
        text-align: center;
    }

}


@media (max-width: 580px) {

    .straxovka-docs-wrapper {
        flex-wrap: wrap;
        gap: 20px;
    }

    .staxovka-docs-item{
        width: 100%;
        justify-content: space-between;
    }

    .cont {
        column-count: 1;
      }

    .grid-4, .grid-3 {
        grid-template-columns: 1fr;
        gap: min(10vw, 50px);
    }

    .profit {
        flex-direction: column;
        max-width: 380px;
    }

    .profit img {
        border-radius: 20px 20px 0 0;
    }


    .tariff_block {
        max-width: 400px;
        min-width: 10px;
    }

    /* .info-block-cost {
        width: 100%;
    } */
    .info-block-cost{
        width: 100%;
    }

      .grid-tar {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    /* fix */
    /* .tariff-banner.tv-mob {
        background-image: none;
        height: auto;
        padding: 0;
    } */

    .tariff-banner, .tariff-banner.tv-mob , .tariff-banner.tv {
        height: auto;
        padding: 20px 0;
    }


    /* test */
    .info-block-cost {
        width: 100%;
    }

    .info-block-title {
        font-size: 20px;
        text-align: center;
    }

    .info-block-cost {
        font-size: 18px;
        text-align: center;
    }

    .info-block-desc{
        text-align: center;
    }

    .info-block-text {
        width: 100%;
    }

    .info-block-text {
        padding: 20px;
    }

    .tariff_button.app-button {
        width: 100%;
    }

    .benefit-premium-item-text-wrapper {
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
    }

    .benefit-premium-item-cost{
        display: none;
    }

    .premium-new{
        display: none;
    }
    .premium-bener-info-title {
        width: 100%;
    }

    .premium-bener-info-title {
        font-size: 30px;
    }
    .premium-bener-info-desc, .premium-bener-info-cost  {
        font-size: 22px;
    }

    .info-block-text.family {
        width: 100%;
        margin: 0 auto;
    }
}