@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 {padding: 18px 0;}
	header .logo {width: 102px; height: 48px;}

	.top-panel {padding: 0 0 40px 0;}
	.top-panel h1 {font-size: 28px; line-height: 34px; margin: 0; text-align: left; margin: 0 0 20px 0;}
	.top-panel .text {font-size: 16px; line-height: 24px; margin: 0; text-align: left; margin: 0 0 33px 0;}
	
	.our-solution {margin: 0 0 28px 0;}
	.our-solution-cont {margin-left: -20px; margin-right: -20px; display: block; padding: 30px 20px 30px 20px;}
	.our-solution-cont img {border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
	.our-solution-cont .text {width: 100%; margin: 20px 0 0 0;}
	.our-solution-cont .text b {font-family: 'Inter'; font-weight: 500; font-size: 16px; line-height: 19px;}
	.our-solution-cont .text span {font-size: 18px; line-height: 26px; margin-bottom: 20px;}
	.our-solution-cont .text span b {font-size: 18px; line-height: 26px;}
	.our-solution-cont .text p {line-height: 24px;}
	.our-solution-cont .text .btn {display: block;}

	.our-select {margin: 0 0 38px 0;}
	.our-select .title {font-size: 28px; line-height: 34px; padding: 0 0 18px 0;}
	.our-select .list {padding-bottom: 20px;}
	.our-select .list .item {padding: 20px 20px 20px 20px; width: calc(100% - 40px); margin: 0 0px 20px 0;}
	.our-select .list .item p {font-size: 18px; line-height: 26px;}

	.center-direct {margin: 0 0 38px 0;}
	.center-direct .title {font-size: 28px; line-height: 34px; padding: 0 0 18px 0;}
	.center-direct p {font-size: 16px; line-height: 24px; padding: 0 0 40px 0;}
	.center-direct .columns {display: block;}
	.center-direct .column {width: 100%; margin-right: 0; margin-bottom: 36px;}
	.center-direct .column .text {padding: 0 0 0 0px;}
	.center-direct .column .text b {font-size: 18px; line-height: 26px;}

	.tarif-list {margin: 0 0 38px 0;}
	.tarif-list .title {font-size: 28px; line-height: 34px; margin: 0 0 20px 0;}
	.tarif-list .short {font-size: 16px; line-height: 24px; margin: 0 0 30px 0;}
	.tarif-list .tabs {display: flex!important; justify-content: space-between; margin: 0 0 20px 0;}
	.tarif-list .tabs a {font-weight: 600; font-size: 18px; line-height: 22px; color: rgba(0, 0, 0, 0.5); border-bottom: 2px solid transparent; padding: 0 0 10px 0; display: inline-block;}
	.tarif-list .tabs a.active,
	.tarif-list .tabs a:hover {color: #000; border-color: #000;}
	.tarif-list .list {border-bottom: 0; padding-bottom: 0;}
	.tarif-list .list .item {margin: 0 -20px; width: 100%; padding: 19px;}

	.integration {margin: 0 0 18px 0;}
	.integration .title {font-size: 28px; line-height: 34px; padding: 0 0 20px 0;}
	.integration p {font-size: 16px; line-height: 24px; padding: 0 0 20px 0;}
	.integration .list {display: block; border: 0; padding-bottom: 0;}
	.integration .list .item {margin: 0 0 20px 0; width: calc(100% - 40px); padding: 20px;}
	.integration .list .item .icons {opacity: 0.5; margin-bottom: 5px; flex-wrap: wrap;}
	.integration .list .item .icons img {margin-bottom: 10px;}
	.integration .list .item b {font-size: 18px; line-height: 26px;}

	.industries .title {font-size: 28px; line-height: 34px; padding: 0 0 20px 0;}
	.industries p {font-size: 16px; line-height: 24px; padding: 0 0 30px 0;}
	.industries .list {display: block;}
	.industries .list .item {width: 100%; padding: 0; margin: 0 0 20px 0;}
	.industries .list .item img {width: 44px}
	.industries .list .item .text {width: calc(100% - 60px);}

	.test {margin: 0 0 38px 0;}
	.test-cont {margin: 0 -20px; display: block; padding: 30px 17px 0 19px;}
	.test .text {width: 100%; padding-top: 0; margin: 0 0 55px 0;}
	.test .text b {font-size: 30px; line-height: 37px;}
	.test .text span {margin: 0 0px 28px 0px;}
	.test img {width: 100%; margin: 0 0 0 0px;}

	.control {margin: 0 0 18px 0;}
	.control .title {font-size: 28px; line-height: 34px; padding: 0 0 20px 0;}
	.control p {font-size: 16px; line-height: 24px; padding: 0 0 20px 0;}
	.control .list {border-bottom: 0; padding-bottom: 0;}
	.control .list .item {margin-right: 0; padding: 20px 20px 20px 20px; margin-bottom: 20px; width: 100%;}
	.control .list .item p {font-size: 18px; line-height: 26px;}

	.growth {margin-bottom: 35px;}
	.growth .title {font-size: 28px; line-height: 34px; margin: 0 0 20px 0;}
	.growth p {font-size: 16px; line-height: 24px; margin: 0 0 40px 0;}
	.growth .list {display: block; border-bottom: 0; padding-bottom: 0;}
	.growth .list .item {width: calc(100% - 40px); padding: 20px; margin: 0 0 30px 0;}
	.growth .list .item img {margin: 0 0 20px 0;}
	.growth .list .item b {font-size: 18px; line-height: 22px;}
	.growth .list .item p {line-height: 24px;}

	.test-free {margin-bottom: 80px;}
	.test-free .title {font-size: 28px; line-height: 34px; margin: 0 0 20px 0;}
	.test-free p {font-size: 16px; line-height: 24px; margin: 0 0 20px 0;}
	.test-free .list {display: block; border-bottom: 0; padding-bottom: 0;}
	.test-free .list .item {width: calc(100% - 40px); padding: 20px; margin: 0 0 20px 0;}
	.test-free .list .item b {font-size: 18px; line-height: 30px; margin: 0 0 3px 0;}
	.test-free .list .item p {margin: 0 0 22px 0;}

	.work {margin-bottom: 38px;}
	.work .title {font-size: 28px; line-height: 34px; margin: 0 0 29px 0; text-align: left;}
	.work .list {padding: 0; border: 0; background: transparent;}
	.work .list .item {margin: 0 0 30px 0;}
	.work .list .item:before {display: none;}
	.work .list .item .short span {opacity: 0.5;}
	.work .list .item .name {width: 42px; height: 42px; border-radius: 13px; line-height: 42px; font-size: 22px;}
	.work .list .item .short {width: calc(100% - 62px);}
	.work .list .item .short b {font-size: 16px; line-height: 24px;}
	.work .list-cont {padding-bottom: 50px;}

	.who {margin: 0 0 40px 0;}
	.who .title {font-size: 28px; line-height: 34px; padding: 0 0 23px 0; text-align: left;}
	.who .list {padding: 0 0 23px 0;}
	.who .list .item {padding: 0px 0px; width: 100%; margin: 0 0 22px 0;}
	.who .list .item img {width: 42px;}
	.who .list .item b {font-size: 16px; line-height: 23px;}

	.recalls .nav {display: none;}
	.recalls .title {font-size: 28px; line-height: 34px; width: 100%;}
	.recalls .title-cont {padding: 0 0 19px 0;}
	.recalls .list {display: block;}
	.recalls .list .item {width: calc(100% - 60px); padding: 30px; margin-bottom: 20px;}

	.test-2 {margin: 0 0 38px 0;}
	.test-2 .test-cont {margin: 0 -20px; display: block; padding: 30px 17px 0 19px;}
	.test-2 .text {width: 100%; padding-top: 0; margin: 0 0 55px 0;}
	.test-2 .text b {font-size: 30px; line-height: 37px;}
	.test-2 .text span {margin: 0 0px 28px 0px;}
	.test-2 img {width: 100%; margin: 0 0 0 0px;}

}