@media screen and (max-width: 1024px) {
  body {min-width: 100%; padding-top: 0px; overflow-x: hidden;}

  .mobile {display: block!important;}
	.desktop {display: none!important;}

  .cont {padding: 0 20px; margin: 0 auto; width: auto;}

  .btn {padding: 12px 14px;}
  .btn-plus {padding-left: 49px;}
  .btn-add {padding-left: 44px;}
  .btn-add:before {left: 11px;}
	
	::-webkit-scrollbar {
    -webkit-appearance: none;
	}

	::-webkit-scrollbar:vertical {
	    width: 3px;
	}

	::-webkit-scrollbar:horizontal {
	    height: 3px;
	}

	::-webkit-scrollbar-thumb {
	    background-color: #D9D9DE;
	    border-radius: 3px;
	    border: 2px solid #D9D9DE;
	}

	::-webkit-scrollbar-track {
	    border-radius: 10px;
	    background-color: #F0F0F0;
	}

	header {position: fixed; top: 0; left: 0; width: 100%; z-index: 11; background: #F1F2F2;}
	.header-cont {position: relative; z-index: 12;}

	.main-text h1 {font-size: 28px; line-height: 35px;}
	.main-text h2 {font-size: 16px; line-height: 22px; letter-spacing: -0.02em; padding: 0 20px;}

	.form-block .title {font-size: 18px; line-height: 22px; letter-spacing: -0.02em;}
	.form-block .short {font-size: 16px; line-height: 20px;}

	.product-block .text .name {font-size: 28px; line-height: 35px; width: 100%;}
	.product-block .text .small {font-size: 20px; line-height: 22px; letter-spacing: -0.02em; width: 100%;}
	.product-block .text ul {font-size: 16px; line-height: 20px;}

	.product-block .text .price b {font-size: 23px;}
	.product-block .text .price i {font-size: 16px; margin-left: 20px;}

	.task-block .title {font-size: 28px; line-height: 35px;}

	.task-block .tasks .item {width: 100%;}
	.task-block .tasks .item .name {font-size: 20px; line-height: 22px; letter-spacing: -0.02em;}
	.task-block .tasks .item ul {font-size: 16px; line-height: 20px;}

	.image-slider {display: block!important; position: relative; overflow: hidden;}
	.image-slider a {width: 100%!important;}

	.product-block-cont {display: block;}
	.product-block .text {width: 100%;}
	.product-block .images {width: 100%;}

	.recalls .title-cont .title {font-size: 28px; line-height: 35px;}

	.task-block .achivs {background-position: right bottom; padding-bottom: 300px;}
	.task-block .achivs .name {font-size: 28px; line-height: 35px;}
	.task-block .achivs .short {font-size: 20px; line-height: 22px; letter-spacing: -0.02em;}
	.task-block .achivs ul {font-size: 16px; line-height: 20px;}

	.form-block form {display: block!important;}
	.form-block form input {width: calc(100% - 44px); margin-bottom: 20px;}
	.form-block form .btn {width: calc(100% - 4px);}

	.callback .callback-cont {display: block;}
	.callback .callback-cont .text {width: 100%;}
	.callback .callback-cont .text .name {font-size: 28px; line-height: 35px;}
	.callback .callback-cont .text .short {font-size: 18px; line-height: 22px; letter-spacing: -0.02em; margin-bottom: 30px;}

	.footer-cont {display: block; text-align: center;}
	footer .logo-cont {display: block; text-align: center;}
	footer .logo {display: inline-block;}
	footer .logo-cont span {display: block; margin: 20px 0;}

	footer .contacts-cont {display: block;}
	footer .btn {margin-top: 20px;}

	.modal {width: 90%;}
	.modal .title-cont .title {font-size: 20px; line-height: 30px;}
	.modal-callback {height: 460px;}
	.modal .columns {}
	.modal .column {width: 100%; margin-bottom: 15px;}
	.modal .column .title-small {font-size: 18px; margin-bottom: 5px;}
	.modal .column .line b {font-size: 13px; line-height: 14px;}
	.modal .column .line span {font-size: 13px; line-height: 14px; text-align: right;}
	.modal .form-block {margin-bottom: 0;}


	
}