/* Media queries */

@media (width < 1200px) {
    .container {
        --paddings: 30px;
    }
    .cards-block__list {
        /* display: flex;
        flex-wrap: wrap;
        justify-content: center; */
        left: 15px;
        right: 15px;
        /* bottom: -220px; */
    }
    .cards-block__item {
        flex-basis: 344px;
    }
    .projects,
    .projects2--design {
        padding-top: 198px;
    }
    .card-1__img {
        width: 100%;
    }
}
@media (width < 1025px) {
    .header__menu {
        background: transparent;
    }
    .menu.open {
        transform: none;
    }
    .menu.open a {
        color: var(--black-light);
    }
    .menu .menu__close {
        display: flex;
        justify-content: flex-end;
    }
    .menu .menu__close-btn {
        height: 35px;
        width: 35px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #fff;
        background-color: transparent;
        color: #fff;
        cursor: pointer;
    }
    .menu > ul >li {
        display: block;
    }
    .menu > ul >li:not(:last-child) {
        margin-right: 0;
    }
    .menu > ul > li > a {
        padding: 12px 0;
    }
    .menu > ul > .dropdown > a {
        padding-right: 34px;
    }
    .menu.open .dropdown-arrow {
        height: 34px;
        width: 34px;
        top: 7px;
        pointer-events: auto;
        cursor: pointer;
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='7' height='4' viewBox='0 0 7 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.146447 0.146447C0.341709 -0.0488156 0.658291 -0.0488156 0.853553 0.146447L3.5 2.79289L6.14645 0.146447C6.34171 -0.0488156 6.65829 -0.0488156 6.85355 0.146447C7.04882 0.341709 7.04882 0.658291 6.85355 0.853554L3.94194 3.76517C3.69787 4.00924 3.30214 4.00924 3.05806 3.76517L0.146447 0.853554C-0.0488155 0.658291 -0.0488155 0.341709 0.146447 0.146447Z' fill='%233A3330' /%3e%3c/svg%3e") center no-repeat;
    }
    .menu.open .dropdown > a {
        font-family: var(--g700), sans-serif;
        opacity: 1;
    }
    .menu .dropdown-arrow.active {
        transform: rotate(180deg) !important;
    }
    .menu .sub-menu {
        position: static;
        opacity: 1;
        transform: none;
        visibility: visible;
        padding: 0;
        transition: none;
        width: 100%;
        display: none;
    }
    .dropdown-arrow.active ~ .sub-menu {
        display: block !important;
    }
    .menu .sub-menu li:last-child {
        border: none;
    }
    .menu .sub-menu a {
        padding: 12px 0 12px 15px;
    }
    .menu .sub-menu .sub-menu a {
        padding-left: 30px;
    }
    .menu .sub-menu .sub-menu .sub-menu  a {
        padding-left: 45px;
    }
    .menu .sub-menu .dropdown-arrow {
        transform: none;
        right: 0;
    }
    .menu__open {
        display: inline-flex;
    }
    .menu__list {
        display: block;
    }
    .header__menu {
        backdrop-filter: none;
    }
    .top-page__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }
    .header__address {
        display: none;
    }
    .header__info {
        justify-content: space-between;
    }
    .header__messengers,
    .header__menu {
        margin: 0;
    }
    .header__menu {
        display: flex;
    }
    .menu {
        position: absolute;
        top: -1000%;
        background-color: var(--pearl);
        transition: all 0.3s ease 0s;
        left: -15px;
        right: -15px;
    }
    .menu.open {
        top: 100%;
        padding: 30px;
        z-index: 999;
    }
    .menu .menu__close {
        position: absolute;
        right: 30px;
        top: 30px;
    }
    .menu__block-mobile {
        display: flex;
        gap: 40px;
        margin-bottom: 30px;
    }
    .menu__block-mobile .header__address {
        display: flex;
        gap: 8px;
        margin: 0;
        align-items: stretch;
    }
    .address__city,
    .address__place {
        color: var(--black-light);
    }
    .address__clock {
        color: var(--grey);
    }
    .menu.open .menu__block-mobile .header__btn-mobile {
        background: linear-gradient(270deg, #e59e39 0%, #ffb750 50%, #e59e39 100%);
        color: #FFFFFF;
        height: auto;
        display: flex;
    }
    .menu.open .sub-menu a {
        padding-left: 0;
    }
    .footer-top {
        flex-wrap: wrap;
        row-gap: 45px;
        justify-content: flex-start;
    }
    .footer-col_block .address__city,
    .footer-col_block .address__place {
        color: var(--white);
    }
    .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }
    .footer_col-3 {
        padding-right: 67px;
    }
    /* .cards-block__list {
        bottom: -240px;
    } */
    
    
    .form-1__list {
        max-width: 100%;
    }
    .form-1__img {
        translate: 0;
        left: 0;
        position: relative;
    }
    .form-1__text {
        grid-column: span 2;
    }
    .form-1 {
        padding-bottom: 0;
    }
    .form-1__wrap-2 {
        max-width: 100%;
        margin-left: auto;
    }
    .form-1__btn {
        width: 100%;
        max-width: 100%;
    }
    .reviews__grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .price__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .form-calc-calc {
        grid-template-columns: 1fr 355px;
    }
    .calc-form {
        padding: 30px;
    }
    .action__video {
        right: -130px;
    }
    .stages__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .contacts__grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .form-3__right {
        padding: 50px;
    }
    
}

