/* Стили для мобильных устройств с шириной экрана до 768px */

@media screen and (max-width: 768px) {
	
	.page.page-2 {
		display: none;
		}
	  
	#dot2 {
		display: none;
		}

    #aqform {
        display: none; /* Скрыть логотипы Gira и DeltaLight для мобильных устройств */
    }
	
	
	nav a { 
		display: none; /* Скрываем все ссылки в навигации */
	}


    /* Скрыть логотип или уменьшить его размер */
    .logo-bar .logo img {
        height: 60px; /* уменьшить размер */
		margin-top: -35px;
		margin-left: -20px;
    }

    /* Навигационное меню для мобильных устройств */
    .logo-bar nav {
        gap: 15px; /* уменьшить разрывы между элементами */
        margin-right: 2%; /* уменьшить отступы */
		margin-top: -8px;
    }
	
	
	.right {
		margin-top: 5px;
	}
	
	.top-bar .right span {
		position: relative;
		top: -3px; /* Поднимите текст вверх на 5 пикселей */
	}

    .logo-bar nav a {
        font-size: 10px; /* уменьшить размер шрифта */
    }

    /* Текст поверх изображения */
    .page.page-1 .center-text1 {
        font-size: 1.5rem; /* уменьшить текст */
        left: 50%; /* адаптировать позиционирование */
        z-index: 2; /* Текст поверх изображения */
    }

    .vertical-label {
        font-size: 1em; /* уменьшить вертикальную надпись */
		margin-left: -40px; /* отодвигаем элемент налево */
    }
	
	.fab.fa-facebook {
		position: absolute;
		margin-left: 110px; /* Сдвигаем вправо */
		margin-top: 10px;  /* Сдвигаем вниз */
	}
	
	.fab.fa-linkedin {
		position: absolute;
		margin-left: 90px; /* Сдвигаем вправо */
		margin-top: 10px;  /* Сдвигаем вниз */
	}
	
	.fab.fa-instagram {
		position: absolute;
		margin-left: 70px; /* Сдвигаем вправо */
		margin-top: 10px;  /* Сдвигаем вниз */
	}

    /* Контент второй страницы */
    .page.page-2 .center-text {
        font-size: 1rem; /* Еще больше уменьшить текст */
        line-height: 1.2; /* Уменьшить межстрочное расстояние */
		left: 50%;
    }

    .page.page-2 .highlight-text {
        font-size: 0.9rem; /* Уменьшить выделенный текст */
    }

    .page.page-2 .sub-description div {
        font-size: 0.7rem; /* Уменьшить текст описаний на мобильных устройствах */
        line-height: 1.2;
    }

    .page.page-2 .vertical-label {
        font-size: 0.8rem; /* Уменьшить вертикальную надпись */
    }

    /* Партнеры: контейнер и логотипы */
    .row {
    display: flex;
    flex-direction: column; /* Логотипы будут располагаться в столбик */
    align-items: center; /* Логотипы будут выровнены по центру */
    gap: 10px; /* Расстояние между логотипами */
	margin-bottom: 15px;
	}	

    .partner-logo img {
		width: 100px !important;  /* Принудительно установить ширину */
		height: auto !important;  /* Автоматически подстроить высоту */
		max-width: 200px;  /* Установить максимальную ширину */
		max-height: 200px; /* Установить максимальную высоту (если необходимо) */
		object-fit: contain; /* Убедиться, что логотип сохраняет пропорции */
		transition: transform 0.3s ease; /* Плавное увеличение при наведении */
	}

    /* Панель точечной навигации */
    
    /* Стилизуем футер */
    footer {
        font-size: 10px; /* Уменьшить шрифт на мобильных устройствах */
    }

    .footer-title {
        font-size: 12px; /* Уменьшить заголовки в футере */
    }

    .footer-sections div {
        padding-right: 5px;
    }

    .footer-sections div p, .footer-sections div a {
        font-size: 9px; /* Еще сильнее уменьшить размер текста */
        margin: 3px 0px; /* Уменьшить отступы */
    }

    .phone-numbers p {
    font-size: 12px;
    }
	
	.phone-numbers p:nth-child(2) {
    margin-left: 13px; /* Задайте отступ, чтобы выровнять с первым номером */
	}
	
    .phone-numbers p, .whatsapp-number {
    font-size: 9px !important; /* Установите одинаковый размер шрифта для всех номеров */
	margin-left: 2px;
	}
	
	.phone-container1 {
		margin-top:-20px;
	}
	
	.top-bar {
		background-color: rgba(0, 0, 0, 0.2); /* Прозрачный черный фон */
		color: #fff; /* Цвет текста остается белым */
		font-size: 12px;
		z-index: 2;
		height: 70px;
	}
	
	.logo-bar {
		background-color: rgba(0, 0, 0, 0.2); /* Прозрачный черный фон */
        position: absolute; /* Обеспечиваем нормальное позиционирование для ссылки */
        z-index: 3; /* Убедитесь, что ссылка выше логотипа */
		top: 70px; /* Располагаем чуть ниже top-bar */
		height: 20px;
    }
	
	.dot-navigation {
        right: 20px; /* уменьшить отступ справа */
        gap: 10px; /* уменьшить разрывы между точками */
        margin-top: 60px;
    }

    .dot {
        width: 15px;
        height: 15px;
    }

	
	.home-icon {
		margin-left: -2px;
		margin-top: -140px;
		width: 10px;
        height: 10px;
	}
	
	#language-switcher {
	    margin-left: 5px;
		margin-top: -110px;
		width: 10px;
        height: 10px;
	}

	.address {
		margin-left: 7px!important; /* Подберите значение для выравнивания */
		text-indent: -12px; /* Должно совпадать с margin-left */
		padding-left: 5px;
	}

	.entrance {
		margin-left: 0px !important; /* Подберите значение для выравнивания */
		padding-left: 11px!important;
	}

	.address-icon {
		width: 10px; /* Установите желаемую ширину */
		height: 10px; /* Установите желаемую высоту */
		vertical-align: middle; /* Центровка по вертикали с текстом */
	}
	
	.page-3 .empty-space {
    background-image: url("/static/4.jpg");
    }
    
    .page-1 .empty-space {
    background-image: url("/static/8.jpg");
    }

.logo.smartech-logo {
        animation: none; /* Отключение анимации */
        filter: none; /* Удаление фильтра */
        transition: none; /* Удаление плавных переходов */
        pointer-events: none; /* Отключение реакции на наведение */
    }


    .logo-bar .logo img {
        transition: none; /* Удаление плавного изменения видимости */
    }
}