/* ----- Адаптивная верстка ----- */

@media (max-width: 1750px){

}

@media (max-width: 1600px){
	.our_services_block{
		align-items: center;
		gap: 50px;
	}
	.our_services_text{
		width: 50%;
	}
	.our_services_block img{
		width: 50%;
	}
}

@media (max-width: 1536px){
	.traid_in img{
		width: 50%;
	}
	.filter_flex{
		flex-wrap: wrap;
	}
}

@media (max-width: 1440px){
	.about_company_logo{
		display: none;
	}
}

@media (max-width: 1360px){

}

@media (max-width: 1280px){
	.header_menu_navigation{
		gap: 30px;
	}
	.our_services_block{
		flex-direction: column;
		gap: 0px;
		width: 75%;
        align-items: flex-start;
	}
	.our_services_block img{
		width: 100%;
	}
}

@media (max-width: 1110px){
	.img_main{
		display: none;
	}
	.footer_info{
		margin-top: 50px
	}
	.our_services_block{
		width: 85%;
	}
}

@media (max-width: 1024px){
	.form_input {
		font-size: 16px;
		padding: 11px 0 11px 11px;
	}
	.registration_input label{
		font-size: 18px;
	}
	.registration_order_content {
		padding: 30px 20px 30px 20px;
	}
	.basket_order_name{
		font-size: 18px;
	}
	.basket_order_btn_like {
		padding: 13px 17px;
	}
	.basket_order_btn_del {
		padding: 9px 13px;
	}
	.custom_number input[type="number"] {
		font-size: 18px;
	}
	.custom_number{
		width: 140px;
	}
	.custom_number button, .custom_number button{
		width: 40px;
	}
	.product_card_cost {
		font-size: 24px;
	}
	.basket_header, .popular_model_header {
		font-size: 42px;
	}
	.basket_order_cost_mid{
		display: block;
	}
	.product_card_cost.basket_order_cost{
		display: none;
	}
	#btn_all_mod_bottom, .burger_btn{
		display: flex;
	}
	#btn_all_mod_top, .header_search a, .header_menu, .footer_links > a:first-child{
		display: none;
	}
	.popular_model_content{
		padding-bottom: 150px;
	}
	.header_search{
		gap: 0;
	}
	.footer_links{
		flex-direction: column;
		gap: 10px;
	}
	.footer_content {
		padding: 60px 0px;
	}
	.our_services_block{
		width: 95%;
	}
	.form_communication{
		padding: 90px 0 90px 0;
	}
	.header_content{
		gap: 10px;
	}
	.mobile_logo_div{
		display: block;
	}
	.requirements_block{
		display: flex;
		flex-direction: column;
	}
	.requirements_column {
		width: 100%;
	}
	.traid_in img {
        width: 40%;
    }
}

