/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width: 1780px) {
	.reviews-content{
		grid-gap: 50px;
	}
}
@media (max-width: 1600px){
	.efficiency-slide {
		gap: 50px;
	}
	
	.footer-content_title{
		font-size: 52px;
	}
	.reviews-right{
		max-width: 600px;
	}
	
	.work-card-title{
		font-size: 36px;
	}
	.work-card-badge{
		font-size: 20px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.work-card {
		background-size: 120% 69%;
	}

	.efficiency-content {
		padding: 50px 40px;
	}

/* 	.mechanics-list{
		display: none;
	} */
}

@media (max-width: 1440px){
	.mechanics-card_month, .mechanics-card_number {
		padding: 8px 14px;
	}

	.reviews-content{
		grid-template-columns: 72px 1fr 72px;
	}
	.reviews-btn > svg{
		width: 72px;
		height: 72px;
	}


	.control-terminal__tabds {
		gap: 20px;
	}

	.control-terminal__tab-title {
		font-size: 20px;
	}

	.control-terminal__tab-text {
		font-size: 16px;
	}

	.container {
		padding: 0 15px;
	}
}

@media (max-width : 1400px) {
	.header-link{
		display: none;
	}
	
/* 	.efficiency-slide {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	} */
	.reviews-swiper_wrap{
		max-width: calc(100vw - 360px);
	}
	
	.efficiency__text {
		padding: 0;
	}
	.footer-content_subtitle{
		font-size: 18px;
	}
	.baner-tg__container{
		grid-gap: 40px;
	}
	.reviews-right{
		max-width: 500px;
	}
	
	.work-card-title{
		font-size: clamp(22px, 2.1vw, 32px);
	}

	.mechanics-card_footer_link > svg{
		width: 72px;
		height: 72px;
	}
	
	.reviews-card_photo{
		width: 72px;
		height: 72px;
	}
	.reviews-card{
		padding: 30px;
		border-radius: 30px;
	}
	.reviews-card_info{
		grid-gap: 14px;
	}

	.widget-btn {
		width: 60px;
		height: 60px;
	}

	.tariffs-price {
				align-items: flex-start;
		}

	.tariffs-price_group {
				align-items: flex-start;
				grid-gap: 5px;
		}

	.tariffs-info{
		margin-bottom: 20px;
	}
}

/* lg <= Extra large (xl) */
@media (max-width : 1300px){
	.efficiency__body{
		display: flex;
		flex-direction: column;
	}
	.efficiency__menu{
		flex-direction: row;
	}
	.efficiency__scroll{
		overflow: auto;
	} 
	.efficiency__scroll::-webkit-scrollbar{
		display: none;
	}
	.efficiency__item{
		white-space: nowrap;
	}
	.efficiency-pagination {
		display: flex;
		gap: 25px;
		width: 89vw;
		max-width: 100%;
		height: 50px;
	}

	.reviews-right{
		max-width: 400px;
	}

	.tariffs-price_number {
		font-size: 36px;
	}

	.tariffs-price_percent {
		padding: 15px;
	}

	.header-burger{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		width: 32px;
		height: 27px; 
		z-index: 110;
		position: relative;
	}

	.header-burger span,
	.header-burger span:before,
	.header-burger span:after {
		background-color: var(--white);
		display: block;
		height: 3px;
		opacity: 1;
		position: absolute;
		transition: 0.3s ease-in-out;
	}

	.header-burger span:before,
	.header-burger span:after {
		content: "";
		width: 100%;
	}

	.header-burger span {
		right: 0px;
		top: 13px;
		width: 100%;
	}
	.header-burger span:before {
		left: 0px;
		top: -10px;
	}
	.header-burger span:after {
		left: 0px;
		top: 10px;
	}
	.header-burger.close span {
		transform: rotate(-45deg);
		top: 13px;
		width: 27px;
	}
	.header-burger.close span:before {
		top: 0px;
		transform: rotate(90deg);
		width: 27px;
	}
	.header-burger.close span:after {
		top: 0px;
		left:0;
		transform: rotate(90deg);
		opacity:0;
		width:0;
	}

	.menu {
		min-width: 100%;
		display: flex;
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		visibility: hidden;
		opacity: 0;
		padding-top: 20px;
		transition: all 0.3s ease-in-out;
		border-radius: 30px;
		padding: 40px 10px 40px 15px;
		/* overflow: auto; */
		max-height: 100%;
	}

	.menu__wrapper {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		gap: 100px;
		margin-top: 40px;
		overflow: auto;
		max-height: 100%;
	}

	.menu.overlay{
		top: 0;
		left: 0;
		visibility: visible;
		max-height: 100%;
		opacity: 1;
		padding-top: 60px;
		border-radius: 0px 0 30px  30px;
		background: rgba(16, 16, 16, 0.90);
		backdrop-filter: blur(6.550000190734863px);
	}

	.menu__item {
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: -0.38px;
		padding: 10px 12px;
	}

	.menu__link{
		color: var(--white);
		text-decoration: none;
	}

	.logo {
		position: relative;
		z-index: 110;
	}
/* 	.header-package{
		flex-direction: column;
	} */

	.header-nav li {
		padding: 5px 10px;
	}

	.custom-select_toggle .selected-option {
		padding: 2px 2px 2px 20px;
	}

	.custom-select_toggle .selected-option__arrow {
		width: 40px;
		height: 40px;
	}
}
@media (max-width : 1200px) {
	.preview-list{
		grid-gap: 15px;
	}
	.reviews-btn{
		display: none;
	}
	.reviews-content{
		grid-template-columns: 1fr;
	}
	.reviews-swiper_wrap{
		max-width: calc(100vw - 120px);
	}
	.tariffs-content{
		margin-right: 0;
		margin-left: 0;
		padding: 0;
	}
	.tariffs-swiper{
		padding-right: 15px;
		padding-left: 15px;
	}
	.tariffs-card{
		margin-left: 15px;
	}
	.mechanics-card {
				border-radius: 25px;
		}

	.mechanics__card_footer_link svg {
				width: 60px;
				height: 60px;
		}

	.reviews-card_position{
		font-size: 16px;
	}

	.widget-btn{
		width: 72px;
		height: 72px;
	}
	
	.footer-content_title{
		font-size: 42px;
	}
	.baner-tg__container{
		grid-template-columns: auto auto;
		grid-gap: 24px;
		padding: 30px 36px;
	}
	.baner-tg__img{
		grid-column: 1 / 3;
	}
	.tariffs-card-title{
		margin-bottom: 30px;
	}
	.reviews-right_link{
		font-size: 18px;
		padding: 18px 24px
	}
	
	.mechanics-feedback_form{
		height: 69px;
		grid-gap: 12px;
	}
	
	.experience{
		margin-bottom: 180px;
	}
	.automation{
		margin-top: 100px;
	}

	.experience-btns{
		grid-gap: 18px;
	}
	.experience-card-subtitle{
		font-size: 18px;
	}
	
	.automation-widgets{
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr))
	}
	.automation-widget{
		padding: 32px;
	}

	.work-card{
		padding: 32px;
	}
	.work-card-vip {
		right: 20px;
		bottom: 30px;
		grid-gap: 10px;
		padding: 10px 10px 10px 15px;
		border-radius: 15px;
	}
	.work-card-vip_number {
		font-size: 20px;
	}
	.work-card-vip_icon {
		width: 40px;
		height: 40px;
	}
	.work-card-vip_icon svg{
		transform: scale(0.8);
	}
	.baner-content{
		padding: 20px 25px 20px 20px;
		/* margin-top: 60px; */
	}
	.baner_link svg{
		width: 40px;
		height: 40px;
	}
