/* Adaptive css */

@media (max-width: 900px){
    .intro__section .section__header-title {
        font-size: 30px;
        width: 100%;
    }
    
    .wrapper {
        padding-top: 145px;
    }
    
    section {
        margin-bottom: 20px;
    }
    
    .intro__section .section__header-description {
        width: 100%;
        margin-top: 0px;
        font-size: 14px;
    }
    
    .intro__section .container {
        justify-content: center;
    }
    .intro__section {
        min-height: 450px;
        height: 450px;
        margin-bottom: 20px;
    }
    .intro__footer {
        bottom: -20px;
        display:none;
    }
    .intro__footer-items {
        width: 100%;
        flex-flow: row wrap;
    }
    .intro__footer-item {
        width: 45%;
    }
    
    .header__content-right {
        display: none;
    }
    .indicators__section .container {
        padding: 15px;
    }
    .indicators__block {
        width: 100%;
    }
    
    .container {
        padding: 10px;
    }
    .count__section-description {
        flex-flow: row;
        width: 100%;
    }
    
    .review__button {
        display: none;
    }
    
    .count__section .container {
        flex-flow: column;
    }
    
    .count__item-number {
        font-size: 25px;
    }
    
    .count__item {
        align-items: center;
        padding: 10px;
    }
    
    .count__item-text {
        text-align: center;
    }
    
    .whyarewe__item {
        min-height: 200px;
    
    }
    .about__section .container {
        display: flex;
        flex-flow: column;
    }
    
    .about__description-title {
        font-size: 18px;
        margin-top: 20px;
    }
    
    .about__description-subtitle {
        flex-flow: column;
    }
    .videocompany__section {
        min-height: 300px;
    }
    
    .certificates__section .container, .thanks__section .container {
        display: flex;
        position: relative;
        flex-flow: column;
    }
    
    .certificates__list, .thanks__list {
        padding-left: 0px;
        padding-top: 50px;
    }
    
    .main__content h2 {
        font-size: 35px;
    }
    .advantages__grid {
        display: grid; 
      grid-template-columns: 1fr 1fr; 
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; 
      gap: 0px 0px; 
      grid-template-areas: 
        ". ."
        ". ."
        ". ."
        ". ."
        ". ."
        ". ."; 
    }
    .advantages__item {
        padding: 0px;
    }
    .review__item {
        width: 100%;

    }
    
    .project__item {
        flex-flow: column;
        padding: 0px;
    }
    
    .project__item-branding {
        width: 100%;
        min-height: 0;
    }
    
    .video__grid {
        display: flex;
        flex-flow: column;
        padding: 0;
    }
    .video__grid-item {
        min-height: 350px;

    }
    
    .faq__section .container {
        display: flex;
        justify-content: space-between;
        flex-flow: column;
    }
    .faq__section-faq {
        width: 100%;
    }
    
    .indicators__block .section__header-title {
        color: white;
        font-size: 30px;
    }
    
    .indicators__list {
        padding: 10px;
    }
    
    .indicator__item-image {
        height: 60px;
        width: 60px;
    
    }
    
    .indicator__item-title, .indicator__item-subtitle {
        word-break: break-word;

    }
    
    .choise_other_city_list {
        width: 300px;
    }
    .header__container-top .container {
        min-height: 45px;
        height: auto;
    }

    .feedback-form {
        width: 320px;
    }

    .contacts-container {
        flex-direction: column;
        gap: 20px;
    }
    .views__item {
        flex-flow: column nowrap;
    }

    .nav__slider {
        display: none;
    }

    .form__section .form {
        padding: 10px;
        max-height: fit-content;
    }

    .form__section .form__content-left {
        width: 100%;
    }
    .form__content-right {
        display: none;
    }

    .footer__content {
        flex-flow: row wrap;
    }

    .footer__content-left {
        width: 100%;
    }

    .footer__content-right {
        gap: 20px;
    }

    .footer__description-link {
        font-size: 25px;
    }
    
    .header__container-phone {
        flex-flow: column nowrap;
        gap: 0;
    }
    
    .header__container-city, .header__container-phone {
        gap: 5px;
        align-items: flex-start;
        flex-flow: column;
    }
    
}