.col-xs-tac{
	text-align: center;
}
.col-xs-tar{
	text-align: right;
}
.col-xs-tal{
	text-align: left;
}
.col-xs-taj{
	text-align: justify;
}
@media (min-width: 768px){
	.col-sm-tac{
		text-align: center;
	}
	.col-sm-tar{
		text-align: right;
	}
	.col-sm-tal{
		text-align: left;
	}
	.col-sm-taj{
		text-align: justify;
	}
}
@media (min-width: 992px){
	.col-md-tac{
		text-align: center;
	}
	.col-md-tar{
		text-align: right;
	}
	.col-md-tal{
		text-align: left;
	}
	.col-md-taj{
		text-align: justify;
	}
}
@media (min-width: 1200px){
	.col-lg-tac{
		text-align: center;
	}
	.col-lg-tar{
		text-align: right;
	}
	.col-lg-tal{
		text-align: left;
	}
	.col-lg-taj{
		text-align: justify;
	}
}
@media (min-width: 1440px){
	.container{
		max-width: 1410px;
	}
}
@media (max-width: 1199px){
	.header-top-inner{
		gap: 16px;
	}
	.header-trust{
		display: none;
	}
	.header-main-inner{
		gap: 26px;
	}
	.nav{
		gap: 24px;
	}
	.header-actions{
		padding-left: 24px;
	}
	.glass-card{
		width: 260px;
	}
	.hero-slider,
	.glass-light-slider{
		--glass-card-half: 130px;
		--glass-card-half-height: 198.5px;
		--glass-card-width: 260px;
		--glass-slide-center: 246px;
	}
	.glass-pos-left-1,
	.glass-pos-right-1{
		--glass-slide-half: 99.58px;
		width: 199.16px;
	}
	.glass-pos-left-2,
	.glass-pos-right-2{
		--glass-slide-half: 122.16px;
		width: 244.32px;
	}
	.glass-pos-left-1 .glass-card,
	.glass-pos-right-1 .glass-card{
		margin-left: -30.42px;
	}
	.glass-pos-left-2 .glass-card,
	.glass-pos-right-2 .glass-card{
		margin-left: -7.84px;
	}
	.hero h1{
		font-size: 50px;
	}
	.benefit{
		padding: 16px;
	}
}
@media (max-width: 991px){
	body{
		--header-height: 115px;
	}
	.header-top-inner{
		justify-content: center;
		min-height: 38px;
	}
	.header-info-address,
	.header-contacts{
		display: none;
	}
	.header-main-inner{
		justify-content: space-between;
		min-height: 76px;
	}
	.nav{
		display: none;
	}
	.header-actions{
		border-left: 0;
		margin-left: auto;
		padding-left: 0;
	}
	.menu-button{
		display: block;
	}
	.hero{
		min-height: 650px;
	}
	.hero-slider{
		--glass-card-half: 125px;
		--glass-card-half-height: 191px;
		--glass-card-width: 250px;
		--glass-slide-center: 325px;
		left: 38%;
		min-height: 650px;
		right: -80px;
	}
	.glass-light-slider{
		--glass-card-half: 125px;
		--glass-card-half-height: 191px;
		--glass-card-width: 250px;
		--glass-slide-center: 325px;
		height: 650px;
		left: 38%;
		right: -80px;
	}
	.glass-pos-left-1,
	.glass-pos-right-1{
		--glass-slide-half: 95.76px;
		width: 191.52px;
	}
	.glass-pos-left-2,
	.glass-pos-right-2{
		--glass-slide-half: 117.46px;
		width: 234.92px;
	}
	.glass-pos-left-1 .glass-card,
	.glass-pos-right-1 .glass-card{
		margin-left: -29.24px;
	}
	.glass-pos-left-2 .glass-card,
	.glass-pos-right-2 .glass-card{
		margin-left: -7.54px;
	}
	.glass-card{
		width: 250px;
	}
	.glass-product{
		top: 32px;
	}
	.glass-button{
		bottom: 20px;
	}
	.glass-pos-left-1{
		left: calc(50% - var(--glass-card-half) - 172px);
	}
	.glass-pos-right-1{
		left: calc(50% - var(--glass-card-half) + 172px);
	}
	.glass-pos-left-2{
		left: calc(50% - var(--glass-card-half) - 276px);
	}
	.glass-pos-right-2{
		left: calc(50% - var(--glass-card-half) + 276px);
	}
	.glass-pos-left-3{
		left: calc(50% - var(--glass-card-half) - 300px);
	}
	.glass-pos-right-3{
		left: calc(50% - var(--glass-card-half) + 300px);
	}
	.glass-pos-left-4{
		left: calc(50% - var(--glass-card-half) - 370px);
	}
	.glass-pos-right-4{
		left: calc(50% - var(--glass-card-half) + 370px);
	}
	.hero-inner{
		align-items: flex-start;
		min-height: 650px;
	}
	.hero-content{
		max-width: 620px;
		padding: 44px 0 0;
	}
	.hero p{
		max-width: 430px;
	}
	.hero-controls{
		bottom: 22px;
		left: 50%;
		transform: translateX(-50%);
	}
	.benefits-inner{
		grid-template-columns: repeat(2, 1fr);
	}
	.benefit + .benefit:before{
		display: none;
	}
	.benefit{
		border-top: 1px solid rgba(36, 42, 45, 0.08);
	}
	.benefit:nth-child(1),
	.benefit:nth-child(2){
		border-top: 0;
	}
	.benefit:nth-child(2n){
		border-left: 1px solid rgba(36, 42, 45, 0.08);
	}
}
@media (max-width: 767px){
	body{
		--header-height: 69px;
	}
	.container{
		padding: 0 16px;
	}
	.header-top{
		display: none;
	}
	.header-main-inner{
		min-height: 68px;
	}
	.logo{
		flex-basis: 126px;
		text-align: left;
	}
	.logo-title{
		font-size: 31px;
		letter-spacing: 4px;
	}
	.logo-text{
		font-size: 12px;
		letter-spacing: 3px;
	}
	.logo-mark{
		margin-left: 0;
		width: 76px;
	}
	.header-actions{
		display: none;
	}
	.hero{
		min-height: 820px;
	}
	.hero-slider{
		--glass-card-half: 119px;
		--glass-card-half-height: 181.5px;
		--glass-card-width: 238px;
		--glass-slide-center: 192px;
		height: 410px;
		left: -128px;
		min-height: 0;
		right: -128px;
		top: 400px;
	}
	.glass-light-slider{
		display: none;
	}
	.glass-pos-left-1,
	.glass-pos-right-1{
		--glass-slide-half: 91.16px;
		width: 182.32px;
	}
	.glass-pos-left-2,
	.glass-pos-right-2{
		--glass-slide-half: 111.82px;
		width: 223.64px;
	}
	.glass-pos-left-1 .glass-card,
	.glass-pos-right-1 .glass-card{
		margin-left: -27.84px;
	}
	.glass-pos-left-2 .glass-card,
	.glass-pos-right-2 .glass-card{
		margin-left: -7.18px;
	}
	.glass-card{
		width: 238px;
	}
	.glass-product{
		top: 30px;
		width: 82%;
	}
	.glass-brand{
		font-size: 12px;
	}
	.glass-name{
		font-size: 14px;
	}
	.glass-button{
		bottom: 28px;
		font-size: 12px;
		min-height: 32px;
		padding: 7px 12px;
	}
	.glass-pos-left-1{
		left: calc(50% - var(--glass-card-half) - 142px);
	}
	.glass-pos-right-1{
		left: calc(50% - var(--glass-card-half) + 142px);
	}
	.glass-pos-left-2{
		left: calc(50% - var(--glass-card-half) - 228px);
	}
	.glass-pos-right-2{
		left: calc(50% - var(--glass-card-half) + 228px);
	}
	.glass-pos-left-3{
		left: calc(50% - var(--glass-card-half) - 252px);
	}
	.glass-pos-right-3{
		left: calc(50% - var(--glass-card-half) + 252px);
	}
	.glass-pos-left-4{
		left: calc(50% - var(--glass-card-half) - 306px);
	}
	.glass-pos-right-4{
		left: calc(50% - var(--glass-card-half) + 306px);
	}
	.glass-pos-left-2,
	.glass-pos-right-2,
	.glass-pos-left-3,
	.glass-pos-right-3,
	.glass-pos-left-4,
	.glass-pos-right-4{
		display: none;
	}
	.glass-arrow{
		display: none !important;
	}
	.hero-content{
		padding: 34px 0 0;
	}
	.hero-label{
		font-size: 12px;
		letter-spacing: 1.4px;
		margin-bottom: 10px;
	}
	.hero h1{
		font-size: 38px;
		line-height: 1.12;
		margin-bottom: 17px;
		max-width: 360px;
	}
	.hero-line{
		margin-bottom: 18px;
		width: 88px;
	}
	.hero p{
		font-size: 14px;
		margin-bottom: 22px;
		max-width: 300px;
	}
	.hero-buttons{
		flex-direction: column;
	}
	.btn{
		min-width: 0;
		width: 238px;
	}
	.hero-controls{
		display: none;
	}
	.benefits{
		padding: 16px 0 20px;
	}
	.benefits-inner{
		grid-template-columns: 1fr;
	}
	.benefit{
		border-left: 0 !important;
		border-top: 1px solid rgba(36, 42, 45, 0.08);
		padding: 16px;
	}
	.benefit:nth-child(1){
		border-top: 0;
	}
	.benefit:nth-child(2){
		border-top: 1px solid rgba(36, 42, 45, 0.08);
	}
}
@media (max-width: 420px){
	.hero{
		min-height: 788px;
	}
	.hero-slider{
		--glass-card-half: 109px;
		--glass-card-half-height: 166.5px;
		--glass-card-width: 218px;
		--glass-slide-center: 167px;
		height: 390px;
		min-height: 0;
		top: 380px;
	}
	.glass-pos-left-1,
	.glass-pos-right-1{
		--glass-slide-half: 83.5px;
		width: 167px;
	}
	.glass-pos-left-2,
	.glass-pos-right-2{
		--glass-slide-half: 102.42px;
		width: 204.84px;
	}
	.glass-pos-left-1 .glass-card,
	.glass-pos-right-1 .glass-card{
		margin-left: -25.5px;
	}
	.glass-pos-left-2 .glass-card,
	.glass-pos-right-2 .glass-card{
		margin-left: -6.58px;
	}
	.glass-card{
		width: 218px;
	}
	.glass-product{
		top: 28px;
	}
	.glass-name{
		font-size: 14px;
	}
	.glass-button{
		bottom: 26px;
	}
	.glass-pos-left-1{
		left: calc(50% - var(--glass-card-half) - 124px);
	}
	.glass-pos-right-1{
		left: calc(50% - var(--glass-card-half) + 124px);
	}
	.glass-pos-left-2{
		left: calc(50% - var(--glass-card-half) - 198px);
	}
	.glass-pos-right-2{
		left: calc(50% - var(--glass-card-half) + 198px);
	}
	.glass-pos-left-3{
		left: calc(50% - var(--glass-card-half) - 216px);
	}
	.glass-pos-right-3{
		left: calc(50% - var(--glass-card-half) + 216px);
	}
	.glass-pos-left-4{
		left: calc(50% - var(--glass-card-half) - 262px);
	}
	.glass-pos-right-4{
		left: calc(50% - var(--glass-card-half) + 262px);
	}
	.hero h1{
		font-size: 34px;
	}
	.btn{
		width: 100%;
	}
}