/* 	.cases-card_head{
		flex-direction: column-reverse;
		align-items: flex-start;
		grid-gap: 10px
	} */
	.cases-group{
		flex-wrap: wrap;
	}
	.cases-card{
		width: 100%;
	}
	.cases-list, .cases-group{
		grid-gap: 30px;
	}
	
	.reviews-card_position{
		font-size: 16px;
	}
	.tariffs-item_group_card{
		font-size: 16px;
		padding: 6px 12px; 
	}
	.tariffs-card{
		padding: 32px;
		padding-bottom: 48px;
	}
	
	.footer-content_list, .footer-content_name, .footer-bot_item{
		font-size: 18px;
	}

	.content .tariffs-price_group{
		align-items: flex-start;
		grid-gap: 8px;
	}

	.content .tariffs-price {
		align-items: flex-start;
	}

	.tariffs-slider_btn{
		display: none;
	}

	.tariffs-content .wrapper {
		padding: 0 2px;
		padding-bottom: 2px;
	}

	.preview-bg {
        position: sticky;
		top: 88px;
    }

	.preview-left {
        grid-gap: 20px;
    }

	.header-package {
		padding-left: clamp(60px, 13vw, 150px);
        background-size: 20%, cover;
		background-position: -5% 35px;
	}

	.header-nav, .header__group .custom-select_toggle{
		display: none;
	}

	.header-burger_wrap{
		display: block;
	}
}

