/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1376px) {}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .mobile_hidden {
        display: none !important;
    }

    .desk_hidden {
        display: block !important;
    }
    .descr_tr_list>li {
   width: 50%;
}

}

/*=================================================================================================*/
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 18px;
    }
  header  .blue_button {
    padding: 0px 10px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
}
.logo {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    top: 12px;
    margin-right: auto;
}
.top_panel .row .col-auto {
    position: static;
}
header {
    height: 90px;
}
header.smaller .logo {
   width: 70px;
    height: 70px;
}

.hero-video {
  min-height: 500px; 
  height: 100vh;
  padding-bottom: 50px;
}
.hero-video__title {
  font-size: 45px; /* Адаптивный размер шрифта */
}

.hero-video__subtitle {
  font-size: 20px;
  line-height: 1.3;
}
.hero-video__content {
   padding-left: 5px;
   padding-right: 5px;
}
.block_header .font_40 {
    font-size: 30px;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 670px) {}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px) {
    .descr_tr_list {
    
    margin-left: auto;
    margin-right: auto;
}

.descr_tr_list>li {
   width: 100%;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 400px) {}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}

/* Custom, iPhone Retina */
@media only screen and (max-width : 310px) {}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .mobile_hidden {
        display: block !important;
    }

    .desk_hidden {
        display: none !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {}


/*=================================================*/
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1376px) {
    .container {
        max-width: 1400px;
    }
}

/*=============================*/
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1700px) {}