@media only screen and (max-width: 1600px){
    .add-text{
        margin-top: 90px;
    }
    .home_backg{
        max-width: 1000px;
    }
    .home_section{
        height: 784px;
    }
    .addr_cars span{
        font-size: 18px;
    }
    .typeof_photodaran{
        padding-right: 20px;
    }
    .p_numb a{
        font-size: 12px;
    }
    .p_numb{
        font-size: 14px;
    }
    .orange_btn{
        margin: 0;
    }
    .phone_header {
        gap: 14px;
    }
    .nav_bar {
        column-gap: 20px;
    }
    .about_us_mini {
        padding: 0 20px 0 100px;
        column-gap: 59px;
    }
    .price_list_block{
        padding: 0 20px 0 102px;
    }
    .car_world_mini{
        padding: 0 20px 0 110px;
    }
    .reviews_students_slide {
        width: 95%;
    }
    .addr_cars{
        row-gap: 24px;
        flex-direction: column;
    }
    .branches_mini{
        padding-right: 40px;
    }
}
@media only screen and (max-width: 1440px){
    .home_title_block{
        max-width: 610px;
        row-gap: 26px;
    }
    .reviews_students_slide {
        width: 94%;
    }
    .nav_bar .orange_btn{
        font-size: 12px;
    }
    .head_logo svg {
        width: 140px;
        height: 60px;
    }
    .photodaran_blck{
        gap: 20px;
    }
    .photo_mini{
        height: 282px;
    }
    .big_photo, .long_height_img{
        height: 580px;
    }
    .typeof_photodaran{
        gap: 20px;
    }
    .nav_bar_a {
        font-size: 14px;
    }
    .photo_mini img, .prod_video video {
        border-radius: 40px;
    }
    .home_title_block h1{
        font-size: 44px;
    }
    .big_btn {
        padding: 22px 24px;
    }
    .nav_bar {
        column-gap: 24px;
    }
    .home_section {
        height: 682px;
        column-gap: 40px;
    }
    .home_backg {
        max-width: 844px;
    }
    .about_texts{
        font-size: 16px;
        line-height: 27px;
        max-width: 713px;
        row-gap: 10px;
    }
    .gray_statistic{
        min-width: 582px;
    }
    .about_us_mini{
        column-gap: 78px;
    }
    .map_mini{
        width: 100%;
    }
    .map_mini iframe{
        width: 100%;
    }
    .map_section{
        max-width: 770px;
    }
    .price_list_black{
        padding: 40px 80px;
    }
    .loc_name{
        column-gap: 16px;
    }
    .price_list_white{
        padding: 56px 48px
    }
    .ill_loc{
        max-width: 70px;
    }
    .loc_name span{
        font-size: 36px;
    }
    .loc_name {
        column-gap: 6px;
    }
    .about_loc_price{
        row-gap: 14px;
    }
    .page_name{
        font-size: 24px;
    }
    .page_name_numb{
        column-gap: 28px;
    }
    .section_numb{
        padding: 14px 20px 14px 46px;
        font-size: 30px;
    }
    .branches_back{
        right: 0;
        max-width: none;
        background-size: cover;
    }
    .section_three{
        min-height: 810px;
    }
    .choose_adr_block label{
        font-size: 20px;
    }
    .reg_our_pockege_btn{
        padding: 10px 15px;
        font-size: 14px;
    }
    .kletka_cubes{
        height: 108px;
    }
    .price_of_pockege{
        font-size: 20px;
    }
    .pockege_name{
        font-size: 14px;
    }
    .hours_ {
        font-size: 20px;
    }
    .car_world_news{
        max-width: 422px;
    }
    .news_mini_title{
        font-size: 18px;
    }
    .date_news{
        font-size: 14px;
    }
    .mini_text_{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 4px;
    }
    .read_more{
        font-size: 14px;
    }
    .all_tests_block{
        column-gap: 18px;
    }

}
@media only screen and (max-width: 1280px){
    .nav_bar_a {
        font-size: 12px;
    }
    .pay_popup{
        row-gap: 10px;
    }
    .reviews_students_slide {
        width: 96%;
    }
    .orange_btn, .after_btn{
        font-size: 12px;
        padding: 10px 26px;
    }
    .nav_bar {
        column-gap: 20px;
    }
    .branches_mini{
        padding-left: 74px;
    }
    .header_section{
        padding: 20px 10px 20px 30px;
    }
    .head_logo svg{
        width: 100px;
    }
    header{
        height: 94px;
    }
    main{
        padding-top: 94px;
    }
    .home_title_block h1 {
        font-size: 40px;
    }
    .home_section {
        height: 610px;
    }
    .dashed_line{
        width: 54px;
    }
    .home_backg {
        max-width: 722px;
        background-position: 15% 100%;
    }
    .addr_cars {
        column-gap: 26px;
    }
    .addr_cars span {
        font-size: 14px;
    }
    .section_one {
        margin: 80px 0 120px 0;
    }
    .section_two{
        min-height: 898px;
    }
    .map_section {
        max-width: 620px;
    }
    .about_loc_price{
        max-width: 774px;
    }
    .opened_acc_block {
        max-width: 1000px;
    }

}
@media only screen and (max-width: 1024px){
    .add-text{
        display: none;
    }
    .for_mob_head{
        flex-direction: column;
        row-gap: 26px;
        align-items: flex-start;
        min-width: 275px;
        background-color: var(--white);
        position: absolute;
        right: 50px;
        top: 92px;
        border-radius: 10px;
        padding: 28px;
        display: none;
    }
    .photodaran_blck{
        padding: 0px 20px 0 82px;
        gap: 15px;
    }
    .for_mob_head_active{
        display: flex;
    }
    .photo_mini{
        width: calc(100% / 3 - 14px);
        height: 198px;
    }
    .see_more_ph{
        padding: 15px 30px;
        font-size: 12px;
    }
    .all_video_photo{
        font-size: 16px;
    }
    .header_section{
        position: relative;
        padding: 30px 50px 30px 50px;
    }
    .photo_mini img, .prod_video video {
        border-radius: 30px;
    }
    .play_video{
        width: 45px;
        height: 45px;
        border-radius: 5px;
    }
    .play_video svg{
        width: 12px;
    }
    .big_photo, .long_height_img {
        height: 407px;
    }
    .register_block, .pay_pop_block, .congr_block, .try_block {
        padding: 28px 32px;
    }
    .cool_svg{
        top: -59px;
        width: 210px;
        left: 33%;
    }
    .congratulations_payment_section .cool_svg{
        width: 182px;
    }
    .col_tw {
        margin-bottom: 8px;
    }
    .for_mob_burg{
        display: block;
    }
    .nav_bar {
        column-gap: 55px;
    }
    .register_popup{
        row-gap: 14px;
    }
    .total_price{
        padding: 22px;
    }
    header {
        height: 115px;
    }
    main {
        padding-top: 115px;
    }
    .nav_bar_a{
        width: 100%;
        font-size: 18px;
    }
    .orange_btn, .after_btn{
        padding: 15px 30px;
    }
    .home_section{
        align-items: end;
    }
    .home_title_block h1 {
        font-size: 36px;
    }
    .home_title_block{
        max-width: 508px;
        padding-bottom: 58px;
    }
    .addr_cars span {
        font-size: 16px;
    }
    .home_backg {
        max-width: 615px;
        width: 80%;
        height: 53%;
        left: 80px;
        top: 0;
        right: auto;
        bottom: auto;
    }
    .dashed_line {
        width: 62px;
    }
    .big_btn {
        padding: 20px 20px;
        font-size: 16px;
    }
    .home_section {
        height: 880px;
        padding-left: 112px;
    }
    .section_one {
        margin: 40px 0 78px 0;
    }
    .about_us_mini{
        flex-wrap: wrap;
        row-gap: 44px;
    }
    .section_one{
        row-gap: 12px;
    }
    .about_texts{
        row-gap: 32px;
    }
    .gray_statistic{
        max-width: 705px;
    }
    .statis_block{
        row-gap: 18px;
        width: 228px;
        max-width: none;
    }
    .title_stat{
        font-size: 18px;
    }
    .section_two{
        row-gap: 62px;
    }
    .three_lines {
        justify-content: center;
        column-gap: 10px;
    }
    .our_advantages_mini{
        padding: 0 20px 0 68px;
    }
    .adv_block{
        max-width: 300px;
    }
    .section_three{
        margin-top: 42px;
        min-height: 1226px;
    }
    .branches_mini{
        padding: 0 50px 0 102px;
        flex-flow: wrap;
        justify-content: start;
        row-gap: 62px;
    }
    .map_section {
        max-width: none;
    }
    .addres_branches{
        padding-left: 80px;
    }
    .choose_adr_block label {
        font-size: 23px;
    }
    .branches_back{
        bottom: 0;
        top: auto;
        height: 67%;
        background-size: cover;
    }
    .price_list_black{
        padding: 65px 82px;
        flex-direction: column;
        align-items: start;
        row-gap: 16px;
    }
    .ill_loc {
        max-width: 140px;
        min-width: 70px;
    }
    .loc_name {
        column-gap: 10px;
    }
    .loc_name span {
        font-size: 55px;
    }
    .pockege_title{
        font-size: 16px;
    }
    .about_loc_price {
        row-gap: 10px;
        max-width: none;
    }
    .about_pockege{
        row-gap: 8px;
    }
    .price_list_white{
        overflow: auto;
    }
    .price_list_white::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }
    .price_list_white::-webkit-scrollbar-thumb {
        background-color: var(--orange);
        opacity: 0.3;
        border-radius: 10px;
        background-clip: padding-box;
        transition: all 300ms ease-out;
    }
    .pockege_types{
        width: fit-content;
    }
    .kletka_cubes {
        height: 126px;
    }
    .price_of_pockege {
        font-size: 24px;
    }
    .pockege_name {
        font-size: 16px;
    }
    .reg_our_pockege_btn{
        padding: 20px 40px;
        font-size: 16px;
    }
    .reviews_students_slide {
        width: 94%;
    }
    .car_world_mini {
        padding: 0 20px 0 50px;
        flex-direction: column;
        row-gap: 34px;
    }
    .test_wrapp{
        padding: 0 50px;
    }
    .about_skilss{
        max-width: 606px;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 26px;
    }
    .general_test_section h1{
        font-size: 24px;
        margin-bottom: 0;
    }
    .general_test_section{
        row-gap: 20px;
    }
    .num_of_test{
        font-size: 62px;
    }
    .test_ {
        font-size: 20px;
    }
    .test_num{
        row-gap: 16px;
        max-width: 206px;
    }
    .all_tests_block{
        column-gap: 20px;
        row-gap: 20px;
    }
    .traffic_rules_block h1 {
        font-size: 24px;
        margin-top: 44px;
    }
    .traffic_rules_block{
        row-gap: 20px;
    }
    .opened_acc_block {
        max-width: 764px;
    }
    .exam_block{
        padding: 0 50px;
    }
    .exam_general_block{
        padding: 40px 48px 40px 48px;
    }
    .sw_slide_ask{
        row-gap: 22px;
    }
    .img_of_ask{
        max-width: none;
    }
    .img_and_question{
        row-gap: 30px;
    }
    .underline_{
        max-width: 620px;
    }
    .back_to_test{
        font-size: 24px;
    }
    .question_num, .time_out, .quest_title{
        font-size: 22px;
        text-align: start;
    }
    .time_for_quest {
        column-gap: 14px;
    }
    .img_and_question .choose_adr_block label{
        font-size: 20px;
    }
    .img_and_question {
        margin-bottom: 30px;
    }
    .exam_general_block .swiper-wrapper {
        padding-bottom: 90px;
    }
    .car_world_news {
        max-width: 324px;
    }
    .news_mini_title {
        font-size: 15px;
        margin-bottom: 0;
    }
    .date_news{
        font-size: 10px;
        margin: 0;
    }
    .mini_text_{
       font-size: 12px;
       line-height: 15px;
       height: 45px;
       margin: 0;
    }
    .read_more {
        font-size: 10px;
    }
    .news_img_prod img {
        border-radius: 32px;
    }
    .news_general_img img {
        border-radius: 26px;
    }
    .news_text {
        font-size: 15px;
        line-height: 20px;
    }
    .news_title_text h1{
        font-size: 28px;
    }
}
@media only screen and (max-width: 768px){
    .gray_statistic{
        max-width: none;
        width: 100%;
        min-width: 1px;
    }
    .p_numb{
        display: none;
    }
    .exam_general_block .swiper-button-prev, .swiper-rtl .swiper-button-next{
        left: 0;
    }
    .nav_bar {
        column-gap: 20px;
    }
    .end_tests, .exam_general_block .swiper-button-next, .swiper-rtl .swiper-button-prev{
        right: 0;
    }
    .title_filter{
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
    .photodaran_blck{
        flex-direction: column;
    }
    .typeof_photodaran{
        padding-right: 0;
        gap: 15px;
    }
    .photo_mini, .big_photo{
        width: 100% !important;
        height: auto;
    }
    .header_section{
        padding: 30px 20px 30px 20px;
    }
    .end_tests, .exam_general_block .swiper-button-next, .swiper-rtl .swiper-button-prev,
    .exam_general_block .swiper-button-prev, .swiper-rtl .swiper-button-next{
        width: 110px;
    }
    .exam_general_block {
        padding: 40px 20px 40px 21px;
    }
    .all_tests_block{
        justify-content: center;
    }
}
@media only screen and (max-width: 430px){
    .dashed_line{
        height: 200vh;
    }
    .car_world_prod{
        max-width: 310px;
    }
    .typeof_photodaran{
        gap: 12px;
    }
    .photodaran_blck{
        padding: 0px 20px 0 50px;
    }
    .all_video_photo {
        font-size: 14px;
    }
    .for_mob_burg svg{
        width: 26px;
    }
    .orange_btn, .after_btn {
        padding: 12px 20px;
    }
    .car_world_mini{
        padding: 0 20px 0 78px;
    }
    .register_block, .pay_pop_block, .congr_block, .try_block{
        max-width: 345px;
        border-radius: 36px;
    }
    .home_section {
        height: 590px;
        padding-left: 50px;
    }
    .check_branch input:checked~.checkbox_form .mini_check{
        width: 10px;
        height: 10px;
    }
    .popup_title {
        font-size: 18px;
    }
    .inputs_{
        padding: 8px 12px;
        font-size: 10px;
    }
    .home_backg{
        max-width: 262px;
        height: 40%;
    }
    .home_title_block h1 {
        font-size: 25px;
    }
    .dashed_line {
        width: 38px;
    }
    .addr_cars{
        flex-direction: column;
        row-gap: 10px;
    }
    .payment_type{
        flex-wrap: wrap;
        row-gap: 20px;
        justify-content: start;
        column-gap: 21px;
    }
    .cool_svg {
        top: -60px;
        width: 154px;
        left: 26%;
    }
    .congratulations_payment_section .cool_svg {
        width: 140px;
    }
    .svg_text{
        font-size: 12px;
    }
    .big_btn{
        padding: 16px 30px;
    }
    .total_pr{
        font-size: 16px;
    }
    .btns_col{
        flex-direction: column-reverse;
        row-gap: 10px;
    }
    .inp_lab label {
        font-size: 12px;
    }
    .choose_adr_block{
        column-gap: 10px;
    }
    .check_branch input, .checkbox_form, .check_branch{
        width: 25px;
        height: 25px;
    }
    .for_cvv_codes .inp_lab {
        max-width: none;
        width: 100%;
    }
    .for_cvv_codes{
        flex-direction: column;
        row-gap: 10px;
        align-items: flex-start;
    }
    .after_btn, .btns_col .orange_btn{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 10px 26px;
    }
    .about_us_mini{
        padding: 0 20px 0 50px;
    }
    .statis_num{
        font-size: 26px;
    }
    .title_stat {
        font-size: 8px;
    }
    .statis_block{
        width: 108px;
    }
    .gray_statistic{
        padding: 46px 34px;
    }
    .section_numb {
        padding: 7px 10px 7px 23px;
        font-size: 15px;
    }
    .page_name_numb {
        column-gap: 22px;
    }
    .section_one {
        row-gap: 24px;
    }
    .branches_mini{
        padding: 0 20px 0 50px;
    }
    .addres_branches {
        padding-left: 0;
    }
    .choose_adr_block label {
        font-size: 20px;
    }
    .map_block{
        padding: 22px;
        border-radius: 33px;
    }
    .map_title span{
        font-size: 16px;
    }
    .zoom_map svg{
        width: 18px;
        height: 18px;
    }
    .map_mini iframe {
        border-radius: 33px;
        height: 275px;
    }
    .price_list_block {
        padding: 0 20px 0 50px;
    }
    .price_list_black{
        padding: 16px 15px 30px 28px;
    }
    .loc_name span {
        font-size: 28px;
    }
    .ill_loc {
        max-width: 72px;
    }
    .loc_name {
        column-gap: 8px;
    }
    .pockege_title {
        font-size: 10px;
        line-height: 15px;
    }
    .your_ch_pock{
        font-size: 10px;
        line-height: 13px;
    }
    .mini_pock {
        font-size: 8px;
    }
    .price_list_white{
        padding: 26px 22px;
    }
    .kletka_cubes {
        width: 113px;
        height: 65px;
    }
    .kletka_cubes_two {
        height: 44px !important;
    }
    .pockege_name {
        font-size: 8px;
    }
    .price_of_pockege {
        font-size: 12px;
    }
    .theorietical_{
        font-size: 10px;
    }
    .hours_ {
        font-size: 12px;
    }
    .minutes_{
        font-size: 8px;
    }
    .reg_our_pockege_btn{
        padding: 10px 20px;
        font-size: 8px;
    }
    .section_three{
        min-height: 1050px;
    }
    .sectione_five{
        margin: 36px 0;
    }
    .about_texts{
        font-size: 12px;
        row-gap: 14px;
    }
    .title_caro{
        font-size: 16px;
        height: 22px;
    }
    .title_about_cars{
        column-gap: 10px;
    }
    .date_caro{
        font-size: 10px;
    }
    .tc_about {
        font-size: 14px;
        height: 70px;
    }
    .read_more{
        font-size: 10px;
    }
    .review_prod{
        width: 318px !important;
        padding: 25px 24px 28px 24px;
        row-gap: 16px;
    }
    .reviews_p{
        font-size: 10px;
        height: 92px;
    }
    .reviewer_name {
        font-size: 16px;
    }
    .review_stars svg{
        width: 14px;
        height: 14px;
    }
    .section_six  .swiper-button-next, .section_six  .swiper-button-prev{
        display: none !important;
    }
    .reviews_students_slide {
        width: 90%;
    }
    footer {
        padding:24px 20px;
    }
    .reserved_ {
        font-size: 12px;
    }
    .header_section {
        padding: 27px 15px 27px 15px;
    }
    .head_logo svg {
        width: 85px;
    }
    .for_mob_head {
        right: 15px;
    }
    .nav_bar {
        column-gap: 18px;
    }
    .good_news{
        font-size: 12px;
        max-width: 186px;
    }
    .congrats_{
        font-size: 23px;
    }
    .row_congr{
        row-gap: 13px;
    }
    .about_test{
        padding: 12px 14px;
        font-size: 7px;
    }
    .register_block, .pay_pop_block, .congr_block, .try_block {
        padding: 25px 25px 35px 25px;
    }
    .congr_popup{
        row-gap: 85px;
    }
    .test_num {
        row-gap: 14px;
        max-width: 164px;
        height: 133px;
    }
    .all_tests_block {
        column-gap: 15px;
        row-gap: 15px;
    }
    .test_wrapp {
        padding: 0 15px;
    }
    .num_of_test {
        font-size: 48px;
    }
    .test_ {
        font-size: 16px;
    }
    .about_skilss{
        font-size: 12px;
        line-height: 18px;
    }
    .acc_white{
        font-size: 14px;
        padding: 18px 42px;
    }
    .plus_minus_block{
        width: 32px;
        min-width: 32px;
        height: 32px;
        min-height: 32px;
    }
    .plus_minus_block svg{
        width: 13px;
        height: 13px;
    }
    .acc_text span{
        font-size: 16px;
        line-height: 28px;
    }
    .acc_white {
        font-size: 12px;
        line-height: 14px;
        padding: 16px 22px;
    }
    .acc_title{
        column-gap: 15px;
    }
    .acc_text span{
        font-size: 12px;
        line-height: 18px;
    }
    .acc_text p {
        font-size: 22px;
    }
    .acc_text, .title_acc_text{
        row-gap: 15px;
    }
    .exam_general_block {
        padding: 26px 16px;
    }
    .question_num, .time_out, .quest_title{
        font-size: 18px;
    }
    .img_and_question .choose_adr_block label {
        font-size: 12px;
    }
    .img_and_question .check_branch input, .img_and_question .checkbox_form,
    .img_and_question.check_branch {
        width: 20px;
        height: 20px;
    }
    .exam_general_block .swiper-wrapper {
        padding-bottom: 166px;
    }
    .exam_general_block .swiper-button-prev, .swiper-rtl .swiper-button-next{
        bottom: 96px;
    }
    .end_tests, .exam_general_block .swiper-button-next, .swiper-rtl .swiper-button-prev, .exam_general_block .swiper-button-prev, .swiper-rtl .swiper-button-next {
        width: 100%;
    }
    .img_of_ask img{
        border-radius: 10px;
    }
    .exam_block {
        padding: 0 15px;
    }
    .pagination_sp{
        font-size: 20px;
    }
    .pagination_sp{
        padding: 8px 14px;
    }
    .news_text{
        font-size: 14px;
        line-height: 24px;
    }
    .news_general_img img {
        border-radius: 18px;
    }
}
@media only screen and (max-width: 320px){
    .statis_block {
        width: 85px;
        min-height: 85px;
        justify-content: start;
    }
    .car_world_prod {
        max-width: 286px;
    }

    .big_btn, .phone_of_addr{
        font-size: 12px;
    }
    .page_name {
        font-size: 20px;
    }
    .register_block, .pay_pop_block, .congr_block, .try_block {
        max-width: 315px;
    }
    .test_num{
        max-width: 136px;
    }
    .question_num, .time_out, .quest_title {
        font-size: 12px;
    }
}