@media (max-width: 800px){
	.main h1{
		font-size: 50px;
		line-height: 60px;
	}
	.why_me, .about_company_title, .main_title, .our_services_title, .requirements_title{
		font-size: 50px;
	}
	.requirements_title{
		padding-top: 60px;
	}
	.buttons{
		margin-top: 70px;
	}
	.blue_header_48{
		font-size: 40px;
	}
	.grey_text_24, .main h2{
		font-size: 20px;
	}
	.form_communication form{
		padding: 50px;
	}
	.btn_submit{
		font-size: 22px;
	}
	.why_me_all_cards{
		margin-top: 50px;
	}
	.why_me_card {
		width: 400px;
		height: 480px;
	}
	.why_me_card_head{
		font-size: 30px;
	}
	.why_me_card_text, .why_me_card span, .comparison_on_off{
		font-size: 18px;
	}
	.functions{
		display: none;
	}
	.our_services_block{
		width: 100%;
	}
	.popular_model, .requirements{
		border-radius: 60px 60px 0 0;
	}
	.header_content{
		padding: 0 0 30px 0;
	}
	.search_bar{
		font-size: 18px;
	}
	.filter_parameter{
		font-size: 18px;
		padding: 15px 20px;
	}
	.comparison_header{
		font-size: 46px;
	}
	.parameter_value{
		font-size: 18px;
	}
	.comparison_on_off {
		width: 200px;
		flex-direction: column-reverse;
	}

}
@media (max-width: 500px){
	.basket_header, .popular_model_header {
        font-size: 36px;
		text-align: center;
    }
	.basket_order_flex {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
	.basket_order_name{
		text-align: center;
	}
	.basket_order_flex_column{
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
	.registration_order_flex {
		align-items: center;
	}
	.custom_number input[type="number"]{
		padding: 10px 0;
	}
	.submit_applicatio_btn{
		padding: 15px 20px;
	    font-size: 18px;
	}
	.registration_order_flex{
		gap: 30px;
		margin-bottom: 0;
	}
	.main h1{
		padding-top: 30px;
		font-size: 38px;
        line-height: 35px;
	}
	.popular_all_cards{
		margin-top: 30px;
	}
	.buttons{
		gap: 10px;
		flex-direction: column;
		margin-top: 30px;
	}
	.why_me{
		font-size: 38px;
		margin-top: 100px;
	}
	.footer_table{
		display: flex;
		margin-top: 30px;
	}
	.footer table{
		display:none;
	}
	.footer *, .main h2, .why_me_card_text{
		font-size: 16px !important;
	}
	.footer_content{
		padding: 30px 0px;
	}
	.footer_info{
		margin-top: 30px;
	}
	.why_me_all_cards{
		margin-top: 30px;
	}
	.why_me_card_head{
		font-size: 24px;
	}
	.why_me_card{
		height: 400px;
		padding: 25px;
	}
	.popular_model_header{
		font-size: 32px;
		margin-bottom: 0;
		text-align: center;
	}
	.popular_model_content{
		padding: 40px 0 80px 0;
	}
	.popular_model_content div:first-child{
		justify-content: center;
	}
	.product_card_cont_img {
		height: 250px;
	}
	.product_card_name{
		font-size: 18px;
	}
	.product_card_cost{
		font-size: 24px;
	}
	.product_card_buttons{
		font-size: 20px;
	}
	.btn_like{
		padding: 15px 20px;
	}
	.form_communication {
        padding: 40px 0 40px 0;
    }
	.form_communication form{
		padding: 30px 20px;
		border-radius: 20px;
	}
	.blue_header_48{
		font-size: 28px;
	}
	.form_content_text, .form_content_text *{
		font-size: 16px !important;
	}
	.form_content_flex_col *{
		font-size: 16px !important;
	}
	.form_content{
		gap: 20px;
	}
	.checkbox_flex, .checkbox_flex *{
		font-size: 16px !important;
	}
	.custom_checkbox{
		max-width: 20px;
		height: 20px;
		border-radius: 5px;
	}
	.custom_checkbox::after{
		width: 15px;
		height: 15px;
	}
	.btn_submit, .blue_btn, .btn{
		padding: 15px 20px;
		font-size: 18px;
	}
	.form_input{
		padding: 10px 0 10px 10px;
	}
	.input_header input{
		margin-top: 10px;
	}
	.about_company_content{
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.about_company_title, .our_services_title{
		font-size: 42px;
	}
	.about_company_text{
		font-size: 16px;
		line-height: 25px;
		margin-top: 25px;
	}
	.our_services_content{
		padding: 30px 0;
	}
	.our_services_block_head{
		font-size: 28px;
	}
	.our_services_block ul{
		margin-top: 20px
	}
	.our_services li {
		font-size: 16px;
		margin-bottom: 15px;
		background-size: 10px 10px;
		background-position: 0 45%;
	}
	.our_services_block{
		margin: 30px auto 20px;
		padding: 20px 30px;
	}
	.popular_model, .our_services, .requirements{
		border-radius: 40px 40px 0 0;
	}
	.header_content{
		padding: 0 0 15px 0;
	}
	.mobile_logo {
		max-width: 200px;
	}
	.burger_btn{
		width: 30px;
		height: 30px;
		top: 20px;
	}
	.search_bar{
		padding-left: 40px;
		background-position: top 10px left 12px;
		height: 45px;
		font-size: 14px;
	}
	.btn_form_submit{
		font-size: 16px;
		padding: 0px 15px;
	}
	.why_me_card span{
		font-size: 16px;
	}
	.filter_flex div{
		display: none;
		min-height: 0px;
	}
	.filter_flex{
		justify-content: center;
	}
	.side-panel{
		    max-width: 400px;
	}
	.panel_header{
		margin: 0;
		width: 400px;
	}
	.panel_header div:first-child{
		font-size: 38px;
		margin: 40px 25px;
	}
	.panel-content{
		margin-left: 25px;
	}
	.filter_cost{
		flex-direction: column;
		align-items: flex-start;
	}
	.panel-close{
		margin-right: 20px;
	}
	.filter_submit_btn {
		padding: 15px 30px;
	}
	.show_all_filters svg {
		width: 18px;
	}
	.filter_parameter{
		font-size: 16px;
	}
	.selected_filter{
		font-size: 16px;
	}
	.navigation{
		justify-content: center;
	}
	.page_prev, .page_next{
		display: none;
	}
	.catalog {
		margin-bottom: 60px;
	}
	.main_title{
		font-size: 42px;
	}
	.traid_in_text{
		font-size: 16px;
	}
	.traid_in_content{
		padding-top: 40px;
	}
	.btn_application{
		padding: 15px 20px;
		margin-bottom: 70px;
		font-size: 18px;
	}
	.requirements_title {
        font-size: 40px;
        padding-top: 40px;
		border-radius: 40px 40px 0 0;
		text-align: center;
    }
	.requirements_column_title {
		font-size: 18px;
	}
	.requirements_column{
		padding: 25px;
		border-radius: 20px;
	}
	.requirements_row img {
		max-width: 50px;
	}
	.requirements_row div {
		font-size: 16px;
	}
	.requirements{
		padding-bottom: 40px;
	}
	.requirements_row{
		border-radius: 20px;
	}
	.basket_order_btn_del {
        padding: 9px 13px;
    }
	.basket_order_btn_like {
        padding: 13px 17px;
    }
}


@media (max-width: 430px){
	.basket_header{
		font-size: 32px
	}
	.navigation_str a, .navigation_str.grey_text_20 {
        font-size: 14px;
	}
	.blue_header_48 {
        font-size: 22px;
    }
	.form_content_text, .form_content_text *, .form_content_flex_col *, .checkbox_flex *, .footer * {
        font-size: 14px !important;
    }
	.form_input {
        padding: 7px 0 7px 7px;
    }
	.form_content_flex_col {
        gap: 20px;
	}
	.btn_submit {
        padding: 10px 0;
    }
	.footer_table, .footer_info {
        margin-top: 20px;
    }
	.about_company_title, .our_services_title {
		font-size: 36px;
    }
    .our_services_block_head {
        font-size: 24px;
    }
	.btn, .btn_like{
		padding: 10px 15px;
	}
    .search_bar {
       font-size: 14px;
	}
    .basket_order_btn_del {
        padding: 9px 13px;
    }
	.basket_order_btn_like {
        padding: 13px 17px;
    }
}

@media (max-width: 380px){
	.product_card {
		min-width: 300px;
	}
    .about_company_text, .our_services li {
        font-size: 14px;
    }	
    .popular_model_content {
        padding: 30px 0 60px 0;
    }
    .panel_header {
        margin: 0;
        width: 340px;
    }
    .side-panel {
        max-width: 340px;
    }
	.requirements_title {
		font-size: 36px;
		margin-bottom: 30px;
	}

	.requirements_column {
		border-radius: 20px;
	}
	.popular_model, .our_services, .requirements {
        border-radius: 20px 20px 0 0;
    }
	.requirements_title {
        padding-top: 30px;
    }
	.btn_application {
        padding: 10px 20px;
        margin-top: 30px;
    }
}

@media (max-width: 320){
	
}



@media (max-width: 1556px){
	.smartphone_circle{width: 40%;}
}

@media (max-width: 1280px){
	.img_main{width: 40%;}
	.smartphone_circle{display: none;}
}

@media (max-width: 1060px){
	.img_main{display}
	.smartphone_circle{display: none;}
}