@media (max-width : 1200px)  and (min-width: 756px){
		.work-card:not(:first-of-type) .work-card-head{
		flex-direction: column-reverse;
		align-items: flex-start;
	}
}

@media (max-width: 1050px){
	/* .preview-bg{
		max-width: 460px;
		margin: 0 auto;
	} */
	.visualization-img img {
		min-height: 400px;
	}

	.preview{
		grid-template-columns: 1fr 1fr;
	}
	.control-terminal__tab-title{
		font-size: 20px;
	}
	.control-terminal__tab-text {
    font-size: 16px;
  }
	.mechanics-card {
				padding: 20px;
		}

	.widget-card {
		height: calc(100% - 200px);
	}

	.reviews-card_position{
		font-size: 14px;
	}

	.reviews-card_photo{
		width: 60px;
		height: 60px;
	}

	.cases-list{
		grid-template-columns: 1fr;
	}
	.tariffs-list{
		margin-right: 55px;
	}

	.reviews-card_photo{
		width: 60px;
		height: 60px;
	}
/* 	.reviews-content{
		grid-template-columns: 1fr;
		max-width: 100vw;
	} */

/* 	.reviews-btn{
		display: none;
	} */
	.reviews-right{
		max-width: calc(100vw - 30px);
	}
	.reviews-right_text{
		max-width: 100%;
	}

	.control-terminal__tab-text {
		font-size: 14px;
	}

	.bot-trigger {
		--size: 90px
	}

	.footer img {
		max-width: 100%;
	}
}
@media (max-width: 1070px){

	.originality__list {
		grid-template-columns: repeat(2, 1fr);
	}
	.interface-wrapper{
		flex-direction: column;
		grid-gap: 30px;
	}
	.footer-bot{
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.efficiency__top {
		margin-bottom: 40px;
	}
}
/* md <= Large (lg) */
@media (max-width : 992px) {
	.main__info {
		max-width: 100%;
	}

	.block-swiper img{
		border-radius: 25px;
	}
	.visualization-info{
		grid-template-columns: 1fr;
	}
	.allModules-header{
		grid-gap: 25px;
		margin-top: 20px;
	}
	
	.header-bottom__text{
		max-width: 100%;
	}
	.header-modelue {
		flex-direction: column;
		padding: 20px;
		border-radius: 25px;
	}

	.header-modelue_title_wrap{
		grid-gap: 15px
	}

	.main__container a {
		font-size: 16px;
        padding: 15px 16px;
	}

	.header-package{
		border-radius: 25px;
	}
	
	.header-cases .main__info {
		min-width: 100%;
	}

	.header-cases{
		flex-direction: column;
        padding: 20px;
        border-radius: 25px;
		grid-gap: 15px;
	}

	.interface{
		margin-top: 80px;
	}
	.interface-wrapper{
		padding: 25px;
	}

	.cookies{
		padding-right: 25px;
		padding-left: 75px;
		background-position: -35px bottom;
	}
	.cookies-btn{
		min-width: auto;
	}
	.reviews-card{
		flex-direction: column;
	}
	.mechanics-list{
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}
	.reviews-swiper_wrap {
		max-width: calc(100vw - 59px);
	}
	.reviews-card_img, .reviews-card_img > img{
		max-width: 100%;
		max-height: clamp(190px, 40vw, 308px);
		object-fit: cover;
		object-position: center;
	}
	.efficiency__poiner{
		display: flex;
	}
	.efficiency__body{
		grid-gap: 15px;
	}
	.efficiency__item {
		line-height: 20px;
		gap: 15px;
	}

	.widget-title {
		font-size: 20px;
	}

	.tariffs-card {
				padding: 24px;
		}

	.widget {
		height: 400px;
	}

	.efficiency__content {
		border-radius: 30px;
	}

	.originality{
		margin-top: 80px;
	}
	
	/* .tariffs-slider_btn{
		display: none;
	} */
	.tariffs-swiper, .tariffs-content{
		padding-right: 0;
		margin-right: 0;
	}
	.tariffs-content{
		padding-right: 0	!important;
	}

	.widget-btn{
		width: 62px;
		height: 62px;
	}
	
	.footer-content_subtitle{
		font-size: 20px;
	}
	.footer-content_title{
		font-size: 36px;
	}
	
	.baner-tg__link{
		font-size: 16px;
		padding-top: 12px;
		padding-bottom: 12px;
		grid-gap: 12px;
	}
	.baner-tg__link svg {
		width: 41px;
		height: 41px; 
	}

	.baner-tg__container{
		padding: 24px;
	}
	
	.mechanics-feedback_btn, .tariffs-callback_btn, .tariffs-callback_input, .mechanics-feedback_item{
		font-size: 16px;
	}
	.mechanics__btn{
		font-size: 18px;
		padding: 18px 20px;
		margin-top: 50px;
	}
	.tariffs-callback{
		flex-direction: column;
		padding-left: 24px;
		padding-right: 24px;
	}
	.tariffs-callback_input{
		padding: 23px 24px;
	}
	.tariffs-callback_form textarea{
		border-radius: 35px;
	}
	.tariffs-title{
		margin-bottom: 48px;
	}
	.tariffs-card-title{
		margin-bottom: 24px;
	}
	.tariffs-list{
		grid-gap: 70px;
		margin-bottom: 50px;
		grid-template-columns: 1fr;
	}
	.reviews-card_position{
		font-size: 14px;
	}
	.reviews-card_img, .reviews-card_img > img{
		border-radius: 25px;
	}
	.mechanics-feedback_form{
		grid-template-columns: 1fr;
		height: auto;
	}
	.mechanics-feedback_item, .mechanics-feedback_btn, .tariffs-callback_btn{
		padding: 23px 24px; 
	}
	.mechanics-feedback{
		padding: 24px;
		grid-gap: 24px;
		border-radius: 30px;
	}

	.mechanics-card_footer_link > svg{
		width: 48px;
		height: 48px;
	}

	.baner_link{
		font-size: 16px;
	}
	
	.marketplaces{
		padding: 80px 0;
	}
	.experience-title, .work-title, .cases-title, .automation-mini-title, .originality-title{
		margin-top: 14px;
		margin-bottom: 24px;
	}
	.originality-card{
		min-height: 250px;
	}
	.experience-head{
		flex-direction: column;
	}
	.experience-btns{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}
	.experience-content{
		margin-top: 48px;
	}
	.experience-item:nth-of-type(4){
		display: none;
	}
	.experience-content{
		grid-template-columns: repeat(4, 1fr);
	}
	.experience-old, .experience-item{
		padding-left: 32px;
		padding-right: 32px;
	}
	
	.experience-cards{
		grid-template-columns: repeat(2, 1fr);
		row-gap: 24px;
	}
	.experience-card{
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.experience-card:nth-last-of-type(3){
		border: none;
	}
	
	.experience-card:nth-of-type(1), .experience-card:nth-of-type(3){
		text-align: left;
	}
	.experience-card:nth-of-type(2), .experience-card:nth-of-type(4){
		text-align: right;
	}
	.experience-mini-title{
		margin: 60px 0;
	}
	.experience{
		margin-bottom: 80px;
		margin-top: 80px;
	}
	
	.tariffs-price_percent{
		padding: 12px 14px;
	}
	.wrapper-faq{
		padding: 0;
	}
	.faq-title{
		margin-bottom: 56px;
	}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.header-package{
		background-image: none;
		padding: 20px; 
	}

	.preview-list_icon {
		width: 18px;
        height: 18px;
	}
	

	.header-package{
		flex-direction: column;
	}
	.originality__list {
		grid-template-columns: 1fr; 
	}
	.control-terminal__hint {
		display: flex;
	}
	.efficiency-content {
		padding: 40px 24px;
		border-radius: 30px;
		background-color: none;
	}

	.control-terminal__img video {
        height: clamp(293px, 73vw, 600px);
    }

	.control-terminal__column {
		display: grid;
		gap: 24px;
	}

	.control-terminal__row {
		display: none;
	}

	.control-terminal__tab-title {
		font-size: 18px;
	}

	.efficiency-slide{
		grid-template-columns: 1fr;
	}
	* .efficiency__text{
	
		max-width: 100%;
	}
	.mechanics-card_month, .mechanics-card_number {
				padding: 2px 8px;
		}

	.mechanics-card_head {
		flex-direction: column-reverse;
		gap: 5px;
	}

	.module-list {
		grid-gap: 10px;
	}

	.tariffs {
				margin-bottom: 80px;
		}

	.block-swiper {
		margin-bottom: 60px;
	}

	.block-article__text {
		letter-spacing: 0.28px;
	}

	.main-swiper {
		margin-bottom: 60px;
	}
	.block-img img {
		border-radius: 25px;
		margin-bottom: 15px;
	}

	.tariffs-price_number {
				font-size: 36px;
		}

	.tariffs-slider_btn svg{
		width: 50px;
		height: 50px;
	}

	.baner-tg_page {
		margin-top: 60px;
	}

	.content-list {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 24px;
	}
	
	.content-list .mechanics-card {
		background-size: contain;
	}
	.widget-btn{
		width: 49px;
		height: 49px;
	}
	.widget-card {
		height: calc(100% - 185px);
	}

	.footer-bot{
		grid-gap: 15px;
	}
	.footer-address{
		margin-bottom: 48px;
	}
	.footer-content_email{
		grid-row: 2;
		margin-top: 0;
		font-size: 24px;
	}
	.footer-content{
		grid-template-columns: 1fr;
		grid-gap: 48px;
		margin-top: 48px;
	}
	.footer-content_list{
		display: flex;
		flex-wrap: wrap;
		width: auto;
		grid-gap: 14px;
		margin: 0;
	}
	.footer-content_title{
		font-size: 26px;
	}
	.footer-content_group{
		display: flex;
		flex-direction: column-reverse;
	}
	.wrapper-faq .ac-trigger{
		font-size: 18px;
		padding: 0 10px 15px 24px;
	}

	.accordion-container{
		grid-gap: 24px;
	}
	.baner-tg__container{
		grid-template-columns: 1fr;
		grid-gap: 24px;
		border-radius: 30px;
	}
	.baner-tg__img{
		grid-column: auto;
	}
	.baner-tg__link{
		width: 100%;
		justify-content: space-between;
	}
	
	.tariffs-list{
		grid-gap: 28px;	
		margin-right: 20px;
	}
	.tariffs-price_date, .tariffs-price_old{
		font-size: 16px;
	}
	
	.tariffs-item{
		box-shadow: 14px 10px 0px -4px #2F2F2F, 28px 20px 0px -4px rgba(47, 47, 47, 0.2)
	}
	
	.work-list{
		grid-template-columns: 1fr;
		grid-gap: 14px;
	}
	.work-card{
		border-radius: 30px;
	}
	.experience-btns{
		grid-template-columns: 1fr;
		border-radius: 30px;
		grid-gap: 10px;
	}
	
	.experience-item:nth-of-type(3){
		display: none;
	}
	.experience-content{
		grid-template-columns: repeat(3, 1fr);
	}
	.experience-new .experience-item, .experience-upp, .experience-old{
		font-size: 18px;
	}
	.experience-old, .experience-item, .experience-upp{
		padding: 20px;
	}
	.work-card{
		background-size: auto;
	}
	
	.work-card-badge{
		font-size: 16px;
		padding: 2px 10px;
	}

	.work-card{
		background-image: var(--bg-mob);
		background-position: var(--position-mob);
		padding: 20px;
	}

	.control-terminal__group {
		padding: 0;
	}

	.preview-list {
        grid-gap: 15px;
        justify-content: space-between;
        width: 100%;
    }

	.header-package {
		align-items: stretch;
	}

	.tariffs-content .wrapper{
		padding-left: 5px;
		padding-right: 10px;
	}
}

@media (max-width : 654px){
	.visualization-img img {
		min-height: 100%;
	}
	
	.preview {
		grid-template-columns: 1fr;
	}

	.preview-list_icon {
		width: 25px;
		height: 25px;
	}

	.preview-bg {
        top: 0;
        margin: auto;
        max-width: 550px;
    }

	.widget-header{
		padding: 20px 20px 30px 20px;
	}
	.widget-back {
		width: calc(100% - 10px);
	}
	.baner-content{
		background-size: cover;
		background-position: center !important;
		align-items: flex-start;
		grid-gap: 24px;
		flex-direction: column;
		border-radius: 30px; 
		min-height: 226px;
	}
	
	.efficiency__top {
		margin-bottom: 30px;
	}

	.module-info__link , .header-bottom__group a {
		gap: 5px;
	}
}

@media (max-width : 600px) {
	.widget {
		height: 300px;
		border-radius: 30px;
	}

	.widget-card {
		height: calc(100% - 120px);
	}
}




/* xs <= Small (sm) */
@media (max-width : 576px) {
	.bot-trigger {
		--size: 70px
	}

	.preview-list {
    grid-gap: 10px;
  }
	.preview-list_item{
		grid-gap: 5px;
	}
	.experience-item_arrow{
		display: none;
	}
	.experience-item_link{
		padding: 12px;
		width: 100%;
		line-height: 1;
		justify-content: center;
	}
	.experience-upp_icon, .automation-widget-icon{
		width: 50px;
  height: 50px;
	}
	.automation-widget-header{
		margin-bottom: 20px;
	}
	.preview-subtitle, .preview-list_item{
		font-size: 16px;
	}
	.cookies{
		flex-direction: column;
		background-image: none;
		padding: 15px;
	}
	.cookies-btn{
		width: 100%;
		margin-top: 15px;
		padding: 10px;
		font-size: 16px;
	}
	.control-terminal__hint {
        font-size: 14px;
    }

	.reviews-card_info{
		padding-bottom: 14px;
	}
	.reviews-card{
		grid-gap: 14px;
	}
	.module-list {
				grid-template-columns: 1fr;
		}
		.tariffs-btns{
			flex-direction: column;
			grid-gap: 12px;
		}
	.mechanics-card {
				background-size:  75%;
		}

	.block-swiper__btn {
				display: none;
		}

	.block-article__text {
		line-height: 30px;
	}
	.efficiency__item svg {
		width: 13px;
		height: 13px;
	}

	.efficiency__item, .efficiency__menu  {
		gap: 10px;
	}

	.preview__img-text {
		font-size: clamp(18px, 5vw, 30px);
	}

	.tariffs-price_group{
		align-items: flex-start;
		grid-gap: 8px;
	}
	.tariffs-price {
		align-items: flex-start;
	}

	.tariffs__btn {
				padding: 15px;
		font-size: 16px;
		}

	.tariffs-list {
		margin-bottom: 20px;
	}

	.originality-card{ 
		padding: 25px;
	}
	.efficiency__body{
		margin: 0 20px
	}  
	.efficiency-slide video {
		border-radius: 30px;
	}
	.automation-widget {
		font-size: 18px;
	}
	
	.originality-card__top{
		flex-direction: column-reverse;
	}
	
	.reviews-content{
		overflow: hidden;
	}

	.cases-card_head{
		flex-direction: column-reverse;
		align-items: flex-start;
		grid-gap: 10px
	}
	.cases-list, .cases-group{
		grid-gap: 14px;
	}
	.baner_link{
		justify-content: space-between;
	}
	.experience-content{
		grid-template-columns: repeat(2, 1fr);
	}

	
	.experience-content::before {
		position: absolute;
		content: '';
		left: 0;
		top: 36%;
		transform: translateY(-50%);
		background-image: url("../images/line.svg");
		height: 1px;
		width: 100%;
	}

	.experience-item:nth-of-type(2){
		display: none;
	}
	.experience-new .experience-item:nth-of-type(2){
		display: flex;
	}
	.experience-content{
		height: 420px;
		padding: 14px 0;
		grid-gap: 14px;
	}
}

@media (max-width : 450px) {

	.mechanics-card {
				background-size: 85%;
		}
	/* .logo {
		display: none;
	} */

	.preview-list_icon{
		width: 18px;
		height: 18px;
	}

	.invite-link {
		font-size: 16px;
	}
	.menu__list {
		display: grid;
		gap: 5px;
	}

	.menu__item {
		font-size: 18px;
	}

	.menu .ac-header{
		gap: 15px;
	}

	.menu .ac-header svg{
		width: 20px;
		height: 20px;
	}
}


@media (max-width : 405px) {
	.tariffs-price{
		grid-gap: 5px;
	}
	.tariffs-price_date, .tariffs-price_old{
		font-size: 14px;
	}
	.tariffs-price_number{
		font-size: 28px;
	}

	.module-info__link svg {
		display: none;
	}
}


@media (max-width: 360px) {
	.tariffs-price_group{
		flex-direction: column;
	}

	.preview-list_item{
		font-size: 14px;
	}
	
	.mechanics-card {
				background-size: contain;
		}

	.main__img {
				margin-bottom: 40px;
		}

	.widget-btn {
				width: 35px;
				height: 35px;
		}
	.baner-content {
		width: 100%;
	}
	.baner_link {
		width: 100%;
		font-size: 14px;
		padding: 10px 10px 10px 20px;
	}
	.experience-badges {
		grid-gap: 10px;
	}
	.tariffs-price_number {
		font-size: 30px;
	}
	
	.experience-content{
		grid-gap: 5px;
	}

	.baner-tg__link {
		font-size: 12px;
	}
	.work-card-head{
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.work-card {
				background-size: 85%;
		} 

	.reviews-card {
				border-radius: 30px;
				padding: 24px;
		}


	.tariffs__btn {
				padding: 10px;
		}

	.tariffs-btns {
		gap: 12px;
	}

	.control-terminal__hint > svg {
        width: 24px;
        height: 24px;
    }
}

/* === MOBILE FIRST === */

/* Medium (md) */
@media (min-width : 768px) {
	.work-card:first-of-type{
		grid-column: 1 / 4;
	}
	.footer-address{
		width: fit-content;
		margin-top: 48px;
	}
	.footer-content_left {
		max-width: 553px;
	}
}

/* Large (lg) */
@media (min-width : 992px) {
	.originality-card{
		min-height: 420px;
	}
	
	.header{
		margin-top: 24px;
	}
	
	.tariffs-callback_form {
		max-width: 710px;
	}
}

/* Extra large (xl) */
@media (min-width : 1300px) {
	.main__info{
		min-width: 530px;
	}
}

/* Extra extra large (xxl) */

@media (min-width : 1600px) {
	.mechanics-swiper{
		display: none;
	}
}