/********************* all *******************/
@media (max-width: 1201px) and (min-width: 320px) {

	/*контейнеры*/
	.container {
		width: 100%;
		min-width: 100%;
		padding: 0 2%;
	}

	.header_2_middle {
	    width: 500px;
	    padding-left: 80px;
	}

	.heder_advantage {
	    width: 415px;
	}

	.header_2_right {
	    width: 350px;
	}

	.main_text tr th {
	    padding: 10px 30px;
	}

	span.big_head,
	span.min_head {
	    width: 100%;
	}

	span.big_head {
	    line-height: 20px;
	}

	span.min_head {
		padding: 0;
	}

}




@media (max-width: 1024px) and (min-width: 320px) {

	.header_2_left {
		padding: 10px 0;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}

	.header_2_right{
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}

	.header_2_middle {
		margin: 0 auto;
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}

	.header_2_right {
	    width: 370px;
		margin-right: 17px;
	}

	.model_text, .repair_text {
	    width: 60%;
	}

	.model_img, .repair_img {
	    width: 40%;
	}

	.choose_repair ul li:nth-child(4){
	    margin-bottom: 50px;
	}

	div#mes, div#mes2 {
	    width: 300px;
	}

}

/************************************* ipad mini *************************/

@media (max-width: 960px) and (min-width: 320px) {

	ul.terms li {
	    width: 30%;
	}

	ul.terms li:first-child {
	    margin-bottom: 10px;
	}

	footer {
	    padding: 25px 0 60px;
	}

	.footer_1 {
	    margin-bottom: 15px;
	}

	.footer_1_left {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1
	}

	.footer_1_right{
		margin-top: 10px;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2
	}

	.footer_1_middle {
		width: 100%;
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3
	}

	.footer_1_middle ul#top-menu {
	    margin: 10px auto 0;
	}



}

@media (max-width: 950px) and (min-width: 320px) {



	.reviews_left {
	    padding: 0 5px;
	}

	ul.menu > li > ul >li {
	    font-size: 13px;
	}

	.reviews_param {
    padding: 15px 10px;
	}



	.content {
	    background: #fafafa;
	    padding-top: 30px;
	    margin-top: 0px;
	}

	.models_menu {
	    height: 100%;
	}



	.model_name {
	    padding: 2px;
	}




	.left_menu_btn {
		display: block;
	}

	.left_block {
		width: 230px;
	    height: 100%;
	    position: fixed;
	    left: -230px;
	    top: 0;
	    z-index: 1002;
	    overflow-y: auto;
	}

	.repair_request {
	    padding: 25px 10px;
	}

	aside {
	    width: 0;
	}

	ul.menu {
	    padding: 0px 10px 20px 20px;
	}

	main {
	    width: 100%;
	    padding: 0px 10px;
	}

	.choose_repair ul li {
	    width: 22%;
	}

	.header_3_wrap {
	    margin: 20px 0 23px;
	    padding: 0 20px;
	}

	main {
	    padding: 0px 20px;
	}

	.footer_3 {
	    padding: 25px 20px 0 20px;
	}
	.header_3_wrap {
		display: none;
	}
	.header_3_bottom {
		display: block;
	}

}

/********************* ipad pro *******************/

@media (max-width: 866px) and (min-width: 320px) {

}

@media (max-width: 768px) and (min-width: 320px) {

	.repair_order_img {
	    float: right;
	}

	.repair_order h3 {
	    font-size: 18px;
	}

	.repair_order_img img {
	    width: 100%;
	    height: auto;
	    -o-object-fit: contain;
	       object-fit: contain;
	}
	.header_3_bottom ul.terms li {
	    width: 50%;
	}
}

@media (max-width: 767px) and (min-width: 320px) {

	.header_4_btn {
		display: block;
	}
	.right_block {
		width: 150px;
		height: 100%;
		position: fixed;
		right: -150px;
		top: 0;
		background: #fff;
		border-left: 1px solid #20e3b2;
		z-index: 1002;
		overflow-y: auto;
		border: 1px solid #20e3b2;
	}
	ul#topmenu2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		height: 100%;
		margin: 0;
		border-radius: 0;
	}
	ul#topmenu2 li {
	    text-align: center;
	    width: auto;
	    min-width: auto;
        -ms-flex-item-align: auto;
            align-self: auto;
	}

	ul#topmenu2 img {
		display: none;
	}

	ul#topmenu2 li a {
	    padding: 0;
	}

}
/**************  ipad mini ** ***************/

@media (max-width: 730px) and (min-width: 320px) {

	.facts li {
		width: 31%;
	}

}

@media (max-width: 721px) and (min-width: 320px) {

	ul.terms li {
	    width: 50%;
	}

	ul.terms li:nth-child(3) {
		margin-bottom: 10px;
	}

	.choose_repair ul li {
	    width: 140px;
	}

	.model_text h1, .repair_text h1 {
	    font-size: 30px;
	}


}

@media (max-width: 671px) and (min-width: 320px) {

	li.defect_var {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
	}
	.map_info {
	    width: 100%;
	    margin-right: 0;
	}
	.map_contact {
	    width: 100%;
	    float: right;
	    margin-bottom: 25px;
	}

}




/********************* sred *******************/