@media (width < 991px) {
    .header__btn {
        display: none;
    }
    .float-right-991 {
        float: none;
        width: 100%;
    }
    .price__grid {
        grid-template-columns: repeat(2,1fr);
    }
    .form-calc-calc {
        grid-template-columns: 1fr;
    }
    .cards-block__list {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        bottom: -200px;
    }
    .cards-block__item {
        flex-basis: 48%;
    }
    
    .quiz__grid,
    .faq__grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .banner-1__bottom {
        max-width: 297px;
        margin: 0 auto;
    }
    .banner-1 {
        background: url(../img/main/banner-1-bg-media.webp) center / cover no-repeat;
    }
    .quiz-step_label img {
        width: 100%;
    }
    .calc-form_btn {
        width: 100%;
        max-width: 100%;
    }
    .form-2__text,
    .form-2__form {
        max-width: 334px;
    }
    .form-2__text {
        margin: 0 auto 40px;
    }
    .form-2__form {
        margin: 0 auto;
    }
    .padding-section {
        padding: 90px 0;
    }
    .action {
        padding: 90px 0 0; 
    }
    .action__link {
        display: block;
    }
    .stages__item {
        padding: 30px;
    }
    .team__grid {
        grid-template-areas:
        'image text'
        'numbers numbers';
    }
    .form-1 {
        padding-bottom: 0;
    }
    .swiper-btn-container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 25px;
        gap: 15px;
        margin-bottom: 10px;
        
    }
    .swiper-btn-container .swiper-button-next--custom,
    .swiper-btn-container .swiper-button-prev--custom {
        position: relative;
        left: 0 !important;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: 0;
        background-color: #FFFFFF26;
    }
    .padding-section.after-before {
        padding-bottom: 0;
    }
    .action__video {
        bottom: 0;
    }
    .team-gallery__gallery,
    .after-before__elements {
        padding-inline: 0;
    }
    .team__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 30px;
    }
    .top-page__grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .projects,
    .quiz--service,
    .projects2--design {
        padding-top: 270px;
    }
    .projects--service {
        padding-top: 90px;
    }
}
@media (width < 851px) {
    /*.price2__btn-text {
        display: block !important;
    }*/
    .action__video {
        position: relative;
        right: 0;
        width: 418px;
        margin: 0 auto;
    }
    .action__text {
        max-width: 100%;
    }
    .pt-0 {
        padding-top: 0;
    }
    .projects,
    .projects2--design {
        padding-top: 298px;
    }
    .quiz_agree {
        margin-bottom: 20px;
    }
}
@media (width < 770px) {
    .header__btn {
        display: none;
    }
    .form-1__img {
        width: 100%;
        height: 436px;
    }
    .form-1__img img {
        height: 436px;
        width: 344px;
        object-fit: cover;
    }
    .price__img {
        max-height: 232px;
    }
    .calc-inputs {
        grid-template-columns: repeat(auto-fill, minmax(203px, 1fr));
    }
    .calc-form {
        padding: 100px 0 131px; 
    }
    .calc-form_text,
    .calc-form_forms {
        max-width: 334px;
    }
    .action__title {
        max-width: 100%;
    }
    .form-2 {
        padding: 86px 0;
    }
    .footer-bottom_links {
        gap: 42px;
    }
    .projects,
    .quiz--service,
    .projects2--design {
        padding-top: 260px;
    }
    .projects--service {
        padding-top: 90px;
    }
    .form-3__wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (width < 745px) {
    .cards-block__item {
        flex-basis: 100%;
    }
    .cards-block__list {
        bottom: -365px;
    }
    .projects,
    .quiz--service,
    .projects2--design {
        padding-top: 450px;
    }
}
@media (width < 560px) {
    .why__item {
        width: 100%;
    }
    .why__item:nth-child(even),
    .why__item:nth-child(odd) {
        padding-left: 30px;
        padding-right: 0;
    }
    .why__item:nth-child(odd) {
        text-align: left;
    }
    .why__item:nth-child(odd) .why__item-img {
        margin-left: 0;
    }
    .why__wrap::before {
        left: 0;
    }
    .why__item:nth-child(odd)::after {
        right: auto;
        left: -7px;
    }
    .container {
        --paddings: 15px;
    }
    .messengers span {
        display: none;
    }
    .btn-2 {
        max-width: 100%;
    }
    .logo {
        flex-direction: column;
        gap: 15px;
    }
    .menu__block-mobile {
        flex-direction: column;
    }
    .menu.open .menu__block-mobile .header__btn-mobile {
        padding: 0;
        max-width: 211px;
        height: 58px;
    }
    .menu__list .sub-menu {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .footer-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-bottom {
        gap: 30px;
    }
    .footer-bottom_links {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    .footer_col-1,
    .footer_col-2,
    .footer_col-3,
    .footer_col-4 {
        padding: 0;
    }
    .calc-form {
        padding: 63px 15px 168px;
    }
    .calc-form_btn {
        max-width: 100%;
    }
    h1 {
        font-size: 40px;
    }
    .projects__swiper-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .params-list {
        gap: 10px 32px;
    }
    .padding-section {
        padding: 80px 0;
    }
    .projects,
    .projects2--design,
    .quiz--service {
        padding-top: 450px;
    }
    .projects--service {
        padding-top: 80px;
    }
    .banner-1__bottom {
        max-width: 100%;
    }
    .quiz-step_labels {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 15px;
    }
    .quiz-step_labels {
        margin-bottom: 40px;
    }
    .quiz-step_inputs {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .h2-title {
        font-size: 32px;
    }
    .pt-0 {
        padding-top: 0;
    }
    .form-1__text-title {
        font-size: 30px;
    }
    .form-1__wrap {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .form-1__bullet {
        max-width: 100%;
        bottom: -20px;
        left: 0;
        translate: 0;
    }
    .form-1__form {
        margin-top: 20px;
    }
    .form-1__img {
        justify-content: center;
    }
    .padding-section.after-before {
        padding-bottom: 80px;
    }
    .reviews__right,
    .reviews__video-grid, .reviews__text-grid{
        grid-template-columns: repeat(1, 1fr);
            grid-template-rows: auto;
    }
    .video-review__link {
        height: 246px;
        display: block;
    }
    .calc-inputs {
        display: flex;
        flex-wrap: wrap;
    }
    .calc__radio {
        flex: 0 0 50%;
    }
    .action__title {
        font-size: 30px;
    }
    .action {
        padding: 80px 0 0;
    } 
    .stages__grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .team__grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas:
        'image'
        'text'
        'numbers';
    }
    .team__indicators {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 15px;
    }
    .indicators__item {
        max-width: 100%;
    }
    .card-1 {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (width < 490px) {
    .price__grid {
        grid-template-columns: 1fr;
    }
}