/* Стили кнопки для мобилки */
body.no-scroll {
  overflow: hidden; /* Отключает прокрутку */
  position: fixed; 
  touch-action: none; /* Блокирует свайпы на мобильных устройствах */
}
.navbar-toggle{
	display: none;
	align-items:center;
	position: relative;
	width:10%;
	padding-right: 8.4vw;
	/*background-color: transparent;
    background-image: none;
    border: none;*/
	cursor:pointer;
}
.toggle-icon{
	position: absolute;
    width: 21px;
    height: 1px;
	left:10px;
	/*top:0;
    display: inline-block;*/
    background: #fff;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
}
.toggle-icon:before{
	position: absolute;
    left:0;
	/*top:0;*/
    background: #fff;
    content: " ";
	width: 10px;
    height: 1px;
    bottom: 10px;
	/*-webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);*/
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
}
.toggle-icon:after{
	position: absolute;
    left:0;
	top:12px;
    background: #fff;
    content: " ";
	width: 16px;
    height: 1px;
    top: -5px;
    /*-webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);*/
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
}
.navbar-toggle:hover .toggle-icon,
.navbar-toggle:hover .toggle-icon:before,
.navbar-toggle:hover .toggle-icon:after{
	width:21px;
	background: #64AB62;
}
.navbar-toggle-menu{
	display: none;
}
#close_toggle_menu_li{
	display:none;
	margin-top:40px;
}
.thin-cross {
	position: relative;
	width: 30px; /* Размер крестика */
	height: 30px;
	cursor:pointer;
	
}
.thin-cross::before,
.thin-cross::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px; /* Толщина линии */
	height: 100%;
	background: #fff;
	transform-origin: center;
	transition: background-color 0.3s ease; /* Плавное изменение цвета текста */
}
.thin-cross::before {
	transform: rotate(45deg);
}
.thin-cross::after {
	transform: rotate(-45deg);
}
.thin-cross:hover::before,
.thin-cross:hover::after {
	background: #64AB62; /* Цвет текста при наведении */
}
@media (orientation:portrait){
	.navbar{
		background-color: rgba(0,0,0,0.4);
	}
	.navbar-content{
		display:flex;
		justify-content:space-between;
		width:100%;/*Ширина меню для мобилки*/
		margin: 0;
	}
	.navbar-toggle{
		display: flex;
		padding-top:10px;
	}
	.navbar-toggle-menu{
		width:100%;
		height:100vh;
		background-color: rgba(0,0,0,0.4);
		padding-top:15px;
	}
	.navbar-toggle-menu ul{
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.navbar-toggle-menu ul li{
		line-height:50px;
	}
	.screen-1-content,
    .screen-2-content,
    .screen-4-content,
    .screen-5-content,
    .screen-6-content,
    .content-footer{
		width:100%;/*Ширина для мобилки*/
	}
    .screen-3-content{
        margin: 0 auto;
        width: 80%;
    }
}