@media (max-width: 600px) and (min-width: 320px) {

	ul#top-menu {
	    width: 260px;
	}

	.header_2_middle {
	    width: 500px;
	    padding-left: 50px;
	}

	.header_2_middle::before {
	    bottom: 30px;
	    left: 5px;
	    width: 40px;
	    height: 60px;
	    background-size: 100%;
	}

	.heder_advantage {
	    width: 415px;
	}

	.header_2_right {
	    width: 337px;
	}

	.phone a {
	    font-size: 18px;
	}

	.repair_order_img {
	    width: 46%;
	    margin-top: 60px;
	}

	tr th:last-child {
	    font-size: 12px;
	}

	.main_text tr th {
	    padding: 10px 20px;
	}

	.main_text tr td {
	    padding: 11px 20px;
		font-size: 12px;
	}

	td p:first-child {
	    font-size: 12px;
	}

	.main_text td p:last-child {
	    font-size: 11px;
	}


	.facts li:first-child {
	    width: 100%;
	    text-align: left;
	    margin-bottom: 10px;
	}

	.facts li:first-child p {
	    font-size: 18px;
	    font-weight: 600;
	    width: 100%;
	    text-transform: uppercase;
	}

	.facts li {
	    width: 40%;
	}

	.model_text, .repair_text {
	    width: 100%;
	}

	.model_img, .repair_img {
	    display: none;
	}

	.reviews_links {
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	}

	.reviews_link {
	    width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}

	.rewievs_text {
	    width: 100%;
		margin-bottom: 15px;
	}

}




@media (max-width: 530px) and (min-width: 320px) {

	header nav.top_menu ul#top-menu {
	    display: none;
	}

	button.c-hamburger.c-hamburger--htx {
	    display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 41px;
		height: 41px;
		background: inherit;
	}

	.c-hamburger {
		right: 0;
	}

	header nav.top_menu ul#top-menu {
	    position: absolute;
	    top: 41px;
	    right: 0;
	    background: red;
	    z-index: 6;
	    width: auto;
	    text-align: right;
		background: #20e3b2;
	    padding: 10px;
	    border-radius: 0 0 0 5px;
	}

	header nav.top_menu ul#top-menu li {
		margin: 5px 0;
	}

	.block-text h4 {
	    font-size: 14px;
	}

	.anons {
	    font-size: 12px;
	}

	.station p {
	    width: 50%;
	}

	.stock {
		background: #333;
		padding: 20px;
	}

	.stcok_form {
	    width: 100%;
	}

	.stock .feedback_form_param13,
	.stock .feedback_form_param14{
		width: 100%;
	}

	.stock div.feedback_form_param13 {
		margin-bottom: 15px;
	}

	.choose_repair ul li:nth-child(5) {
	    margin-bottom: 50px;
	}

	.request_banner {
	    background: #333;
	}
	.button_privacy	{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	input.button.solid {
		margin-bottom: 10px;
	}


}

/*min*/
@media (max-width: 480px) and (min-width: 320px) {


	.header_2_left, .footer_1_left {
	    width: 120px;
	}

	.header_2_right {
	    width: 370px;
		margin-right: 0px;
	}

	.header_2_right, .footer_1_right {
	    width: 180px;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	}

	.phone a {
	    font-size: 16px;
	}

	header .back_call a, footer .back_call a {
	    padding: 5px 20px;
		font-size: 11px;
	}

	.header_2_middle {
	    width: auto;
	    padding-left: 0;
	}

	.heder_advantage {
	    width: 230px;
	    margin: 0 auto;
	}

	.heder_advantage_admin {
		width: 230px;
    	margin: 0 auto;
	}

	.heder_advantage p {
	    margin: 0 auto;
	}

	.header_2_middle::before {
		display: none;
	}

	.footer_1_middle ul#top-menu {
	    width: 280px;
	}

	.footer_1_right {
		margin: 0;
	}

	.footer_1_right .phone {
		margin: 0;
	}

	.repair_order_img {
	    display: none;
	}

	.repair_order_form {
	    width: 100%;
	}

	.defect_table tr td {
	    padding: 11px 11px;
	}

	.defect_table tr th:first-child {
	    width: calc(100% - 110px);
	    padding: 0 11px;
	}

	.defect_table tr th:last-child {
	    width: 110px;
	}

	.repair_order {
	    padding: 0 30px 5px 30px;
	}

	.model_item, .repair_item {
		padding: 0 30px;
	}
	.model_service tr th, .repair_service tr th {
	    line-height: 15px;
	    font-size: 12px !important;
        padding: 5px 0 5px 11px;
	}
	.model_service tr td, .repair_service tr td {
	    color: #333333;
	    background: #fafafa;
	    padding: 5px 0 5px 11px;
		font-size: 12px;
	}

}

@media (max-width: 451px) and (min-width: 320px) {


}



/*min*/
@media (max-width: 420px) and (min-width: 320px) {

	.model_service th, .repair_service th {
	    line-height: 22px;
	}

	.choose_repair ul {
	    margin-bottom: -20px;
	}

}

@media (max-width: 380px) and (min-width: 320px) {

	.choose_repair ul li {
		width: 100%;
	}

	.choose_repair ul li:first-child, .choose_repair ul li:nth-child(4), .choose_repair ul li:nth-child(5), .choose_repair ul li {
		margin-bottom: 15px;
	}

	.choose_repair ul li:last-child {
		margin-bottom: 0px;
	}

	.model_service tr th {
	    padding: 0 11px;
	}

	.model_service tr td {
		padding: 11px;
	}

	.defect_table tr td p, .defect_table {
	    font-size: 13px;
	}

	/* .defect_table tr th:first-child {
	    width: calc(100% - 90px);
	} */
	.defect_table tr th:first-child {
	    width: auto;
	    padding-right: 0;
	}

	.defect_table tr th:last-child {
	    width: 90px;
	}

}

@media (max-width: 320px) and (min-width: 320px) {

	/* .left_block {
	    width: 200px;
	}

	.left_menu_btn {
	    left: -37px;
	} */

	.header_2_right, .footer_1_right {
	    width: 180px;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    text-align: right;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	}

	.header_2_right .phone, .footer_1_right .phone {
	    width: 160px;
	}

}
}