@media (max-width: 1299px) {

    .main_title {
        font-size: 50px;
    }

}

@media (max-width: 1199px) {

    .main_title {
        width: 510px;
        font-size: 38px;
    }
    
    .main_price {
        font-size: 24px;
    }
    
    .list_type_1 .item .text {
        font-size: 17px;
    }
    
    .left_block .title {
        width: 320px;
        font-size: 32px;
        margin-right: 20px;
    }
    
    .left_block .quiz_block {
        width: calc(100% - 340px);
    }

}

@media (max-width: 991px) {

    .wrapper {
        padding: 90px 0 30px;
    }
    
    .wrapper header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 10;
        background: #FFF;
        padding: 12px 0;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
        min-width: 320px;
    }
    
    .header-block {
        width: 100%;
        align-items: center;
        flex-flow: row;
        justify-content: center;
    }

    .header-block .phone a {
        display: block;
        width: 42px;
        height: 42px;
        padding: 9px;
    }
    
    .header-block .phone {
        display: block;
        background: #e9e9e9;
        border-radius: 100px;
        margin-left: 20px;
    }
    
    header .logo {
        background: transparent;
        margin: 0;
        padding: 0;
    }
    
    header .adress {
        color: #343434;
        margin-left: auto;
        margin-right: 0;
        text-align: right;
    }
    
    header .adress .title {
        font-weight: normal;
        font-size: 15px;
        border-color: #cacaca;
        display: none;
    }
    
    header .adress ul li a {
        color: #343434;
        border-color: #343434;
        font-size: 13px;
    }
    
    .wrapper:after {
        background: rgb(93 189 203 / 35%);
    }
    
    .form-group input {
        padding: 26px 30px;
    }
    
    .form-control button {
        font-size: 18px;
        padding: 18.5px 30px;
    }
    
    .section {
        padding: 40px 0;
    }
    
    .section_title {
        font-size: 28px;
    }
    
    .list_type_1 .item {
        margin-right: 10px;
        width: calc(100%/4 - 10px*3/4);
    }
    
    .list_type_1 .item .text {
        font-size: 14px;
    }
    
    .left_block .title {
        width: 100%;
        margin: 0 0 20px;
        text-align: center;
    }
    
    .quiz_section {
        padding: 40px 0;
    }
    
    .left_block .quiz_block {
        width: 100%;
    }
    
    footer .footer-links ul {
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    
    footer .footer-links ul li.ml {
        margin: 10px auto 0;
    }
    
    .quiz_title.big {
        font-size: 28px;
    }

}

@media (max-width: 767px) {

    .form-group input {
        padding: 26px 24px;
        border-radius: 100px 0 0 100px;
    }
    
    .form-control button b {
        width: 220px;
    }
    
    header .logo span {
        display: none;
    }
    
    .section_title {
        font-size: 24px;
    }
    
    .list_type_1 .item {
        width: calc(100%/2 - 10px/2);
        margin-right: 10px;
        margin-bottom: 16px;
    }
    
    .list_type_1 .item:nth-child(2n) {
        margin-right: 0;
    }
    
    .left_block .title {
        font-size: 26px;
    }
    
    .quiz_block .controls {
        margin: 30px 0 0;
    }
    
    .quiz_block {
        padding: 28px;
    }

}

@media (max-width: 575px) {

    .main_title {
        width: 100%;
        font-size: 32px;
        text-align: center;
    }
    
    .main_price {
        width: 100%;
        padding: 12px;
        border-radius: 10px;
        font-size: 20px;
        text-align: center;
        line-height: 120%;
    }
    
    .main_price:after {
        display: none;
    }
    
    .main_date {
        text-align: center;
    }
    
    .form_type_1 .form-group {
        width: 100%;
        margin: 0 0 10px;
    }
    
    .form-group input {
        width: 100%;
        border-radius: 60px;
    }
    
    .form_type_1 .form-control {
        margin: 0;
        width: 100%;
    }
    
    .form-control button {
        width: 100%;
    }
    
    .main_phone {
        text-align: center;
        align-items: center;
    }
    
    .answers .answer {
        width: 100%;
        margin: 0 0 10px;
    }
    
    .quiz_title.big {
        font-size: 22px;
    }
    
    footer {
        padding-top: 0;
    }
    
    .section {
        padding: 24px 0;
    }

}

@media (max-width: 524px) {

}

@media (max-width: 474px) {

    header .adress {
        display: none;
    }
    
    header .logo {
        margin-right: auto;
    }
    
    .main_title {
        font-size: 25px;
    }
    
    .main_price {
        font-size: 16px;
    }
    
    .main_price s {
        font-size: 14px;
    }
    
    .advantages .item {
        margin-right: 16px;
        text-align: center;
        flex-flow: column;
    }
    
    .advantages .item .text b {
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
    }
    
    .advantages .item .icon {
        margin: 0 0 12px;
    }
    
    .advantages {
        justify-content: center;
        margin: 0 0 27px;
    }
    
    .form-group input {
        text-align: center;
        padding: 20px;
    }
    
    .form-control button {
        padding: 14px 20px;
    }
    
    .main_phone a {
        font-size: 24px;
    }
    
    .main_phone span {
        font-size: 20px;
    }
    
    .left_block .title {
        font-size: 22px;
    }
    
    .quiz_title {
        font-size: 20px;
    }
    
    .quiz_block .controls {
        flex-flow: column;
        align-items: center;
        margin: 10px 0 0;
    }
    
    .quiz_block .next {
        margin: 0 0 10px;
    }
    
    footer .footer-links ul li {
        font-size: 12px;
    }

    .quiz_section .container {
        padding: 0;
    }
    
    .quiz_block {
        border-radius: 0;
        padding: 22px 15px;
        box-shadow: none;
    }

    .left_block .title {
        padding: 0 15px;
    }

}

@media (max-width: 424px) {

}

@media (max-width: 374px) {

    body {
        min-width: 320px;
    }

    .main_price img {
        display: none;
    }
    
    .form-control button {
        font-size: 17px;
    }
    
    .main_title {
        font-size: 22px;
        margin: 0 0 10px;
    }
    
    .main_date {
        margin: 0 0 20px;
    }
    
    .main_phone span {
        font-size: 18px;
    }
    
    .section_title {
        font-size: 21px;
    }
    
    .section_title br {
        display: none;
    }
    
    .list_type_1 .item .text {
        font-size: 13px;
        margin: 10px 0 0;
    }

    .modal-title {
        font-size: 24px;
    }
    
    .modal-text {
        font-size: 18px;
    }

}